/*
* Layoutdatei 
* style.css 
* Autor: Web-aktiv, Andreas Kempf
* Vers.: 1.0
* Datum: 24.08.09
*/

*{
	margin:0;
	padding:0;
	font:1em arial;
	}

html { 
	height: 100%; 
	margin-bottom: 1px; 
	}

option { 
	padding-left: 0.4em; 
	}
  
select { 
	padding: 1px; 
	}

body{
	background:#4D87C7;
	text-align: center;
	}

img{
	border:0;
}

b,strong{
       font-weight:bold;
}

/** 
* Inhalt
*/

h1{
	color:#3333333;
	font-size:1.4em;
	font-weight:bold;
	margin:0 ;
	}

h2{
	color:#3333333;
	font-size:1.2em;
	font-weight:bold;
	margin:5 0 5 0;
	}
       
h3{
	color:#235D96;  
    font-size:1em;
    font-weight:bold;
    margin:10px 0 0 0 ;
  }
  
h4{
    color:#235D96;
	font-size:1em;
	margin:10px 0 0 0 ;
	}

h5,h6{
	color:#235D96;  
    font-size:0.8em;
    margin:10px 0 0 0 ;
	}

hr{

	border:1px solid #999999;
	margin-top:5px;
	margin-bottom:10px;
}

p{
	font-size:1em;
	line-height:1.4em;
    /* Safari */
	margin-left:0px;
	}

a{
	color:#235D96;
	font-size:1em;
	text-decoration:none;
	}

a:hover{
	text-decoration:underline;
	}

ol,ul{
margin-left:20px;
}

/** 
* Tabellen im Inhalt
*/

table,
.contenttable{
	background:#ffffff;
	padding:2px;
}

th,
.contenttable th{
	background:#999999;
	color:#ffffff;
	font-weight:normal;
	font-size:100%;
	text-align:left;
	border-right:0px solid #ffffff;
	border-bottom:0px solid #ffffff;
	padding:3px;
	height:15px;
	margin:2px;
	}
	
	
td,
.contenttable td{
	background:#eeeeee;
	border-right:0px solid #ffffff;
	border-bottom:0px solid #ffffff;
	padding:3px;
	height:15px;
	font-size:100%;
	margin:1px;
	vertical-align:top;
	}

/** 
* Seitenstruktur
*/

.page_frame{
	background:#ffffff;
	border:0px solid #ffffff;
	margin:0 auto;
	margin-top:5px;
	width:980px;
	text-align:left;
}

.page{
	border:0px solid #dddddd;
}

.head{
	color:#000000;
	height:60px;
	padding:5px;
    background:url(../layout/bg_head.jpg) no-repeat #3D5B8A;	
}

.homelink{
	float:left;
	margin-top:25px;
	margin-left:20px;
	height:50px;
}

.banner{
	background:#eeeeee;
	height:80px;
}

.content{
}

.foot{
	background:#ffffff;
	border-top:5px solid #eeeeee;
	color: #999999;
	font-size:0.7em;
	margin-top:5px;
	padding:5px;
}


/** 
* Top Navigationsliste
*/

.topnavi{
	color:#235D96;
	float:left;
	margin:0;
}

.topnavi a{
	color:#ffffff;
	font-size:0.8em;
	padding:5px;
	text-decoration:none;
}

.topnavi a:hover{
	text-decoration:underline;
}

.topnavi a.on{
	font-weight:bold;
}

/** 
* Navigation - 1. Ebene horizontal
*/

.navi_1{
 	background:#c6003b;
 	border-top:7px solid #f09500;
 	margin:0;
 	
}

.navi_1 ul{
	border-left:1px solid #ffffff;
	margin-left:180px; 
	padding:0.3em;
 	padding-left:0;
}

.navi_1 ul li{
	display:inline;
	list-style-type:none;
}

