@import url("../ext/tt_news/tt_news_styles.css");
@import url("../ext/indexed_search/indexed_search.css");
*{
	padding: 0;
	margin:0;
	border:0;
}
body{
	background: url(../img/page_bg.gif) #fff repeat-x 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
/* 
	###################################
	CLEARER
	###################################
*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

* html .clearfix{height: 1%;}
.clearfix{display: block;}


/*
        GRUNDSETUP #############################################################
*/
#center{
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	margin-top: 17px;
}
#header{
	width: 978px;
	height:106px;
	border:1px solid #fff;
	border-top:0;
	overflow: hidden;
}
#header_menu{
	width: 980px;
	height: 20px;
	background-color:#666;
	border-bottom: 1px solid #fff;
}
#content_wrap{
	width: 980px;
	display:inline-block;
	background: url(../img/content_bg.gif) #fff 0 0;
}
#left_col{
	width:200px;
	float:left;
	padding-bottom: 30px;
}
#breadcrumbs{
	width:540px;
  margin: 5px 0;
	float:left;
	height: 18px;
	font-size:11px;
	color:#666;
}
#breadcrumbs a{
	font-size:11px;
	color:#999;
}
  
#right_wrap{
width: 780px;
float: right;
} 
 
#middle_col{
	width:560px;
	float:left;
	padding: 2px 0 0 0;
	}

#content_box{
	float:right;
	height:500px;
	overflow-x:hidden;
	overflow-y:auto;
	padding-top:20px;
	width:540px;
}
/* IE6 Auschschließen */
* html #content_box{
	float:right;
	height:auto;
	padding-top:20px;
	width:540px;
}
/* IE7 Auschschließen */
*+html #content_box{
	float:right;
	height:auto;
	padding-top:20px;
	width:540px;
}

#right_col{
	width:200px;
	float:right;
	margin-top:21px;
  overflow:hidden;
}

#right_col_content_wrap{
	width: 180px;
	background-color:#eeeded;
	border-top: 5px solid #666;
	padding: 2px 10px;
}
* html #right_col_content_wrap{
	width: 180px;
	padding: 2px 4px;
}

#footer{
	width:980px;
	margin: 1px auto;
	margin-bottom: 50px;
}
/*
        MENUS ##################################################################
*/
#head_menu_list li{
	list-style: none;
	float: left;
	height:20px;
}
.top_menu a{
	color: #fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size: 11px;
	font-weight:bold;
	padding: 3px 19px 3px 19px;
	float:left;
}
.top_menu a.aktiv {
	color: #AEE239;
	background-color:#303030;
}
.top_menu a:hover {
	color: #AEE239;
	background-color:#303030;
}
#side_menu ul{
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
#side_menu ul li a{
	color: #fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size: 11px;
	padding: 5px 0 1px 9px;
	height: 19px;
	width: 191px;
	display:block;
	background: url(../img/side_menu_NO.gif) repeat-x 0 0;
}
#side_menu .aktiv {
	background: url(../img/side_menu_aktiv.gif) repeat-x 0 0;
	width: 191px;
}

#side_menu ul{
	display:block;
}

#side_menu a:hover{
	background: url(../img/side_menu_aktiv.gif) repeat-x 0 0;
}

#side_menu {
	background-color: #fff;
}

#side_menu_list li {
	list-style:none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 25px;
	font-weight:bold;
}
/*
    Contentelemente#############################################################
*/

/*  sprachmenu  */
#lang_wrap{
	width:68px;
	height: 13px;
	display:inline-block;
	float: right;
	margin-right:8px;
	margin-top:3px;
}
* html #lang_wrap{
	margin-right:4px;
}

#lang_wrap img{
	float:right;
	margin-left:10px;
	border: 1px solid #000;
}

/*    fontsize_menu   */
#site_options{
	width:194px;
	height: 17px;
	padding:4px 0 3px 6px;
}

#fontsize_wrap{
	width:70px;
	float:left;
	height: 16px;
	margin-left:1px;
}

#fontsize_wrap img {
	margin-right:2px;
	float: left;
}
/*    center_info Box   */
#center_info{
	width:180px;
	height:93px;
	background-color:#39c;
	margin: 0 auto;
	position:relative;
	top: 20px;
}

.latest_news a{
	font-size:11px;
	color: #666;
	padding: 2px 5px;
	margin: 2px;
	float:right;
	padding-right:10px;
	background: url(../img/readmore.gif) no-repeat 29px 4px ;
}

/*
    Footer elemente#############################################################
*/

#footer a{
	text-transform:uppercase;
	font-size:9px;
	color: #666;
	text-decoration:none;
	padding-top:5px;
}

#internetagentur_typo3{
	float:left;
	width: 199px;
	height:22px;
	background: url(../img/footer_border.gif) #eee repeat-x 0 0;
}
#internetagentur_typo3 a{
	float:left;
	margin-left:10px;
	margin-top:4px;
}


#top_link{
	float:left;
	width: 580px;
	height:22px;
	margin: 0 1px;
	background: url(../img/footer_border.gif) #eee repeat-x 0 0;
}
#top_link a{
	float:right;
	margin-right:10px;
	margin-top:4px;
}

