body{font-size:12px; font-family: Trebuchet MS, Verdana, sans-Serif; color:#1e1E1E; padding:0px; margin:2px;}

	

img.download {vertical-align:middle;}

.price{font-weight:bold; color:#cc0000;}

.hotline{font-weight:bold; color:#cc0000; width:800px;}

/* ----------container zentriert das layout-------------- */
#container {width:920px; padding-top:30px; padding-bottom:30px; margin:0px; margin-left:auto; margin-right:auto;}  

.impressum {color:#000000; font-weight:bold; margin-bottom:3px;}


/* ----------outer und inner----------------- */

#outer{border-left: solid 200px #EBD3E0; /* linke Menue Spalten Farbe  */ border-right: solid 200px #EBD3E0; /* rechte Menue Spalten Farbe  */ background-color: red; /* Farbe fuer Inhalt Spalten  */} 

#inner{margin:0; width:100%;}

.bildschatten {background: url(gfx/bildschatten.png) no-repeat bottom left; padding: 4px 7px 17px 7px; margin-right:5px; margin-bottom:5px; border-top:1px solid #CCCCCC;}

/* -----------------Inhalt --------------------- */ 

#content{margin:0px; float:left; border-bottom:1px solid #aaaaaa; padding:0px; width:552px; min-height:500px;}
#content a {color:#cc0000;}
#content a:visited {color:#cc0000;}
#content a:hover {color:#cc0000;}
#content a:active {color:#cc0000;}

#content h1 {font-size:17px; color:#3366CC; width:552px; margin:0px; margin-bottom:3px; padding-top:2px; border-bottom:1px solid #9A9A9A;}
#content h2 {font-size:15px; font-weight:normal; margin:0px; margin-bottom:10px;} 
#content h3 {font-size:14px; color:#666666; border-bottom:1px solid #aaaaaa; margin-bottom:5px; margin-top:15px;} 
#content h4 {font-size:11px; font-weight:bold; margin-bottom:0px;} 

#content table{margin-bottom:2px;}
#content th{background:url(gfx/glossyback3.gif); color:#ffffff; text-align:left; padding-left:2px;}
#content td{}

#content p{margin-top:0px; margin-bottom:12px; }

.validity {font-size:11px; color:#cc0000;}



#navitop {text-align:right; width:100%; height:15px; margin-bottom:5px;}

#navitop a {color:#000000;}
#navitop a:visited {color:#000000;}
#navitop a:hover {color:#000000;}
#navitop a:active {color:#000000;}


/* --------------left und right navigavtion------------- */

#left {width:149px; float:left; background:#ffffff; margin-right:10px;}
#left h2 {font-size:15px; font-weight:bold; margin:0px; margin-bottom:10px; color:#666666;} 



#right {float:right; background:#ffffff; padding:0px; width:186px; background:#ffffff; }
#right a {color:#000000; font-weight:bold;}
#right a:visited {color:#000000; font-weight:bold;}
#right a:hover {color:#000000; font-weight:bold;}
#right a:active {color:#000000; font-weight:bold;}











pre{font-size:12px; padding:5px 10px; margin:0px;}


/* ----------------navigation---------------------- */ 
#header{width:920px; height:130px; background:url(london.gif); margin-bottom:0px; margin-top:0px; font-weight:bold;}




#title {border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; background:url(gfx/glossyback3.gif); width:913px; padding:3px; color:#ffffff; font-size:14px; margin-top:0px; margin-bottom:10px; color:#ffffff; height:18px;}
#title a {color:#ffffff; text-decoration:underline; font-weight:bold;}


#tables0a table{border:1px solid #9A9A9A; margin-bottom:10px;}
#tables0a th{background:url(gfx/glossyback4.gif); color:#ffffff; width:152px; text-align:left; font-size:11px; font-weight:bold;}
#tables0a td{color:#000000; text-align:left; font-size:11px; background:#ffffff;}

#tables1a table{border:1px solid #558FE6; margin-bottom:10px;}
#tables1a th{background:url(gfx/glossyback3.gif); color:#ffffff; width:468px; text-align:left; font-size:11px; font-weight:bold;}
#tables1a td{color:#000000; text-align:left; font-size:11px; background:#ffffff;}

#tables1b table{border:1px solid #558FE6; margin-bottom:10px;}
#tables1b th{background:url(gfx/glossyback4.gif); color:#ffffff; width:468px; text-align:left; font-size:11px; font-weight:bold;}
#tables1b td{color:#000000; text-align:left; font-size:11px; background:#ffffff; background:url(gfx/background.jpg);}

#tables2a table{border:1px solid #9a9a9a; margin-bottom:10px; width:259px;}
#tables2a th{background:url(gfx/glossyback3.gif); color:#ffffff; text-align:left; font-size:11px; font-weight:bold;}
#tables2a td{color:#000000; text-align:left; font-size:11px;}

#tables2b table{border:1px solid #9a9a9a; margin-bottom:10px; width:259px;}
#tables2b th{background:url(gfx/glossyback4.gif); color:#ffffff; text-align:left; font-size:11px; font-weight:bold;}
#tables2b td{color:#000000; text-align:left; font-size:11px;}

#tables3a table{border:1px solid #9a9a9a; margin-bottom:10px; width:186px;}
#tables3a th{background:url(gfx/glossyback3.gif); color:#ffffff; text-align:left; font-size:11px; font-weight:bold;}
#tables3a td{color:#000000; text-align:left; font-size:11px;}

#tables3b table{border:1px solid #9a9a9a; margin-bottom:10px; width:172px;}
#tables3b th{background:url(gfx/glossyback4.gif); color:#ffffff; text-align:left; font-size:11px; font-weight:bold;}
#tables3b td{color:#000000; text-align:left; font-size:11px;}

#tables3c table{border:1px solid #9a9a9a; margin-bottom:10px; width:172px;}
#tables3c th{background:url(gfx/glossyback5.gif); color:#ffffff; text-align:left; font-size:11px; font-weight:bold;}
#tables3c td{color:#000000; text-align:left; font-size:11px;}

#tables4a table{border:1px solid #9a9a9a; margin-bottom:10px; width:556px;}
#tables4a th{background:url(gfx/glossyback3.gif); color:#ffffff; text-align:left; font-size:11px; font-weight:bold;}
#tables4a td{color:#000000; text-align:left; font-size:11px;}

#tables4b table{border:1px solid #9a9a9a; margin-bottom:10px; width:556px;}
#tables4b th{background:url(gfx/glossyback4.gif); color:#ffffff; text-align:left; font-size:11px; font-weight:bold;}
#tables4b td{color:#000000; text-align:left; font-size:11px;}

#tables4c table{border:1px solid #9a9a9a; margin-bottom:10px; width:556px;}
#tables4c th{background:url(gfx/glossyback5.gif); color:#000000; text-align:left; font-size:11px; font-weight:bold;}
#tables4c td{color:#000000; text-align:left; font-size:11px;}


#tables5a table{border:1px solid #9a9a9a; margin-bottom:10px; width:272px; background:url(gfx/background.jpg);}
#tables5a th{background:url(gfx/glossyback3.gif); color:#ffffff; text-align:left; font-size:11px; font-weight:bold;}
#tables5a td{color:#000000; text-align:left; font-size:11px;}

#tables5b table{border:1px solid #9a9a9a; margin-bottom:10px; width:272px;}
#tables5b th{background:url(gfx/glossyback4.gif); color:#ffffff; text-align:left; font-size:11px; font-weight:bold;}
#tables5b td{color:#000000; text-align:left; font-size:11px;}




.td1{background:#ffffff; border-bottom: #cecece 1px solid;}
.td2{background:#eeeeee; border-bottom: #cecece 1px solid;}
.th1{background:#333399; color:#ffffff; font-weight:bold; text-align:left;}


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


#bottom {clear:left; padding:0px; margin:0px; text-align:left; width:916px; height:120px; background:#ffffff; color:#564b47; padding:2px; float:left;}  

#footer {clear:left; padding:0px; margin:0px; text-align:left; width:916px; background:url(gfx/glossyback3.gif); color:#cc0000; padding:2px; border-top:3px solid #eeeeee; color:#ffffff;}  

#footer a{color:#ffffff;}

.box{background:#eeeeee; padding:5px;}
.img{width:75px; height:75px; border:0px;}

#menu{background:#ffffff; color:#666; font:bold 11px arial,verdana,sans-serif; width:130px;}
#liste{background:#330099; border-bottom:1px solid #FFFFCC; list-style:none; margin-left:0px; width:130px; margin-bottom:2px;}
#liste li a{border-top:1px solid #FFFFCC; color:#FFFFFF; display:block; padding:4px; text-decoration:none; width:122px; }
#liste li a:hover{color:#330099; text-decoration:none; background:#E8ECF7;}







.glossymenu{ margin: 5px 0; padding: 0; width:148px; /*width of menu*/ border: 1px solid #9A9A9A; border-bottom-width: 0;}
.glossymenu a.menuitem{background: black url(gfx/glossyback.gif) repeat-x bottom left; font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: white; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 4px 0; padding-left: 10px; text-decoration: none; }
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ color: white;}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/position: absolute;top: 5px;right: 5px;border: none;}
.glossymenu a.menuitem:hover{background-image: url(gfx/glossyback2.gif); }
.glossymenu div.submenu{ /*DIV that contains each sub menu*/ background:#ffffff;}
.glossymenu div.submenu ul{ /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0;}
.glossymenu div.submenu ul li{ border-bottom: 1px solid #90B6F1; }
.glossymenu div.submenu ul li a{ display: block; font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#3366cc; text-decoration: none; padding: 2px 0; padding-left: 10px; }
.glossymenu div.submenu ul li a:hover{ background: #DFDCCB; colorz: white; }





.markermenu{list-style-type: none; margin: 5px 0; padding: 0; width: 170px; border: 1px solid #9A9A9A;}
.markermenu li a{background:#ffffff url(gfx/arrow-list.gif) no-repeat 2px center; font: bold 11px "Trebuchet MS", Verdana, Helvetica, sans-serif; color: #00014e; display: block; width: auto; padding: 2px 0; padding-left: 15px; text-decoration: none; border-bottom: 1px solid #B5B5B5;}

* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */ width: 150px;}

.markermenu li a:visited, .markermenu li a:active{color: #00014e;}
.markermenu li a:hover{color: black; background-color: #ffffcb; background-image:url(gfx/arrow-list-red.gif); /*onMouseover image change. Remove if none*/}


.button {color:#ffffff; background-color:#333399; font-size:11px; cursor:pointer; font-weight:bold; width:150px;}

.error{width:98%; background:#F9EAEA; border:1px solid #cc3333; padding:5px; margin:5px 0 5px 0; color:#cc3333; font-weight:bold;} 
.success{width:98%; background:#CCFFCC; border:1px solid #336633; padding:5px; margin:5px 0 5px 0; color:#336633; font-weight:bold;} 
.infobox1{width:98%; background:#E0E0F1; border:1px solid #3366CC; padding:5px; margin:5px 0 5px 0; color:#3366CC; font-weight:bold;} 
.infobox2{width:98%; background:#FDCD0c; border:1px solid #000000; padding:5px; margin:5px 0 5px 0; color:#000000; font-weight:bold;} 

.bak{background:#AE6118; color:#ffffff;}
.cen{background:#E41F1F; color:#ffffff;}
.cir{background:#F8D42D; color:#113B92;}
.dis{background:#00A575; color:#ffffff;}
.eas{background:#F2AD41; color:#113B92;}
.ham{background:#E899A8; color:#113B92;}
.jub{background:#8F989E; color:#ffffff;}
.met{background:#893267; color:#ffffff;}
.nor{background:#000000; color:#ffffff;}
.pic{background:#0450A1; color:#ffffff;}
.vic{background:#009FE0; color:#ffffff;}
.wat{background:#70C3CE; color:#113B92;}
.dlr{background:#00BBB4; color:#ffffff;}



#wrapper{margin:0 auto;	text-align:left; width:970px;}

#left_r {background:transparent url(gfx/shadow/left_r.png) 0% 0% repeat-y; }
#right_r{background:transparent url(gfx/shadow/right_r.png) 100% 0% repeat-y;}

#top_r{background:transparent url(gfx/shadow/top_r.png) 0% 0% repeat-x;}
#top_l_c{background:transparent url(gfx/shadow/top_l_c.png) 0% 0% no-repeat;}
#top_r_c{background:transparent url(gfx/shadow/top_r_c.png) 100% 0% no-repeat;}

#bottom_r{background:transparent url(gfx/shadow/bottom_r.png) 0% 100% repeat-x; }
#bottom_l_c{background:transparent url(gfx/shadow/bottom_l_c.png) 0% 100% no-repeat; }
#bottom_r_c{background:transparent url(gfx/shadow/bottom_r_c.png) 100% 100% no-repeat;}


.pic1{width:200px; height:140px; margin-right:10px; margin-bottom:10px;}


.hidden{display:none;}
.clear{clear:both;}

div.TabView p{width:630px;}
div.TabView div.Tabs{height: 24px; overflow: hidden;}
div.TabView div.Tabs a{float: left; display: block; width:110px; text-align: center; height:24px; line-height: 28px; vertical-align: middle; background:url(gfx/tab.gif) no-repeat -2px -1px; text-decoration:none; font-family: verdana,arial,helvetica,sans-serif; font-weight:300; font-size: 11px; color:#000080; cursor: hand;}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active{background:url(gfx/tab.gif) no-repeat -2px -31px;}
div.TabView div.Tabs a:hover{background:url(gfx/tab.gif) no-repeat -2px -62px;}
div.TabView div.Pages{clear: both; padding: 2px 0px 0px 0px; border: 1px solid #AAAAFF; background-color:#FFFFFF; overflow: hidden;}
div.TabView div.Pages div.Page{height: 100%; overflow: hidden;}
div.TabView div.Pages div.Page div.Pad{padding: 20px 15px 15px;}






/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{margin:0; padding:0; list-style-type:none; font-size:14px; background:#CC0033; height:23px;}

/*Top level list items*/
.suckertreemenu ul li{position:relative; background:#cc0033; display:inline; float:left; color:white; }

/*Top level menu link items style*/
.suckertreemenu ul li a{display:block; background:#cc0033;  /*Width of top level menu link items*/ padding:1px 8px; border-left-width:0; text-decoration:none; color:#ffffff; }

	
/*1st sub level menu*/
.suckertreemenu ul li ul{left:0; position:absolute; top:1em; /* no need to change, as true value set by script */ display:block; visibility:hidden; }

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{display:list-item; float:none; }


/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{left:159px; /* no need to change, as true value set by script */ top:0; }

/* Sub level menu links style */
.suckertreemenu ul li ul li a{display:block; width:160px; /*width of sub menu levels*/ color:#ffffff; text-decoration:none; padding:1px 5px; border:1px solid #fff;}

.suckertreemenu ul li a:hover{color:white;}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{background:#CC0033 url(gfx/arrow-down.gif) no-repeat center right; }

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{background:pink url(gfx/arrow-right.gif) no-repeat center right; }

* html p#iepara{/*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/ padding-top:1em;}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li {float:left; height:1%; }
* html .suckertreemenu ul li a {height:1%; }
/* End */