@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	font-family:"Calibri Bold", Calibri, sans-serif;
	font-size:16px;
	background-color:#414141;
}

p {
	color:#FFF;
}

div#container {
	position:relative;
	margin:20px auto;
	padding:20px 20px 0px 20px;
	width:900px;
	/*height:800px;*/
	border:4px solid #FFF;
}

/*--------------------------------------- Head ------------------------------*/

h1 {
	margin-bottom:20px;
	padding:5px 0px 5px 0px;
	text-transform:uppercase;
	text-align:center;
	font-size:40px;
	color:#414141;
	/*background-color:#0172B9;*/
}

/*------------------------------------- Navigation -----------------------------------*/


ul#navi {
	list-style:none;
	margin-bottom:20px;
}

ul#navi li {
	display:inline;
	/*background-color:#CCC;*/
}

ul#navi li a {
	margin-left:60px;
	font-size:25px;
	text-decoration:none;
	color:#FFF;
	/*background-color:#F9F;*/
}

ul#navi li a:hover {
	color:#999;
}


ul#navi li a.aktivbue {                   /*aktivlink buero*/
	cursor:default;   
	color:#F33;
	/*background-color:#093;*/
}

ul#navi li a.aktivwz {                   /*aktivlink wohnzimmer*/
	cursor:default;   
	color:#E2B87E;
	/*background-color:#093;*/
}

ul#navi li a.aktivsz {                   /*aktivlink schlafzimmer*/
	cursor:default;   
	color:#A60DCC;
	/*background-color:#093;*/
}

ul#navi li a.aktivk {                   /*aktivlink kueche*/
	cursor:default;   
	color:#FC3;
	/*background-color:#093;*/
}

ul#navi li a.aktivbad {                   /*aktivlink bad*/
	cursor:default;   
	color:#9BB70F;
	/*background-color:#093;*/
}

/*-------------------------------- Navi Ende -----------------------------*/

/*------------------------------- Contentbereich----------------------------------*/

div#content {
	width:900px;
	margin-bottom:18px;
	/*background-color:#FFF;*/
}
/*---------------------------------- Content ende -----------------------------------*/




/*-------------------------------- Indexseite effekte ------------------------------------*/

.sweet {
	height:180px;
	margin-bottom:30px;
	text-indent:-9999px;
	background-image:url(../bilder/sweethome.png);
	background-repeat:no-repeat;
	background-position:200px -10px;
}

/*-------------------------------------------*/

div#klingel a.hallo {
	position:absolute;
	top:347px;
	right:325px;
	width:200px;
	height:220px;
	/*background-color:#FC0;*/
}
	
div#klingel a:hover.hallo {
	background-image:url(../bilder/kopf.jpg);
	background-repeat:no-repeat;
	/*background-color:#6F0;   */                   /* gruen*/
}
	
div#klingel a.hallo span {
	display:none;
}	
	
div#klingel a:hover.hallo span {
	display:block;
	position:absolute;
	top:5px;
	left:120px;
	width:160px;
	height:60px;
	border:none;
	border-radius:5px;
	padding:10px 10px 20px 10px;
	color:#F60;
	font-weight:bold;
	text-align:center;
	background-color:#FFF;
}


div#klinke {
	position:absolute;
	top:525px;
	left:298px;
	width:75px;
	height:75px;
	/*background-color:#6F9;*/
}

div#klinke a {
	display:block;
	height:75px;
	text-indent:-9999px;
	/*background-color:#FFF;*/
}


/*------------------------------------- Index ende -------------------------------------*/


/*--------------------------------------- Flur Effekte --------------------------------*/

.flurkopf {
	margin-bottom:30px;
	background-color:#0172B9;
}

/*-----------------------------   navi flur  ------------------------------*/
ul#navituer {
	width:900px;
	height:177px;
	list-style:none;
	margin-bottom:30px;
	/*background-color:#6F0;*/
}