#impressum{
	float:left;
	width:199px;
	height:22px;
	background: url(../img/footer_border.gif) #eee repeat-x 0 0;
}
#impressum a{
	float:right;
	margin-right:10px;
	margin-top:4px;
}
/*
    fonts & headlines ##########################################################
*/
h1{
	color: #00389a;
	font-size: 16px;
	font-weight:bold;
	margin: 15px 0 10px 0;
	text-transform: uppercase;
}

h2{
	color: #00389a;
	margin: 15px 0 10px 0;
	font-size: 14px;
}

h3{
	color: #00389a;
	font-size: 13px;
	margin: 5px 0;
}
h3 a{
  text-decoration: none;
}

h4{
	color: #00389a;
	font-size: 12px;
	margin: 3px 0;
}

p{
	font-size: 12px;
	color: #666;
	margin: 5px 0;
	margin-bottom: 15px;
}
.news-latest-container p{
	font-size: 11px;
	margin: 5px 0;
}
.news-latest-container h3{
	font-size: 12px;
}
#middle_col .contenttable{
	text-align: left;
	width:100%;
}
/* UPDATED 13.07.2009*/
#middle_col table.contenttable{
	margin-bottom:15px;
}
/* UPDATED 13.07.2009*/
#middle_col .contenttable caption{
	text-align: left;
	font-weight: bold;
	padding:2px 0 2px 10px;
	text-transform:uppercase;
}
#middle_col .contenttable td{
	padding-left: 10px;
}

#middle_col .contenttable .td-last{
	width: 10%;
	text-align: right;
}
#middle_col .hell_gruen,
#middle_col .hell_blau,
#middle_col .hell_orange,
#middle_col .mint,
#middle_col .gelb,
#middle_col .rot{
	font-weight:normal;
}

#middle_col .hell_gruen caption{
	background-color: #e2ecd4;
}
#middle_col .hell_blau caption{
	background-color: #d1dfea;
}
#middle_col .hell_orange caption{
	background-color: #decdb9;
}
#middle_col .mint caption{
	background-color: #abd1c4;
}
#middle_col .gelb caption{
	background-color: #fdf9a2;
}
#middle_col .rot caption{
	background-color: #c4101c;
	color: #fff;
}
#middle_col .tr-odd{
	background-color: #f5f5f5;
}
#middle_col .tr-even{
	background-color: #ebebeb;
}

#middle_col .csc-textpic-imagewrap{
	/*float:none;*/
}
/*
    3 Columns (4d f/x) ##########################################################
*/
.tx-fdfx3cols-pi1 table td, .tx-fdfx2cols-pi1 table td{
	vertical-align:top;
	border:none;
}

.c3l1-left,
.c3l1-middle,
.c3l1-right{
	padding-right:0;
}

#middle_col table.csc-uploads tr{
	background-color:#fff;
}
#middle_col table.csc-uploads{
	background-color:#fff;
	width:100%;
}
/*
	############################## Kontakt ################################
*/
form, input, textarea{
	padding:0;
	margin:0;
	font-family:arial;
}

#mailform fieldset.csc-mailform {
    margin:0;
    padding:0;
    width:390px; 
    border:0;
}
  
#mailform fieldset.csc-mailform .csc-mailform-field {
    padding:0; 
}

#mailform fieldset.csc-mailform .csc-mailform-field input, textarea, select{
    float:left;
	width:383px;
	margin-bottom:10px;
	border:1px solid #9e9e9e;
}
  
#mailform fieldset.csc-mailform .csc-mailform-field,#mailform fieldset. csc-mailform mailformbilling{
clear: both;
}
#mailform fieldset br{
display: none;
}
#mailform fieldset.csc-mailform .csc-mailform-field label{
    text-align:left;				
	width:383px;						
	display:block;
	float:left;
	clear: both;

}
.radiolayout #mailformshipping label, #mailformshipping, #mailformanzahl,#mailformbilling {
	width:388px;						
}

.radiolayout{
    padding: 10px 0;
	width:388px;
}
#mailformformtype_mail{
margin-right: 5px;
}

input.csc-mailform-radio{
margin: 3px;
}
#mailform fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check{
width: 40px;
}

#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-radio{
	width:15px;						
	display:block;
	float:left;
}

#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-submit {
	float: right;
	width: 90px;
	border:none;
	background-color:#fff;
	font-weight:bold;
	cursor:pointer;
	border:1px solid #9e9e9e;
}
#mailform fieldset.csc-mailform .csc-mailform-field input#mailformanzahl_input{
width: 100px;
}
/* GeschÃ¤fte  --/  und dem Bild Abstand /--  */
.csc-textpic-clear{
	margin-bottom:15px;
}


@media print{ 
	#left_col, #right_col, #header_menu, #footer{display:none;} 
	#right_wrap{width:100%; float:none;}
	#middle_col{width:650px; float:none;}
	#content_box{width:100%; float:none;}
}


ol li{
list-style: decimal;
margin: 3px 0 3px 30px;

}

