/***********************************************/
/* CSS - www.bodyform-wasserbetten.de          */
/* Copyright by kitz.kommunikation             */
/* www.bodyform-wasserbetten.de                */
/***********************************************/

/***********************************************/
/* BASIC styles                                */
/***********************************************/ 

html, body, form, h1, h2, h3, h4 {
margin:0;
padding:0;
padding-left:0px;
}

html {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color: #0A7AA4;
}

body {
background-color:#FFFFFF;
background-image:url(/bilder/site/bg.gif);
background-attachment:fixed;
background-repeat:repeat-x;
}

a:link { color:#ffffff; text-decoration:underline; outline:none;  }
a:visited { color:#ffffff; text-decoration:underline; outline:none;}
a:active { color:#ffffff; text-decoration:underline; outline:none;}
a:hover { color:#01638B; text-decoration: underline; outline:none;}


/***********************************************/
/* Generic Formats                             */
/***********************************************/

h1 {
margin: 0px 0px 4px 0px;
font-size: 14px;
letter-spacing:normal;
color:#01638B;
}

h3 {
color:#01638B;
font-size:12px;
}

h4 {
color:#005178; 
font-size:12px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 3px 0px;
font-weight:bold;
}

p {
padding: 0px;
margin: 0px 0px 18px 0px;
}

th, td {
text-align:left;
vertical-align:top;
}

img {
border:	0px;
padding:0px;
margin:	0px;
}


/***********************************************/
/* Seitengerüst                                */
/***********************************************/

#top {
height:20px;
width:750px;
float:left;
margin-top:5px;
text-align:right;
color:#FFFFFF;
font-size:11px;
}

/*#top a:link, #top a:visited { text-decoration:none; color:#FFFFFF; outline:none;}
#top a:hover { text-decoration:underline; color:#FFFFFF; font-weight:normal; outline:none;}*/

#logokasten {
position:relative;
margin-left:-380px;
left:50%;
z-index:200;
width:760px;
visibility:hidden;
}

#logo {
z-index:101;
position:absolute;
top:33px;
left:627px;
visibility:hidden;
}

#bett-header {
z-index:101;
position:absolute;
top:84px;
left:22px;
}

#bettkasten {
position:relative;
margin-left:-380px;
left:50%;
z-index:200;
width:760px;
}

#header {
width:760px;
height:238px;
position:relative;
background-image:url(/bilder/site/header.png);
background-repeat:no-repeat;
float:left;
}

#header2 {
width:760px;
height:238px;
position:relative;
background-image:url(/bilder/site/header2.png);
background-repeat:no-repeat;
float:left;
}

#main {
width:760px;
padding:0;
margin:0;
margin-left:-380px;   /* == halbe Breite.     */
position:absolute;
left:50%;
}

#container-alles {
padding:0px;
margin:0px;
}

#container {
float:left;
position: relative;
min-height: 100%;
height: 100%;
width:760px;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
width:760px;
padding-top:0px;
background-color:#FFFFFF;
margin-left:0px;	
}
html>body #container {
width:760px;
}	
	
#inhalt-spalte {
color:#FFFFFF;
float:left;
/*background-color:#CCFF33;
*/padding: 0px 0px 0px 0px;
margin-bottom:40px;
width:680px; 			/* für IE5/Win */
voice-family: "\"}\"";
voice-family:inherit;
width:680px; 			/* für die anderen und... */
min-height: 100%;
}

html>body #inhalt-spalte {
width:680px; 			/* ...für Opera */
height: 100%;
max-height: 100%;
}

#inhalt-spalte ul {
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 15px;
list-style-type:square;
color:#FFFFFF;
text-align:left;
}

#mitte {
float:left;
width:680px;
padding:0px 40px 0px 40px;
margin:0;
background-image:url(/bilder/site/bg_mitte.png);
background-repeat:repeat;
}

#teaser-spalte {
float:left;
padding: 0px 0px 0px 0px;
font-size:11px;
width:150px; 			/* für IE5/Win */
voice-family: "\"}\"";
voice-family:inherit;
width:150px; 			/* für die anderen und... */
min-height: 100%;
}
html>body #teaser-spalte {
width:150px; 			/* ...für Opera */
height: 100%;
max-height: 100%;
}

#footer {
position: absolute;
bottom: 0;
}
	
#fuss {
clear:both;
margin-left:0px;
font-size:10px;
color:#7C7979;
}

a.fusslink:link, a.fusslink:visited { text-decoration:none; color:#7C7979;outline:none;}
a.fusslink:hover { text-decoration:underline; color:#7C7979;outline:none;}

#linke-spalte {
/*background-color:#0066FF;
*/float:left;
width:240px;
margin-right:25px;
}

#rechte-spalte {
/*background-color:#FF3300;
*/float:left;
width:240px;
}

