html { font-size:12px;}
body {
     font-size: 12px; 
     font-family: "Century Gothic", Helvtica,  sans-serif; 
     line-height: 16px; 
     color: #233066;
     margin: 0;
     padding: 0;
}


img{ border:none;}

#home{
	background:#cfc6b5 url(images/hin.gif);
}

a, a:active, a:visited, a:hover	{text-decoration: none; text-transform: none;  color: #c22423;}


#hometop{
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 53px;
	background: #cfc6b5 url(images/bg.png) repeat-x; 
}


h1, h2, h3, h4, h5, h6 {
	font-family: "Century Gothic", Helvtica,  sans-serif; 
	color: #233066;
}

h1 {font-size: 22px; border-bottom: 1px dotted #CCC;margin:0px; padding-bottom:0px; line-height: 22px;}
h2 {font-size: 18px; margin: 0px 0px 0px 0px; padding-bottom: 0px; line-height: 18px;}
h3 {font-size: 16px; margin: 0; padding:0;}
h4 {font-size: 14px;margin: 0; padding:0;}
h5 {font-size: 14px;margin: 0; padding:0;}
h6 {font-size: 12px;margin: 0; padding:0;}
h8 {font-size: 12px;margin: 0; padding:0;}

div#wrapper {width: 970px; margin: 0px auto 0px auto; text-align: center; position:absolute:50%;}
div#top {position: relative; height: 70px; width: 970px; margin-bottom: 0px; text-align: left; margin-top:-15px;}


div#navigation {float: left;background: #fdefd6;height:560px;}
div#inhalt {float: left;margin-bottom:20px;}
div#content {float: right;}
div#sidebar {float: right; width:155px;height:230px; margin-top:25px;margin-bottom:10px; text-align:left; border-color: #ccc #fdefd6  #555 #bbb;overflow:auto}
div#sidebar a{font-size:12px;color: #233066;text-decoration:none;}
div#sidebar a:hover{font-size:12px;color: #233066;background-color:#cfc6b5;}

#CarouselDiv {position:relative; margin-left:0px;margin-top:-70px; }

#navigation { width: 185px;text-align:left; margin-top:3px;} 

#navigation ul { list-style: none; margin: 0; padding: 0; } 
#navigation a, #navigation h2 {
      font-family: "Century Gothic", Helvtica,  sans-serif; 
      font-size:12px;
      display: block;
      border-width: 1px; 
      border-style: dotted; 
      border-color: #ccc #fdefd6  #555 #bbb;
      margin: 0; padding-left:15px; padding-right:15px; padding-bottom:5px; padding-top:5px; 
}

#navigation a {color: #233066;text-decoration: none; } 
#navigation a:hover { color: #233066; background: #cfc6b5;}   
#navigation li { position: relative; }
#navigation ul ul ul {position: absolute; top: 0; left: 100%; width: 100%; background: #fdefd6;}
div#navigation ul ul ul, div#navigation ul ul li:hover ul ul {display: none;} 
div#navigation ul ul li:hover ul, div#navigation ul ul ul li:hover ul {display: block; z-index:500;}


#toplogo{
border:none;
margin: 0;
}

#logobutton{
	text-align:left;
	position: relative;
	left:0px;
	padding:0;
	margin:0;
}
#logobutton a,#logobutton a:active, #logobutton a:visited  {
      border-width: 0px; 
      border-style: none; 
      border-color: none;
      margin: 0; 
      padding:0; 
}
#logobutton a, #logobutton a:active, #logobutton a:visited {color: #233066;text-decoration: none; } 
#logobutton a:hover { color: #233066; background:none;}   



div#main {position: relative;width: 770px; height:560px; background-color: #fdefd6;margin-top:3px; padding-left:7px;}
div#inhalt {position: relative; width: 703px;height: 400px; margin:15px 0 0 0;padding:0 20px 0 20px; text-align:left;overflow:auto;}


div#bilderleiste {position:absolute; top:415px;left: 0px;width:770px; }
div#bilderleiste ul li {list-style-type:none; display:inline; margin: 0; padding: 0;}
div#bilderleiste ul li img {margin:0 12px 0 12px;border: 0px solid #233066; padding: 0;} /* statt 11 px */
div#footer {clear:both; text-align:right; margin-right:110px; padding-top:0px;}



div#amountBox {float:right; margin-right: 100px; margin-top:80px;}
/* trafo adds */

#topadress{
	position: absolute;
	top: 47px;
	left: 400px;
	width: 550px;
	height: 20px;
	text-align: right;
}

div#toplogo {position: absolute; width: 368px;}
/* ------ Submenu -------------- */


#submenu { 
position: absolute; top:0px; left: 543px; height: 400px; width: 200px; overflow: auto; border: solid 0px #00f;
} 

#submenu ul { list-style: none; margin: 0; padding: 0; } 

#submenu a,#submenu a:active, #submenu a:visited {
      font-family: "Century Gothic", Helvtica,  sans-serif; 
      font-size:12px;
      margin: 0; 
      padding: 2px 5px 2px 0px;
      color: #233066;
      text-decoration: none;
}
#submenu a:hover { 
	text-decoration: none;
	color: #233066; 
	background: #cfc6b5;
}   

#submenu li { position: relative;width: 190px; }

.submenubuttonactive{
    text-decoration: none;
	font-weight:bold;
}
.submenubuttonactive a,.submenubuttonactive a:active, .submenubuttonactive a:visited {
      font-family: "Century Gothic", Helvtica,  sans-serif; 
      font-size:12px;
      margin: 0; 
      padding: 0;
      color: #233066;
      text-decoration: underline;
}
.submenubuttonactive a:hover { 
	text-decoration: none;
	color: #233066; 
	background: #cfc6b5;
}