/***********************************************/
/* CSS - www.kitz.kommunikation.de             */
/* Copyright by kitz.kommunikation             */
/* www.kitz-kommunikation.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: #8C8C8C;
}

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

a:link { color:#FF9E0D; font-weight:normal; text-decoration:none; outline:none;  }
a:visited { color:#FF9E0D; font-weight:normal; text-decoration:none; outline:none;}
a:active { color:#FF9E0D; font-weight:normal; text-decoration:none; outline:none;}
a:hover { color:#FF9E0D; font-weight:bold; text-decoration: underline; outline:none;}


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

h1 {
margin: 0px 0px 4px 0px;
font-size: 13px;
letter-spacing:normal;
color:#FF9E0D;
font-weight:bold;
}

p {
padding: 0px;
margin: 0px 0px 6px 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;}


#main {
width:562px;
padding:0px 0px 0px 0px;
margin:0;
margin-left:-281px;   /* == halbe Breite.     */
position:absolute;
left:50%;
text-align:center;
}

#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;
}

#startbox {
width:562px;
height:329px;
background-image:url(/bilder/site/bg_startbox.gif);
background-repeat:no-repeat;
padding:0px 0px 0px 0px;
background-color:#CC6699;
margin-top:100px;
}	
	
#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;
z-index:103px;
}

#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;}


/***********************************************/
/* 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;
}