body{
font-size: 10pt;
font-family:Verdana, Arial;
color:black;
background: #004E9B;
}
#root {  
width: 96%;
float: center;
background: #F8F8F8; 
margin-left: 2%;
color:black;

} 

#banner {
height: 123px;
background: #F8F8F8;  
}
#banner1 {
width: 100%;
margin-top:0px;
margin-bottom: 0px;
background: #F8F8F8;
}
#banner2 {
margin-top:0px;
margin-bottom: 0px;
background: #F8F8F8;
}
#banner4 {
background:#21539E;
border:3px;
padding:4px;
border-style:outset;
border-color:#255FB4;
height: 12px;  
}
#links5 {
height: 12px;
color:black;

}
#links {
width: 15%;

float: left;
}
#mitte {
width: 65%;
float:left;

}
#news{
width: 20%;
float: right;  
}
#footer {
width: 100%;
color:#ffffff;
text-align: center;
}
#werbunghead{
 background: #004E9B;
 height: 20px;
}
.pos1,.pos2,.pos3{
width: 90%;
float: left;
clear:both;
}
.header1{
width: 70%;
float: left;
clear:both;
}
.header2{
width: 28%;
float: left;
clear:both;
}
#pos4,#pos5,#pos6{
width: 30%;
float:left;
}
.p1{
background:#ECF4FB;
width:96%;
margin-left:2%;




 
}
.p15{
background:#ECF4FB;
width:96%;
margin-left:2%;
min-height: 330px;
-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
  
  



}
.kommentar{
background:#D8E5EC;
width:96%;
margin-left:2%;
margin-right:2%;
}
.p11{
background:#ECF4FB;
width:96%;
margin-left:2%;
min-height:200px; 


 
}
.p12{
background:#ECF4FB;
width:99%;
margin-left:0.5%;



 
}
#block{
display: table-cell;
background:#ECF4FB;
width:48%;
margin-left:0.5%;
min-height:200px; 
float:left;
border-bottom: 1px solid rgb(167,167,167);
vertical-align:top;
}
ul#navigation
{
float:left;
list-style:none;
width:100%;
margin-left:-40px;
margin-top:2px;
margin-bottom:5px;
}
#navigation li
{

border-bottom: 1px solid #fff;
}
#navigation a
{
display:block;
 
color:#fff;
background:#004E9B;
text-decoration:none;
padding:.20em .3em;
}
#navigation a:hover
{
background:rgb(0,102,102);
}
ul#navigation1
{
float:left;
list-style:none;
width:49%;
margin-left:-40px;
}
#navigation1 li
{

border-bottom: 1px solid #F1FFFF;
}
#navigation1 a
{
display:block;
 
color:#000;
background:#F3FFFF;
text-decoration:none;
padding:.20em .3em;
}
#navigation1 a:hover
{
background:#FFFFE0;
}
.p2{
background:#ECF4FB;
width:47%;
margin-left:2%;
float:left;
-webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
}
.p21{
background:#ECF4FB;
width:46%;
margin-left:2%;
float:left;
 border:1px;  padding:1px;
 border-style:outset;
border-color:#F1F2F9;
margin-bottom: 2px;

}
.p22{
background:#ECF4FB;
width:46%;
margin-left:2%;
float:left;
 border:1px;  padding:1px;
 border-style:outset;
border-color:#F1F2F9;
margin-bottom: 2px;
min-height:360px;

}
.p3{
background:#EEF1FD;
width:30.7%;
min-height: 220px;
margin-left:2%;
float:left;
-webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
}
.p5{
background:#ECF4FB;
width:14%;
margin-left:2%;
float:left;
text-align: center;
}
.p51{

width:48%;
margin-left:2%;
float:left;

}
.p52{

width:40%;
margin-left:2%;
 float:left;

}
.p53{

width:60%;
margin-left:20%;
margin-right:20%;
 float:left;

}
.p6{
background:#ECF4FB;
width:32%;
margin-left:1%;

float:left;
text-align: center;
}
.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}
p{
margin-left: 10px;
margin-right:8px;
}
h1 {

font-size: 10pt;
font-family:Verdana;
margin-top:0px;
margin-bottom:1px;
margin-left:2px;
padding:.12em .3em;
color: #F8FCFA; 
font-weight:bold;
background-image:url('images/blockdefault.gif');}
h2 {
background:#F3F1ED;
font-size: 10.5pt;
font-family:Verdana;
margin-bottom:0px;
margin-left:2px;
}
h3 {
font-size: 10pt;
font-weight:normal;
text-align: left;
margin-left: 2px;
margin-right: 2px;
font-family:Verdana;
color: #000000;
text-decoration: none;
margin-top: 0px; 
margin-bottom:-5px;
}
h4 {
font-size: 10pt;
font-weight:bold;
text-align: left;
margin-left: 5px;
margin-right: 2px;
font-family:Verdana;
color: #ffffff;
text-decoration: none;
margin-top: 1pt; margin-bottom: 0;
background:#004E9B;
}
a.h4 {
font-size: 10pt;
font-weight:bold;
text-align: left;
margin-left: 5px;
margin-right: 2px;
font-family:Verdana;
color: #ffffff;

margin-top: 1pt; margin-bottom: 0;
background:#004E9B;
text-decoration: none;
}
a{
color: #000000;

border: 0px;
text-decoration: underline;
}
a:hover{
background:rgb(255,255,204);
color: #000000;
text-decoration: underline;
}
a:hover.h4{
color: #ffffff;
text-decoration: underline;
}
img{

border: 0px;
max-width:100%;
}
img.i2{

border: 0px;
max-width:98%;

}
img.b5{

border: 0px;
max-width:98%;

max-height:150px;
}
img.b6{

border: 0px;
max-width:98%;
max-height:150px; 
margin-right:6px;
margin-top:4px;
}
img.i1{

border: 2px;
max-height:280px;


min-height:220px;
}
img.bildindex{



max-width:380px;
max-height:270px;
min-width:270px;

float:left;
margin-right:5px;
}
.gallerycontroller{
width: 180px;
float:center;
margin-left:8px;
}
img.bildindex2{



max-width:380px;
max-height:270px;
min-height:220px;

float:right;
margin-right:5px;
}
.gallerycontroller{
width: 180px;
float:center;
margin-left:8px;
}
.gallerycontent{

width: 95%;
height: 140px;
margin-left:2%;

background-color: #ECF4FB;
padding: 3px;
display: block;
} 
td{
vertical-align: top;
}
.a2{
text-align: center;
margin-left: 10%;
margin-right: 10%;
}
.ratingblock {
	display:block;
	border-bottom:1px solid #999;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 25px;
	background: url('../images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 25px;
	position: relative;
	background: url('../images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:12px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:25px;}
.unit-rating a.r2-unit{left:25px;}
.unit-rating a.r2-unit:hover{width: 50px;}
.unit-rating a.r3-unit{left: 50px;}
.unit-rating a.r3-unit:hover{width: 75px;}
.unit-rating a.r4-unit{left: 75px;}	
.unit-rating a.r4-unit:hover{width: 100px;}
.unit-rating a.r5-unit{left: 100px;}
.unit-rating a.r5-unit:hover{width: 125px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('../images/starrating.gif') left bottom;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}

#cal{font-family: Arial;font-size: 11px;background-color: #ffffff;border-spacing: 0px;border:1px solid #A5A5A5; padding:2px}
#cal th{background-color: #ffffff; color:#666666;}
#cal td{text-align: center; width: 25px;border-top:1px solid #E9ECF0; border-left:1px solid #E9ECF0;}
#cal img{border:0px;}
#cal a{ text-decoration: none;}
.monat, .monat a{background-color: #ffffff;color: #666666;}
#monatevent a{color: #666666;}
#monatevent{background-position: left top;background-repeat: no-repeat;background-image: url(../img/bgaktiv2.gif);}
#amonat, #amonat a{visibility: hidden; background-color: #C3C9D1;color: #A4A4A4;}
#aevent a, #aevent{visibility: hidden;background-color: #9DA6B0;color: #666666;}
/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #F2F2F2 url(bulletlist.gif) no-repeat 3px center; /*light gray background*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: black;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}
/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: bold 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 100%; /*width of menu (not including side paddings)*/
color: white;
background-color: #215498;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 100%; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: black;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 70%;
height: 230px; /* Set height to be able to contain height of largest content shown*/
border: 5px solid #687C98;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 99%;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 360px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}
.solidblockmenu ul{
margin: 0;
padding: 0;
float: left;
text-align: center;
font: bold 13px Verdana;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(includes/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;

color: white;
padding: 8px 10px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li a.selected{
color: white;
background: transparent url(includes/blockactive.gif) center center repeat-x;
}