ul#navituer li {
	float:left;
	width:100px;
	height:177px;
	margin-left:65px;
	background-color:#CCC;
}

ul#navituer li a {
	display:block;
	height:177px;
	font-size:25px;
	text-decoration:none;
	color:#FFF;
}

ul#navituer li a:hover {
	color:#999;
}
/*-----------------------------  navi flur ende -------------------------------*/

div.linieflur2top {
	clear:both;
	height:4px;
	margin-bottom:40px;
	background-color:#0172B9;
}

img.flur2 {
	margin-bottom:25px;
}

p.flur {
	margin-bottom:20px;
	font-size:35px;
	font-weight:bold;
	text-align:center;
	color:#0172B9;
}

p.flur3 {
	font-size:20px;
	color:#FFF;
	/*line-height:25px;*/
	text-align:center;
	margin-bottom:20px;
}

div.linieflur {
	height:4px;
	background-color:#0172B9;
}

/*------------------------------------------  Buero Effekte -----------------------------------------*/

.buekopf {
	background-color:#F33;
}

div#mac a.apple {
	position:absolute;
	top:400px;
	right:280px;
	width:70px;
	height:50px;
	/*background-color:#F9F;*/
}
	
div#mac a:hover.apple {
	background-image:url(../bilder/apple.png);
	/*background-color:#060;*/
}

div#auge a {
	position:absolute;
	top:170px;
	left:40px;
	width:45px;
	height:50px;
	background-image:url(../bilder/auge.png);
	background-repeat:no-repeat;
	/*background-color:#FF0;*/
}

div#auge a:hover {
	position:absolute;
	top:170px;
	left:40px;
	width:45px;
	height:50px;
	background-image:url(../bilder/augegruen.png);
	/*background-color:#0C0;*/
}

div#auge a span {
	display:none;
}	
	
div#auge a:hover span {
	display:block;
	position:absolute;
	top:5px;
	left:50px;
	width:60px;
	height:100px;
	padding:5px;
	border:none;
	border-radius:5px;
	color:#3CC;
	font-weight:bold;
	text-align:center;
	background-color:#FFF;
}

div#bett {
	position:absolute;
	top:580px;
	left:350px;
	width:225px;
	height:150px;
	/*background-color:#663;*/
}

div#bett a {
	display:block;
	height:150px;
	text-decoration:none;
	font-size:18px;
	color:#FFF;
	/*background-color:#F0C;      pink*/
}

div#bett a span {
	display:none;
}

div#bett a:hover span {
	display:block;
	width:210px;
	height:130px;
	padding:11px;
	/*border:2px solid #F03;
	border-radius:4px;*/
	text-decoration:none;
	text-shadow:1px 1px #FFFFFF;
	font-size:14px;
	font-weight:bold;
	color:#000;
	background-image:url(../bilder/matratze.png);
	background-position:5px 5px;
	background-repeat:no-repeat;
}

div.liniebue {
	height:4px;
	background-color:#F33;
}

/*--------------------------------  Buero Ende ---------------------------------*/


/*----------------------------------  Wohnzimmer Effekte ------------------------------*/

.wzkopf {
	background-color:#E2B87E;
}

p.margot {
	position:absolute;
	top:335px;
	right:240px;
	width:65px;
	height:23px;
	border:2px solid #F09;
	border-radius:3px;
	background-color:#FCF;
}

p.sammy {
	position:absolute;
	top:425px;
	right:220px;
	width:65px;
	height:23px;
	border:2px solid #F09;
	border-radius:3px;
	background-color:#FCF;
}

a.katzen  {
	display:block;
	height:55px;
	cursor:url(../bilder/simon.png), pointer;
	font-family:"Comic Sans MS", cursive;
	font-size:15px;
	text-decoration:none;
	text-align:center;
	color:#F09;
	/*background-color:#FCF;*/
}

div.liniewz {
	height:4px;
	background-color:#E2B87E;
}

/*----------------------------------------------  Wohnzimmer Ende --------------------------------------*/


