/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	CSS -Tutorial Project-  ***Start***
	***Specific Settings for start tmpl file***

  ~Basics
  ~Header
  ~Navigation
  ~Content
  ~Footer-Basics (Background different...)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* basics */
body { 
	font-family:Verdana, sans-serif;
	color:#333;
  background:url(img/bg.png) repeat-x  #85b0d2; /*start*/
}

/* Header Setup */
#head {  
width:920px;
background:url(img/top.png) top center  #fff;
height:450px;
font-size:11px;
color:#666;
}

#logo {  
width:420px;
height:92px;
float:left;
background:url(img/wb_logo_60.jpg) no-repeat #fff;
margin-top:24px;
margin-left:20px;
}

#logo img {border:none;}

/* Languages and Print */
#lang {  
width:140px;
height:60px;
padding-left:80px;
float:left;
padding-top:48px;
}

#text_lang {  
text-align:center;
}

#flag {  
padding:10px;
text-align:center;
border:none;
}

#search_start {  
width:240px;
height:60px;
float:right;
padding-top:28px;
}

#login_link {  
padding-left:10px;
text-align:left;
width:200px;
}

#login_link h2 {
  color: #333;
  font-weight:normal;
  margin: 0 0 0 25px;
  padding-left: 5px;
  border-left: 2px solid #FF6600;
	font-size: 12px;
  font-weight:normal;	
}
#login_link a {
color: #333;
}

#login_link a:link, .section a:visited, .section a:active {
	color: #003366;
	text-decoration: none;

}
#login_link a:hover {color:#5b9acf; text-decoration: underline;}

#login_link a img {border:0;}

#icon_search {  
padding:8px;
text-align:center;
}
#icon img {border:none;}

/* Navigation setup */
#navi {  
width:900px;
height:20px;
float:left;
padding-left:20px;
margin-top:26px;
}

#navimain {  
width:800px;
height:20px;
}

#navimain ul li {list-style: none; float: left; text-align:center;}

#navimain ul li a {
        width:auto;
	padding-top: 2px;
padding-bottom: 2px;
padding-left:16px;
padding-right:16px;
       	text-decoration: none;
	color: #003366;
	display: block;
	font-weight: normal;
        font-size: 16px;
border-right:1px solid silver;
}

#navimain ul li a:hover, #navimain ul li a.aktiv, #navimain ul li a:hover.aktiv {
color:#5b9acf;
border-bottom: 4px solid #FF6600;
}

#navimain .menu-current a {color:#FF6600; border-bottom: 4px solid #8fbafe;}
#navimain .menu-first a {border-left:1px solid silver;}
#navimain .menu-parent a {color:#333; border-bottom: 4px solid #8fbafe;}


/* Content Head */
#cont_head {  
width:920px;
height:248px;
color:#fff;
font-size:14px;
margin-top:8px;
float:left;
}

#sw {  
width:390px;
height:248px;
background:url(img/sw.png) no-repeat #5b9acf;
float:left;
}

/* Content Setup */
#center {  
background-color:#edf8ff;
float:left;
font-size:13px;
line-height:20px;
min-height:400px;
margin-left:12px;
padding-left:18px;
margin-right:10px;
width:880px;
}

.section {
float:left;
height:178px;
margin-right:14px;
overflow:hidden;
padding-bottom:16px;
width:279px;
}

.section a:link, .section a:visited, .section a:active {
	color: #003366;
	text-decoration: none;

}
.section a:hover {color:#5b9acf; text-decoration: underline;}

.section a img {border:0;}


/* Searchbox and Loginbox */
#loginbox {
padding-top:5px;
}

#loginbox fieldset{
padding:0px;
border-color: #003366;
}

#loginbox p{
padding-left:10px;
padding-top: 5px;
}

#loginboxheader {
  background-color: #5A9ACE;
  color:#fff; 
  font-size:12px; 
  padding:4px; 
  text-transform:uppercase;
}

a.loginbox {
  display:block;
  padding:.5em 0 .5em 2em;
  line-height:22px;
  background-repeat:no-repeat;
  background-position:left;
  margin-left:.5em;
}

#schreiben { background-image:url(img/loginbox_schreiben.png); }
#einstellungen { background-image:url(img/loginbox_einstellungen.png); }
#abmelden { background-image:url(img/loginbox_abmelden.png); }

/* Footer setup */
#basic {  
width:908px;
height:120px;
float:left;
font-size:10px;
background:url(img/bot.png) #85b0d2;
margin-left:4px;
}