#zwei-spalten-breit {
/*background-color:#0066FF;
*/float:left;
width:420px;
margin-right:25px;
text-align:left;
}

#zwei-spalten-breit ul {
margin: 0px 0px 18px 0px;
}

#eine-spalte-breit {
/*background-color:#ff66FF;
*/float:left;
width:235px;
margin-right:0px;
padding-top:3px;
}


/***********************************************/
/* Navigation                                  */
/***********************************************/

#navigation {
left:13px;
top:0px;
height:29px;
padding:0px;
margin:0px;
width:760px;
float:left;
position:absolute;
z-index:102;
font-size:11px;
}

#navigation a:link, #navigation a:visited { text-decoration:none; outline:none; color:#3b7686;}
#navigation a:hover { text-decoration:none; color:#3b7686; background-color:#ADD9ED; font-weight:bold; outline:none; padding:8px 10px 8px 10px;}

#navigation a.aktiv {
text-decoration:none;
font-weight:bold;
background-color:#ADD9ED;
padding:8px 10px 8px 10px;}



/**********************************************************************************************/
/* Components                            ******************************************************/
/**********************************************************************************************/

.clear-both {
clear:both;
line-height: 0px;
margin:0px;
padding:0px;
}

.weiss {
color:#FFFFFF; 
}

.gruen {
color:#01638B; 
}

.dunkelblau {
color:#025B85; 
}

.teaser-box {
font-size:11px;
background-color:#005178;
background-image:url(/bilder/site/bg_teaser_box.png);
background-repeat:repeat;
padding: 0px 10px 3px 10px;
color:#FFFFFF;
width:215px;
margin-bottom:0px;
line-height:15px;
}

.teaser-box a:link, .teaser-box a:visited { text-decoration:underline; outline:none; color:#FFFFFF;}
.teaser-box a:hover { text-decoration:underline; outline:none; color:#005178;}

.breadcrumb {
font-size:11px;
margin-bottom:10px;
}

.breadcrumb a:link, .breadcrumb a:visited { text-decoration:none; outline:none;}
.breadcrumb a:hover { text-decoration:underline; outline:none;}

.nav-faq {
border-bottom:dotted #FFFFFF 2px;
padding:8px 0px 10px 0px;
width:395px;
}

.nav-faq a:link, .nav-faq a:visited { text-decoration:none; color:#01638B; 
 outline:none;}

.nav-faq a:hover { text-decoration:underline; color:#01638B; 
 outline:none;}
 
.faq-link a:link, .faq-link a:visited { text-decoration:underline; color:#FFFFFF; 
 outline:none;}

.faq-link a:hover { text-decoration:underline; color:#01638B; 
 outline:none;}
 
.fragebox {
padding-top:6px;
margin-bottom:10px;
}

.bild_teaserspalte {
margin-bottom:15px;
}

.bildunterschrift_teaserspalte {
font-size:11px;
padding: 3px 10px 0px 10px;
}









/* Sprachnavigation */
.sprache {
z-index:201;
}

.sprache a {
z-index:201;
text-decoration:none;
}

.sprache ul li a, .sprache ul li a:visited, .sprache ul.sub li a, .sprache ul.sub li a:visited {
margin:0;
padding:0;
display:block;
padding-left:5px;
text-decoration:none; 
width:104px;
height:20px; 
text-align:left; 
color:#fff; 
border-bottom:1px solid #c5e2ef; 
line-height:20px; 
overflow:hidden;
z-index:201;
}

.sprache ul, .sprache ul.sub {
padding:0;
margin:0; 
list-style: none;
}

.sprache ul li, .sprache ul.sub li {
float:left; 
position:relative;
}
/*.sprache ul li ul {display: none;}*/

/*Hauptpunkt*/
.sprache ul li:hover a {
color:#fff;
}

.sprache ul li:hover ul {
display:block; 
position:absolute; 
top:21px; 
left:0; 
width:105px;

}

/*.sprache ul li:hover ul li a.hide {}
.sprache ul li:hover ul li:hover a.hide {}*/

/*.sprache ul li:hover ul li ul {display: none;}*/
.sprache ul.sub li a, .sprache ul.sub li a:visited {display:block; background:#fff; color:#1f7e9c;}
.sprache ul.sub li:hover a:hover {background:#c5e2ef; color:#fff;}
.sprache ul.sub li:hover ul {display:block; position:absolute; left:105px; top:0;}


#ausblendebene {
	position: absolute;
	left: 625px;
	top: 0px;
	width: 125px;
	height: 200px;
	z-index: 200;
	visibility: hidden;
}