/*---------------------------------------------  Küche Effekte ---------------------------------------*/

.kuechekopf {
	background-color:#FC3;
}


div#topf a.rezept {
	position:absolute;
	top:467px;
	right:70px;
	width:100px;
	height:130px;
	/*background-color:#F9F;*/
}
	
div#topf a:hover.rezept {
	background-image:url(../bilder/topfoffen2.png);
	background-repeat:no-repeat;
	/*background-color:#060;*/
}
	
	
div#topf a.rezept span {
	display:none;
}	
	

div#topf a:hover.rezept span {
	display:block;
	position:absolute;
	top:20px;
	right:120px;
	width:100px;
	height:100px;
	border-radius:3px;
	padding:3px;
	color:#F60;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background-color:#FC3;
	
}


/*-------------Galerie lightbox----------------------*/

ul.galerie {
	position:absolute;
	top:280px;
	right:320px;
	margin-bottom:10px;
	width:43px;
	height:220px;
	border-radius:3px;
	list-style:none;
	background-color:#F39;   /* pink*/
}

ul.galerie li {
	/*float:left;*/
	width:38px;
	height:25px;
	margin:2px;
	border-radius:3px;
	/*background-color:#FCF;*/   /*flieder*/
}

ul.galerie li a{
	display:block; 
	height:25px;
	/*width:60px;*/
	text-decoration:none;
	border-radius:3px;
	color:#FFF;
	/*background-color:#906;*/  /*dklrot*/
}

ul.galerie li a:hover{
	text-decoration:none;
	/*background-color:#F39;*/  /*pink*/
}

/*------------------------ galerie a + hover ---------------------------*/

ul.galerie li a.nz1{
	background-image:url(../bilder/galerie/01_kldp.jpg);
}
ul.galerie li a:hover.nz1{
	background-image:url(../bilder/galerie/01_kl.jpg);
}

ul.galerie li a.nz2{
	background-image:url(../bilder/galerie/02_kldp.jpg);
}
ul.galerie li a:hover.nz2{
	background-image:url(../bilder/galerie/02_kl.jpg);
}

ul.galerie li a.nz3{
	background-image:url(../bilder/galerie/03_kldp.jpg);
}
ul.galerie li a:hover.nz3{
	background-image:url(../bilder/galerie/03_kl.jpg);
}

ul.galerie li a.nz4{
	background-image:url(../bilder/galerie/04_kldp.jpg);
}
ul.galerie li a:hover.nz4{
	background-image:url(../bilder/galerie/04_kl.jpg);
}

ul.galerie li a.nz5{
	background-image:url(../bilder/galerie/05_kldp.jpg);
}
ul.galerie li a:hover.nz5{
	background-image:url(../bilder/galerie/05_kl.jpg);
}

ul.galerie li a.nz6{
	background-image:url(../bilder/galerie/06_kldp.jpg);
}
ul.galerie li a:hover.nz6{
	background-image:url(../bilder/galerie/06_kl.jpg);
}

ul.galerie li a.nz7{
	background-image:url(../bilder/galerie/07_kldp.jpg);
}
ul.galerie li a:hover.nz7{
	background-image:url(../bilder/galerie/07_kl.jpg);
}

ul.galerie li a.nz8{
	background-image:url(../bilder/galerie/08_kldp.jpg);
}
ul.galerie li a:hover.nz8{
	background-image:url(../bilder/galerie/08_kl.jpg);
}

/*----------------------- galerie ende ---------------------------------*/

div#content audio.radio {
	position:absolute;
	top:308px;
	left:45px;
	width:130px;
	height:75px;
	border-bottom:5px solid #F39;
	background-image:url(../bilder/noten.png);
	background-position:20px 0px;
	background-repeat:no-repeat;
	/*background-color:#F09;*/
}


div.liniek {
	height:4px;
	background-color:#FC3;
}

/*--------------------------------- Küche Ende ---------------------------------------*/


