/*
=======================================================================================================
=======================================================================================================
Styles für Fokus Sprachen
=======================================================================================================
=======================================================================================================
*/

body{
	height:100%;
	width:100%;
 	margin:0;
 	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color:	#333;
}
html{height:100%;}

div, p, th, td, li, dd, dl, dt{
             /* redundant selectors to help NS4 not forget */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin:0;
    line-height: 16px;
}
a{
	text-decoration:	underline;
}
form{
	margin: 0px;
	padding: 0px;
}
sup{
	line-height: 20px;
}
sub{
	line-height: 10px;
}
/*
=======================================================================================================
Content 
		#column_right #search
		#column_right #languagenavi
=======================================================================================================
*/
#column_center #content{
text-align: justify;	
padding: 30 35 30 25;
	font-size: 12px;
	line-height:18px;
	background-color: #E7F4FC;
	
}
#column_center #content .Headline{
text-align:left;	
font-size: 13px;
	font-weight: bold;
	color: #CC3366;
	padding-bottom: 30px;
}
.Subhead{
	text-align:left;
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 10px;

}
.Subhead_underline{
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	margin: 0 0 20 0;
	padding: 10 0 2 0;
	border-bottom: solid 1px #C6D1DB;
}
.Text_klein{
	font-size: 12px;
	line-height: 14px;
}
#column_center #content p{
	
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 10px;
}
#column_center #content a{
	color: #336699;
}
#column_center #content ul{
	margin-top:0;
	padding-top:0;
}
#column_center #content ol li{
	margin-top:0;
	padding-top:5;
}
#column_center #content #text{
	margin: 3 3 3 3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
	width:110px;
	color:	#333;	
	background-color: #F4F4F4;
	border-left: solid 1px #666666;
	border-top: solid 1px #666666;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF; 
}
#column_center #content #text_short{
	margin: 3 3 3 3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
	width:40px;
	color:	#333;	
	background-color: #F4F4F4;
	border-left: solid 1px #666666;
	border-top: solid 1px #666666;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF; 
}
#marginal{
	font-size: 10px;
	line-height: 14px;
	margin: 20;
	padding:5;
	min-height:200px;
	background-color: #FFF;
	width: 200px;
	padding-bottom: 10px;
}
#marginal p{
	font-size: 10px;
	line-height: 14px;
	padding-top: 0px;
	padding-bottom: 10px;
}
#marginal a{
	font-size: 10px;
	line-height: 14px;
	color: #336699;
}
#column_center #content #text_freewidth{
	margin: 3 3 3 3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
	color:	#333;	
	background-color: #F4F4F4;
	border-left: solid 1px #666666;
	border-top: solid 1px #666666;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF; 
}
#column_center #content #text_multiple{
	margin: 3 3 3 3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:	#333;
	background-color: #F4F4F4;
	border-left: solid 1px #666666;
	border-top: solid 1px #666666;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF; 
}
.dotted_line{
	border-bottom: dotted 1px #CCCCCC;
}

/*
=======================================================================================================
Left Column
contains Logo, Subnavigation and Servicenavigation
		#column_left #logo
		
		#column_left #subnavi_link
		#column_left #servicenavi_link
=======================================================================================================
*/

div#column_left{
	position: absolute;
	top:0;
	left: 0;
	background-color: #FFFFFF;
	float: left;
	height: 100%;
	width: 170px;
	margin:0;
 	padding:0;
}
html div#column_left{height:100%;}
#column_left #logo{
	width: 170px;
	height: 150px;
	margin-top: 70px;
}
#column_left #subnavi_link{
	border-bottom: solid 1px #C6D1DB;
}
#column_left #servicenavi{
	margin-top: 20px;
}
#column_left #servicenavi_link{
	width: 145px;
	height: 18px;
	margin-left: 8px;
	line-height:16px;
}
#outer{
	width:100%;
	height:100%;
}
/*
=======================================================================================================
Center Column 
contains Mainnavigation, Indentitiy Picture, Content and Footer
		.footer
=======================================================================================================
*/
div#column_center{
	position: absolute;
	top:0;
	left: 170;
	background-color: #FFF; height: 100%; width:500;
	margin:0;
 	padding:0;
	float: left;
	background-color: #E7F4FC;
	border-left: solid 1px #17B3C0;
}
html div#column_center{ /*IE 6 only */
width: 501px; /*Box model bug*/

}
.footer{
	font-size: 10px;
	padding: 5 0 40 10;
	border-top: solid 1px #14B3BC;
	background-color: #E7F4FC;
	height:30px;
}

