/*Cross-browser settings*/
*
{
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-weight: normal;
	line-height: normal;

}
/*general styles*/
BODY
{
	height: 100%;
	background: #e2e2e2;
	font-size: 14px;
	margin: 0 auto;
  
}

IMG{
  border:0px;
}
 
#container{
  margin: 20px auto; 
  width:900px;
  height:780px;
  background:#fff url(../images/layout_mitte.gif) repeat-y;
 
   
}

a{
  color:#79c03c;
  font-size:13px;
}

a.content{
  background:#fff url(../images/link.png) 0px 2px no-repeat;
  padding-left:25px;
}
  
h1{
  color:#79c03c;
  font-size:21px;
  margin:10px 0px; 
}

h2{
  color:#79c03c;
  font-size:17px;
  margin:10px 0px; 
}

h3{
  color:#555;
  font-weight:bold;
  font-size:16px;
  margin:10px 0px; 
}

h7{
  color:#555;
  font-weight:bold;
  font-size:12px;
  margin:10px 0px; 
  clear:both;
  display:inline-block;
}

#news{
  width:280px;
  height:300px;
  margin:10px 20px 0px 20px;
  float:left;
  font-size:13px;
}

#news ul{
  list-style: none;
}

#news li{
    padding-left:30px;
    line-height:19px;
    background:url(../images/link.png) 0px 2px no-repeat;
    color:#444;
    font-size:14px;
}

#logo{
  position:relative;
  top:20px;
  left:10px;
   
}

#copyright{
  z-index:7;
  position:absolute;
  bottom:10px;
  left:30px;
  color:#666;
  font: 0.8em verdana;
  
}

#nav{
    position:absolute;
    top:10px;
    right:30px;
}

#nav a{
  font: 0.8em verdana;
  color: #666; 
  text-decoration:none;
}

#layout_oben{
  background:#fff url(../images/layout_oben.gif) no-repeat;
  height:15px;
}

#layout_mitte{   
  height:760px;
  position:relative;
}

#layout_unten{
  background:#e2e2e2 url(../images/layout_unten.gif) no-repeat;
  height:15px;
}

#content{
  height:620px;
  width:892px;  
  position:relative;
  top:10px;
  left:5px;   
  overflow:hidden;
  color:#555;
  background:#fff url(../images/content-bg.png) 0px 272px repeat-x;
}

#page {
  background-color:#3173aa;
  height:480px; 
  width:915px;  
  position:relative;
  top:0px;
  left:0px; 
}

#page p{
  margin:10px 0px;
}

#page UL{
  margin-right:20px;
  padding-left:20px;
}

#page LI{
  line-height:20px;
}

#pageButton{
  background:#e2e2e2 url(../images/backButton.jpg) no-repeat;
  position:absolute;
  top:20px;
  right:20px; 
  width:24px;
  height:22px;
}

#pageImage{
  width:430px;
  height:480px;
  overflow:hidden;
  float:left;
}


#pageTextBox{
  width:460px;
  height:480px;
  overflow:hidden;
  float:left;
  padding:50px 0px 30px 0px;
 
}

#pageText{
   width:460px;
  height:320px;
  overflow:auto;
  font: 1.0em verdana;
  color:#dff0ef;  
  padding:0px;
}

#pageText LI{
  line-height:22px;
}

#pageText B{
   font: 1.2em verdana;
}

#pageText h4{
   font: 1.4em verdana;
   padding-bottom:10px;
}

#pageTextBox H3{
  font-weight:plain;
  font: 1.9em verdana;
  margin-bottom:20px;
  color:#dff0ef;
}

#pageText A{
  color : #fff;
  text-decoration:underline;
}
 

#leftBar {
  position:absolute;
  left:0px;
  top:0px;
  height:480px;
  width:80px;
  background:#fff url(../images/prev.gif) no-repeat 50% 50%;
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
}

#rightBar{
  position:absolute;
  right:0px;
  top:0px;
  height:480px;
  width:80px;
  background:#fff url(../images/next.gif) no-repeat 50% 50%;
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  
}

/*Top navigation*/
#topnav
{
  position:absolute;
  top:50px;
	right:30px;	
	height:40px;
	background:#fff;
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
  z-index:10;
}

#subnav
{
  position:absolute;
  top:440px;
  right:0px;  
	float: right;
	width: 915px;
	height:40px;	 
	background:#548bba;
  opacity: .9;
  filter: alpha(opacity=90);
  -moz-opacity: .9;
  z-index:10;   
  
}

 #subnav UL
{
	list-style: none;
	float: right;	 
	padding: 0 0 0px;
}
 

#topnav UL 
{
	list-style: none;
	float: left;	 
	padding: 0 0 0px;
}
#topnav LI, #subnav LI
{
	display: inline;
	float: left;
	margin: 0px;
	 
  text-align:center;  
}

#subnav LI{
  border-left:1px solid #d5d5d5;
  border-right:0px;
  line-height:16px;
  
}
#topnav SPAN, #subnav SPAN{
  
  line-height:40px;
}

#subnav SPAN.normal{
  
  line-height:16px;
  position:relative;
   top:3px;
}

#topnav LI A.tabs 
{
	text-decoration: none;
	padding: 0px 9px 0px 9px;
	font: 0.9em verdana; 
	color: #666;
	cursor:pointer;
}
 
#topnav LI A.tabs:hover SPAN 
{ 
	color: #333;	 
}

#topnav LI.selected A.tabs 
{ 
	color: #79c03c; 
}


#subnav LI A.tabs 
{
	text-decoration: none;
	padding: 0px 6px 0px 6px;
	font: 0.9em verdana; 
	color: #eee;
	cursor:pointer;
}
 
#subnav LI A.tabs:hover SPAN 
{ 
	color: #fff;	 
 	 
}

#subnav LI.selected A.tabs 
{ 
	color: #222; 
}