/*---------------------------------- Badezimmer ---------------------------------------*/
.badkopf {
	background-color:#9BB70F;
}

div#bild a.mateo {
	position:absolute;
	top:410px;
	left:380px;
	width:200px;
	height:300px;
	/*border:1px solid #FFF;*/
	/*background-color:#F9F;*/
}
	
div#bild a:hover.mateo {
	border:2px solid #FFF;
	border-radius:2px;
	background-image:url(../bilder/mateo.jpg);
	background-repeat:no-repeat;
	background-color:#060;
}
	
div#bild a.mateo span {
	display:none;
}	
	
div#bild a:hover.mateo span {
	display:block;
	position:absolute;
	top:70px;
	left:170px;
	width:105px;
	height:20px;
	/*margin-bottom:5px;*/
	/*border:none;*/
	border-radius:2px;
	padding:5px;
	color:#09F;
	font-size:14px;
	text-align:center;
	background-color:#FFF;
}

div#italia a.forza {
	position:absolute;
	top:300px;
	left:165px;
	width:160px;
	height:149px;
	/*border:1px solid #FFF;*/
	/*background-color:#F9F;*/
}
	
div#italia a:hover.forza {
	background-image:url(../bilder/forza.png);
	background-repeat:no-repeat;
	/*background-color:#060;*/
}



/*------------------------------------------*/
div#fisch a.licht {
	position:absolute;
	top:161px;
	right:300px;
	width:140px;
	height:140px;
	/*border:1px solid #FFF;*/
	/*background-color:#F9F;*/
}
	
div#fisch a:hover.licht {
	background-image:url(../bilder/fischlicht.png);
	background-repeat:no-repeat;
	/*background-color:#060;*/
}

/*-----------------------------------------*/
div.linieb {
	height:4px;
	background-color:#9BB70F;
}

/*-------------------------------- Badezimmer Ende ---------------------------------------*/


/*---------------------------- Schlafzimmer --------------------------------*/

.szkopf {
	background-color:#A60DCC;
}

div.liniesz {
	height:4px;
	background-color:#A60DCC;
}

/*---------------------------- Schlafzimmer ende ----------------------------------*/


/*------------------------------------- Kontaktform ------------------------------------*/

.kontaktkopf {
	background-color:#9CF;
}

div.liniekontakttop {
	clear:both;
	height:4px;
	margin-bottom:10px;
	background-color:#9CF;
}

h2 {
	margin-bottom:5px;
	font-size:18px;
	font-weight:normal;
	color:#9CF;
}

.subhead {
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:25px;
	text-align:center;
	letter-spacing:2px;
}

input#vorname {
	font-family:calibri;
	color:#464646;
}

textarea {
	padding:3px;
	border:3px double #9CF;
	border-radius:6px;
	font-family:calibri, sans-serif;
	font-size:15px;
	color:#464646;
}

span.kursiv {
	font-size:14px;
	font-style:italic;
}

.rundbox {
	margin-bottom:10px;
	padding:2px;
	border:3px double #9CF;
	border-radius:6px;
}

.vorname {
	float:left;
	width:270px;
	margin-bottom:10px;
}

.spitzname {
	clear:both;
	margin-bottom:10px;
}

.textabstand {
	margin-right:10px;
}

.textabstandli {
	margin-left:10px;
	padding:2px;
	border:3px double #9CF;
	border-radius:6px;
}

select.event {
	width:130px;
	padding:2px;
	border:3px double #9CF;
	border-radius:6px;
}

select.event option {
	margin-left:3px;
	padding-bottom:2px;
}

div#content fieldset {
	margin-bottom:8px;
	padding:10px;
	border:2px solid #999;
}

div#content fieldset legend {
	padding-left:5px;
	padding-right:5px;
	color:#999;
}

div#content fieldset p {
	line-height:25px;
}

div#wann {
	float:left;
	width:150px;
}

div#wieso {
	margin-left:230px;
	width:250px;
}

div#warum {
	float:right;
	width:300px;
	margin-right:45px;
}

