body{
	background: #000040 url(bg.png) top center no-repeat;margin:0px;
	font-family:Arial,Verdana,Sans-Serif;
}

#CenterBox{
	width:70%;
	margin:auto;
	min-width:1100px;
	max-width:1200px;
}

#logo
{
		width:100%;
		height:113px;
		margin:auto;
		min-width:1100px;
		max-width:1200px;
}

#menue{
		background:  url(menue.png) top center;
		width:100%;
		height:31px;
		margin:auto;
		color:white;
		font-size:13px;
		position:relative;
}

#menueul
{
  height:31px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0; 
  float:left;
  position:relative;
}
#menueul > li
{
   margin:0;
   padding:0;  
   padding-left:6px;
   padding-right:6px;
   height:31px;
   line-height:31px;  
   background: url(menue_trenner2.png) right top repeat-y;
   font-size:13px;
   float:left;
   position:relative;
}

#menueul > li:link
{
    margin:0;
   padding:0;  
   padding-left:6px;
   padding-right:6px;
   height:31px;
   line-height:31px;  
   background: url(menue_trenner2.png) right top repeat-y;
   font-size:13px;
   float:left;
}

#menueul > li:visited
{
    margin:0;
   padding:0;  
   padding-left:6px;
   padding-right:6px;
   height:31px;
   line-height:31px;  
   background: url(menue_trenner2.png) right top repeat-y;
   font-size:13px;
   float:left;
}

#menueul > li:hover
{
   margin:0;
   padding:0;  
   padding-left:6px;
   padding-right:6px;
   height:31px;
   line-height:31px;  
   background:  url(menue2.png) right top repeat-y;
   font-size:13px;
   float:left;
}

#menueul > li:active
{
    margin:0;
   padding:0;  
   padding-left:6px;
   padding-right:6px;
   height:31px;
   line-height:31px;  
   background: url(menue_trenner2.png) right top repeat-y;
   font-size:13px;
   float:left;
}

#menueul > li.selected
{
   margin:0;
   padding:0;  
   padding-left:6px;
   padding-right:6px;
   height:31px;
   line-height:31px;  
   background:  url(menue2.png) right top repeat-y;
   font-size:13px;
   float:left;
}

#menueul li a
{
    color:white;
    text-decoration:none;
}


    
.menuediv
{
	
}	

#ContentBox{
		background: transparent url(hintergrund.png) top center;
		width:100%;
		min-height:550px;
		margin:auto;
		min-width:890px;
}

#content{
	padding:10px;	
	color:white;
}



/*############MENU OBEN########*/


.menue_ul
{
  height:31px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0; 
  float:left;
}

.hideSub2_1,.hideSub2_2,.hideSub2_3
{
	position:absolute;
	left:168px;
	top:0px;
	width:168px;
	background-color:#CED8E3;
	display:none;
	/*
		border-top: 2px  solid rgb(128, 138, 148);
	border-left:2px   solid rgb(128, 138, 148);
	border-right:  2px solid rgb(128, 138, 148);
*/
	margin-left:0px;
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
}

.showSub2_1,.showSub2_2,.showSub2_3 ,.showSub2_4 
{
	display:block;
	position:absolute;
	left:0px;
	background-color:white;
	z-index:200;
	width:168px;
	background: white url(menue.png) top center repeat;
	margin-left:0px;
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
}





.showSub2_2,.showSub2_3 ,.showSub2_4 
{
	top:0px;
	left:168px;
	}

.menu2_ul
{
	color:white;
	display:inline;
	vertical-align:middle;
	position:relative;
	top:-10px;
}

.menu2haupt_li
{
	list-style-type:none;
	display:inline;
	color:white;
	position:relative;
	text-align:left;
	font-weight:bold;
	cursor:pointer;
	font-family:Verdana,Arial, Sans-Serif;
	font-size:12px;
}