/* 1.Ebene */
.navi_1 ul li a{
	background:#c6003b;
	border-right:1px solid #ffffff;
    color:#ffffff;
    font:.8em arial; 
    margin: 0;
    padding: 0.5em 0.8em 0.4em 0.8em;
    text-decoration: none;
    width: auto;
}

.navi_1 ul li a:hover,
.navi_1 ul li a.on{
	background:#93022d;
	border-right:1px solid #ffffff;
    color: #ffffff;
    font:.8em arial;
    margin: 0;
    padding: 0.5em 0.8em 0.4em 0.8em;
    text-decoration: none;
    width: auto;
}

/** 
* Navigationsliste - 2.Ebene vertikal
*/

.navi_2{
   width: 100%;
   overflow: hidden;
   margin:0;
   list-style-type: none;
   border-bottom: 0px #000000 solid;
   border-top: 0px #000000 solid;
}

.navi_2 ul{
    margin:0;
    padding: 0;
}

.navi_2 li{
    float:left; /* LTR */
    list-style-type: none;
    width: 100%;
    margin:0;
    padding: 0;
	
}

/* 2. Ebene */
.navi_2 li a{ 
   background: #92b1d3;
   border-top: 1px #ffffff solid;
   color:#ffffff;	
   display:block;
   font:0.8em arial;
   padding: 3px 0px 3px 12px;
   text-decoration: none;
}

.navi_2 li a:hover,
.navi_2 li a.on{
   background: #b40137;
   border-top: 1px #ffffff solid;
   display:block;
   font:0.8em arial; 
   text-decoration: none;
}

.navi_2 li a.on{
   background:#b40137;
}

/** 
* Contentbereich 2 Spalten | 200px | auto |
*/

.column_2{
	display:none;
}

.column_3{
	margin-left:210px;
	margin-right:0px;
	width:auto;
}

/** 
* Contentbereich 3 Spalten | 200px | auto | 200px |
*/

.content-3cols{

}

/* Linke Spalte */
.column_1{
	float:left;
	width:180px;
	padding:0;
	
}

#column_content_1{
	margin:0;
	width:auto;
}

/* Rechte Spalte */
.column_2-3cols{
	float:right;
	width:190px;
    background:#92b1d3;	
}

#column_content_2{
	margin:0;
	width:auto;
	font-size:0.8em;
}

#column_content_2 h1{
	font-size:1em;
	background:#183967;
	color:#ffffff;
	padding:5px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

#column_content_2 h2{
	padding:5px;
	margin:0;
}

#column_content_2 p{
	padding:5px;
	border-bottom:1px solid #ffffff;
	
}

/* Mittlere Spalte */
.column_3-3cols{
	margin-left:185px;
	margin-right:200px;
	width:auto;
	border-right:0px solid #dddddd;
}

#column_content_3{
	padding:15px;
	width:auto;
	font-size:0.8em;
	line-height:1.4em;
}

#column_content_3 img{
	border:0;
	margin-right:5px;
	margin-bottom:5px;
}

/** 
* 
* Clearing
* 
*/

#ie_clearer{
	display:none;
}

.clearer{
	display:block;
}

.clearer:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  

/** 
* ------------------------------------------------------------------------------------------------------
* Mailform standard
* ------------------------------------------------------------------------------------------------------
*/
.csc-mailform{
	padding:5px;
	border:0px solid red;
	}

.csc-mailform-field label{
	color:#000000; 
	font-size: 10pt;
	width:100px;
	display:block;
	float:left;
	margin-top:3px !important;
	}
	
.csc-mailform-field input, 
.csc-mailform-field textarea{
	margin-top:3px !important;
	border:1px solid #999999;
	font:10pt arial;
	}

.csc-mailform-field textarea{
	margin-top:3px !important;
	height:90px;
	width:300px;
}

.csc-mailform-submit,
#mailformformtype_mail{
	margin-top:3px;
	margin-left: 114px !important;
	margin-left: 115px;
	padding:2px;
	background:#B4D6F3;
	color:#225688;
	border:1px solid #225688;
	font-weight:bold;
}