div.pofelli {
	float:left;
	width:350px;
}

div.pofelre {
	margin-left:300px;
}


fieldset.send {
	float:left;
	width:250px;
	/*margin-bottom:15px;*/
}

div p.eins {
	float:left;
	width:100px;
}

p.pflicht {
	width:250px;
	margin:37px 0px 20px 700px;
	font-size:13px;
}

div#dummy {
	clear:both;
	height:1px;
}

.sendebutton {
	border-left:2px solid #FFF;
	border-top:2px solid #FFF;
	border-right:2px solid #333;
	border-bottom:2px solid #333;
	border-radius:6px;
	padding:2px;
	cursor:pointer;
	background-color:#9CF;
}

.sendebutton:hover {
	border-left:2px solid #333;
	border-top:2px solid #333;
	border-right:2px solid #FFF;
	border-bottom:2px solid #FFF;
	color:#FFF;
	cursor:pointer;
	background-color:#263A6F;
}

div.liniekontakt {
	clear:both;
	height:4px;
	background-color:#9CF;
}

/*------------------------------------- impressum ---------------------------------*/

.impkopf {
	background-color:#FFF;
}

div.linieimptop {
	clear:both;
	height:4px;
	/*margin-bottom:20px;*/
	background-color:#FFF;
}

div#nikolaus {
	float:left;
	width:290px;
	height:520px;
	margin-left:10px;
	margin-bottom:50px;
	/*border-right:4px solid #FFF;*/
	background-image:url(../bilder/nikolaus_kl.png);
	background-position:10px 40px;
	background-repeat:no-repeat;
}

div#content p.claim {
	width:530px;
	margin-left:340px;
	padding-top:30px;
	font-size:12px;
	text-align:justify;
	line-height:14px;
}

.bildnachweis {
	clear:both;
	margin-left:30px;
	margin-bottom:10px;
	font-size:13px;
}

.rechte {
	margin-left:720px;
	font-size:13px;
	color:#C41220;
}

div.linieimp {
	clear:both;
	height:4px;
	/*margin-bottom:10px;*/
	background-color:#FFF;
}
/*--------------------------------- impressum ende --------------------------------*/

/*---------------------------------------- Navi Footer -----------------------------------*/
ul#footnavi {
	margin-left:672px;
	padding-bottom:10px;
	padding-top:12px;
	height:30px;
	list-style:none;
	/*background-color:#0CC;*/
	
}

ul#footnavi li {
	display:inline;
	/*background-color:#CCC;*/
}

ul#footnavi li a {
	padding:5px;
	margin-left:20px;
	margin-bottom:10px;
	font-size:12px;
	color:#FFF;
	/*background-color:#F90;*/
}

ul#footnavi li a:hover {
	color:#F0C;
}

ul#footnavi li a.aktivkontakt1 {                   /*aktivlink kontakt*/
	cursor:default;   
	color:#9CF;
	/*background-color:#093;*/
}

ul#footnavi li a.aktivkontakt2 {                   /*aktivlink kontakt*/
	cursor:default;   
	color:#FFF;
	/*background-color:#093;*/
}

/*----------------------------------- Extra-Navi Kontaktseite ---------------------*/

ul#footnavikon {
	padding-bottom:10px;
	padding-top:15px;
	height:30px;
	list-style:none;
	/*background-color:#0CC;*/
	
}

ul#footnavikon li {
	display:inline;
	/*background-color:#CCC;*/
}

ul#footnavikon li a {
	padding:5px;
	margin-left:42px;
	margin-bottom:10px;
	font-size:12px;
	color:#FFF;
	/*background-color:#F90;*/
}

ul#footnavikon li a:hover {
	color:#F0C;
}

ul#footnavikon li a.aktivkontakt1 {                   /*aktivlink kontakt*/
	cursor:default;   
	color:#9CF;
	/*background-color:#093;*/
}


/*---------------------------------------- footer ende ---------------------------------------*/