/*
=======================================================================================================
Right Column 
contains Search, Language Selection and Marginal Notes
		#column_right #search
		#column_right #languagenavi
=======================================================================================================
*/
div#column_right{
	position: absolute;
	top:0;
	left: 670;
	height: 100%;
	width: 340px;
	background-color: #E7F4FC;
	background-image:url(http://www.fokussprachen.com/wdcms/img/bg_marginal.gif);
	background-repeat:repeat-x;
	margin:0;
	border-left: solid 1px #FFF;
}
html div#column_right{
	left: 671;
}
#column_right #search{
	height: 70px;
	
}
#languagenavi{
	height: 150px;
	width:100%;
	line-height: 18px;
	padding: 10px 0px 0px 12px;
	margin: 0;
	
}
/*
=======================================================================================================
Links
		.mainnavi
		.subnavi
		.servicenavi
		.languagenavi
=======================================================================================================
*/
a.mainnavi{
	color:#333366;
	font-weight:	bold;
	text-decoration: none;
}
a.mainnavi:hover{
	color:#FFF;
	font-weight:	bold;
	text-decoration: none;
}
a.subnavi{
	color:#333366;
	font-weight:	bold;
	text-decoration: none;
}
a.subnavi:hover{
	color:#666666;
	font-weight:	bold;
	text-decoration: none;
}

a.servicenavi{
	color:#333366;
	font-size: 10px;
	text-decoration: none;
}
a.adress{
	color:#333;
	font-size: 12px;
	text-decoration: none;
}
a.languagenavi{
	color:#E5E5E5;
	font-size: 10px;
	text-decoration: none;
}
/*
=======================================================================================================
System
		.alert
		a.admin_link
=======================================================================================================
*/
.admin_bar{
	position: absolute;
	left:0px;
	top:0px;	
	height: 39px;
	z-index: 1;
	width: 100%;
	background-color: #777792;
	padding: 10 0 0 10;
	margin: 0;
	background-image:url(../img/bg_admin.gif);
}
a.admin_link{
	color:#333366;
}
a.admin_link:hover{
	color:#336699;
	text-decoration: none;
}
/*
=======================================================================================================
Admin Area
		#main_column
		#main_colunm #editor
		.button_admin
=======================================================================================================
*/
#main_column{

	width: 700px;
	background-color: #E4E3ED;
	border-left: solid 1px #F9F9F9;
	border-right: solid 1px #333333;
	top: 0px;
}
#main_column #editor{
	position: absolute;
	margin-left:10px;
	margin-right:11px;
	top: 100px;
}
#main_column #submit_field{
	position: absolute;
	left:10px;
	width: 550px;
	height: 30px;
	background-color: #F4F4F4;
	border-left: solid 1px #666666;
	border-top: solid 1px #666666;
	border-right: solid 1px #F9F9F9;
	border-bottom: solid 1px #F9F9F9; 
}
.button_admin {
        font-family: sans,verdana,sans-serif,helvetica;
        font-size: 10px;
		line-height: 14px;
        height:22px;
        background-image:url(../img/button.gif);
        border-left: solid 1px #F9F9F9;
		border-top: solid 1px #F9F9F9;
		border-right: solid 1px #666666;
		border-bottom: solid 1px #666666;
}