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

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

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

html	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #3b7686;
}


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

a:link { color:#3b7686; text-decoration:underline; outline:none;  }
a:visited { color:#3b7686; text-decoration:underline; outline:none;}
a:active { color:#3b7686; text-decoration:underline; outline:none;}
a:hover { color:#FFFFFF; text-decoration: underline; outline:none;}


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

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

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

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

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


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

#top {
width:646px;
margin-top:0px;
z-index:100;
position:absolute;
padding-top:5px;
}

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

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

#container {
float:left;
position: relative;
min-height: 100%;
height: 100%;
width:646px;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
width:646px;
padding-top:0px;
background-color:#FFFFFF;
margin-left:0px;
	
}
html>body #container {
	width:646px;
}	
	
#links {
	float:left;
	padding: 25px 30px 0px 0px;
	margin-bottom:50px;
	width:355px; 			/* für IE5/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:355px; 			/* für die anderen und... */
	min-height: 100%;
	background-color:#A1C8DE;
}
html>body #links {
	width:355px; 			/* ...für Opera */
	height: 100%;
	max-height: 100%;
}

#links ul {
margin: 0px;
padding: 6px 0px 0px 15px;
list-style-type:square;
color:#FFFFFF;
line-height:18px;
}

#mitte {
float:left;
width:610px;
padding:25px 0px 10px 36px;
margin:0;
background-color:#A1C8DE;
}

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


#footer {
    position: absolute;
    bottom: 0;
	}
	
#text {
padding-right:30px;
}

#fuss {
clear:both;
margin-left:0px;
font-size:10px;
height:120px;
color:#7C7979;
}

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



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

#navigation  {
padding:0px;
margin:0px;
width:646px;
height:51px;
text-align:left;
float:left;
background-image:url(/bilder/nav/bg_nav.gif);
background-repeat:repeat-x;
}


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


.weiss {
color:#FFFFFF; 
}

.klein {
font-size:10px;
}











/* common styling */
.menu {
z-index:100;
}
.menu ul li a, .menu ul li a:visited {
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;
}

.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}

.menu ul li:hover ul li a.hide {}
.menu ul li:hover ul li:hover a.hide {}

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





/* Sprachnavigation */
.sprache {
z-index:100;
}
.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;
}

.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: 520px; 
	top: 0px;
	width: 110px;
	height: 300px;
	z-index: 0;
	visibility: hidden;
}