#menueul li .menu2_li
{
background: white url(menue3.png) bottom center repeat;
list-style-type:none;
display:block;
color:white;
position:relative;
text-align:left;
font-family:Verdana,Arial, Sans-Serif;
font-size:12px;
padding-right:0px;
margin-right:0px;
width:168px;
}

#menueul li .menu2_li:hover
{
background: white url(menue4.png) bottom center repeat;
list-style-type:none;
display:block;
color:white;
position:relative;
text-align:left;
font-family:Verdana,Arial, Sans-Serif;
font-size:12px;
padding-right:0px;
margin-right:0px;
width:168px;
}



.menu2link
{
	color:#34404F;
	font-style:normal;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}
.menu2link:link, .menu2link:visited
{
	color:#34404F;
	font-style:normal;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}
.menu2link:hover
{
	color:#34404F;
	font-style:normal;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}

.menuoben
{
	width:100%;
	text-align:center;
	height:40px;
	
}

.menu2_sub_li
{
    background:'';
	list-style-type:none;
	width:168px;
	position:relative;
	margin-left:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	float:left;
}
.text_padding
{
    padding-left:6px;
    }
/*############MENU OBEN########*/

.gridheader
{
    background-color:#ff0000;
    font-family:Arial,Verdana,Sans-Serif;
    font-size:12px;
    color:White;
    text-align:left;
    border:0;
}
.gridzeile
{
    font-family:Arial,Verdana,Sans-Serif;
    font-size:12px;
    color:White;
    text-align:left;
    border:0 none;
    }
.gridzeile2
{    
    background-color:#EFEFEF;
    font-family:Arial,Verdana,Sans-Serif;
    font-size:12px;
    color:Black;
    text-align:left;
    border:0 none;
    }
    
.gridtable
{
    text-align:center;
    border:0 none;
    
    }
.gridtd
{
    border:0 none;
    }
    
.gridtd a
{
    color:White;
    }

.flage
{
    float:right;
    padding-right:5px;
    }
        
.gridzeile a
{
    padding-right:10px;
    color:White;
}

.gridzeile2 a
{
    padding-right:10px;
    color:Black;
    
}


.stepcarousel{
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 575px;
    height: 90px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 15px; /*margin around each panel*/
    width: 100; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

li a{
	font-weight:bold;
	}
	
	.menue2{
		background:  url(menue.png) top center;
		height:31px;
		width:450px;
		color:white;
		font-size:13px;
		position:relative;
		text-align:center;
}
.menue2ul
{
  height:31px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0; 
  float:left;
  position:relative;
}

.menue2ul > li
{
   margin:0;
   padding:0;  
   padding-left:6px;
   padding-right:6px;
   height:31px;
   line-height:31px;  
   
   font-size:13px;
   float:left;
   position:relative;
}

.menue2ul > li:link
{
    margin:0;
   padding:0;  
   padding-left:6px;
   padding-right:6px;
   height:31px;
   line-height:31px;  
   
   font-size:13px;
   float:left;
}

.menue2ul > li:visited
{
    margin:0;
   padding:0;  
   padding-left:6px;
   padding-right:6px;
   height:31px;
   line-height:31px;  
   
   font-size:13px;
   float:left;
}

.menue2ul > li:hover
{
   margin:0;
   padding:0;  
   padding-left:6px;
   padding-right:6px;
   height:31px;
   line-height:31px;  
   background:  url(menue2.png) right top repeat-y;
   font-size:13px;
   float:left;
}

.menue2ul > li:active
{
    margin:0;
   padding:0;  
   padding-left:6px;
   padding-right:6px;
   height:31px;
   line-height:31px;  
   
   font-size:13px;
   float:left;
}

.menue2ul > li.selected
{
   margin:0;
   padding:0;  
   padding-left:6px;
   padding-right:6px;
   height:31px;
   line-height:31px;  
   
   font-size:13px;
   float:left;
}

.menue2ul li a
{
    color:white;
    text-decoration:none;
}