/* 
	CSS-Template
	mallvision.de,
	8works,
	Oliver Stiegler
	Entwicklung: 23.04.2008
*/

html, body{ 
	margin:0; 
	padding:0; 
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em; 
	color: #666666;
}

*{
	padding:0;
	border:0;
	margin:0;
}

a{
	color:#787878;
	text-decoration:none;
}

a:hover{
	color:#FF3200;
	text-decoration:none;
}

h1{
	color:#FE3200;
	font-weight:bold;
	font-size:26px;
	margin-bottom:15px;
}

h2{
	color:#FE3200;
	font-weight:bold;
	font-size:12px;
	padding:30px 0 15px 0;
}

#rightcol h3{
	color:#FE3200;
	font-weight:bold;
	font-size:12px;
	padding:0 0 15px 24px;
	background:url(../images/h3back.gif) no-repeat 0 1px;
	
}

h4{
	color:#FE3200;
	font-weight:bold;
	font-size:12px;
	padding:0 0 15px 0;
}

#maincol .csc-textpic-border img{
	border:1px solid #CCCCCC;
	padding:2px;
	margin-bottom:15px;
}

#rightcol .csc-textpic-border img{
	border:1px solid #CCCCCC;
	padding:2px;
	margin-bottom:15px;
}

#maincol p.bodytext{
	margin-bottom:15px;
}

#rightcol p.bodytext{
	margin-bottom:15px;
}

#maincol div.tx-flvplayer-pi1{
	padding:0;
	border:0;
	margin:0;
	border:1px solid #CCCCCC;
	width:442px;
	height:302px;
}

#maincol div.tx-flvplayer-pi1 object, embed{
	padding:0;
	border:0;
	margin:0;
}

/* 
	###################################
	TEMPLATE - AUFBAU
	###################################
*/

#pagewidth{ 
	width:994px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 
 
#header{
	position:relative; 
	height:218px; 
	width:100%;
} 
 
#leftcol{
	width:180px; 
	float:left; 
	position:relative; 
}
 
#twocols{
	width:814px; 
	float:right; 
	position:relative; 
}
 
#rightcol{
	width:250px; 
	float:right; 
	position:relative;
	font-size:11px;
}
 
#maincol{
	background-color: #fff;  
	float: left; 
	display:inline; 
	position: relative; 
	width:564px; 
}

#maincolGap{
	padding:0 20px 0 20px;
}
 
#footer{
	margin-top:50px;
	width:994px;
	height:40px;
	background:url(../images/background-search.gif) no-repeat 0 0;
	clear:both;
} 
 
/* 
	###################################
	CLEARER
	###################################
*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

* html .clearfix{height: 1%;}
.clearfix{display: block;}


 /* 
	###################################
	Druckversion
	###################################
*/
 @media print{ 
	#leftcol{display:none;} 
	#rightcol{display:none;} 
	#twocols, #maincol{width:100%; float:none;}
}


 /* 
	###################################
	HEADER
	###################################
*/

#headLogoColumn{
	font-size:11px;
	color:#787878;
}

#headLogo{
	width:281px;
	float:left;
}

#headLanguage{
	width:713px;
	float:left;
	text-align:right;
}

#headLanguageGap{
	padding:20px 20px 0 0;
}

#searchandmore{
	width:994px;
	height:40px;
	background:url(../images/background-search.gif) no-repeat 0 0;
}

#search{
	width:744px;
	float:left;
}

#searchGap{
	padding:10px 0 0 23px;
}

#subnav{
	width:250px;
	float:left;
	font-size:11px;
}

#subnavGap{
	padding:12px 25px 0 0;
	text-align:right;
}

#mainNav{
}

#mainNavGap{
	padding-top:10px;
}

#mainNavGap ul{
	list-style-type:none;
}

#mainNavGap ul li{
	float:left;
	text-align:center;
	font-size:13px;
	font-weight:bold;
}

#mainNavGap ul li a span{
	display:block;
	padding-top:2px;
}

#mainNavGap ul li.Gap{
	margin-left:2px;
}

#mainNavGap ul li a{
	color:#fff;
	width:164px;
	height:20px;
	background:url(../images/mainnav-normal.gif) no-repeat 0 0;
	display:block;
}

#mainNavGap ul li a:hover{
	color:#fff;
	width:164px;
	height:20px;
	background:url(../images/mainnav-hover.gif) no-repeat 0 0;
	display:block;
}
#mainNavGap ul li a.aktiv{
	color:#fff;
	width:164px;
	height:20px;
	background:url(../images/mainnav-hover.gif) no-repeat 0 0;
	display:block;
}

#maincol ol{
	padding-left:20px;
}

#maincol ol li{
	font-weight:normal;
	padding-bottom:10px;
}

#breadCrump{
	margin-top:10px;
	width:994;
	height:30px;
	background:url(../images/background-breadcrump.gif) repeat-x 0 0;
	font-size:11px;
}

#breadCrumpGap{
	padding:7px 0 0 24px;
}

#footerLeft{
	font-size:11px;
	width:744px;
	float:left;
}

#footerLeftGap{
	padding:12px 0 0 23px;
}

#footerRight{
	width:250px;
	float:left;
	font-size:11px;
}

#footerRightGap{
	padding:12px 21px 0 0;
	text-align:right;
}

 /* 
	###################################
	NAVLINKS Stufe 1
	###################################
*/

#leftcol ul{
	list-style-type:none;
}

#leftcol ul li{
}

#leftcol ul li a span{
	display:block;
	padding:5px 0 0 24px;
}

#leftcol ul li{

}
 /* 
	NORMAL
*/
#leftcol ul li a{
	color:#707477;
	width:180px;
	height:24px;
	background:url(../images/navleft-middle-normal.gif) no-repeat 0 0;
	display:block;
	border-bottom:1px solid #fff;
	font-weight:bold;
	font-size:11px;
}

#leftcol ul li a:hover{
	color:#fff;
	background:url(../images/navleft-middle-hover.gif) no-repeat 0 0;
}

#leftcol ul li a.aktiv{
	color:#fff;
	background:url(../images/navleft-middle-hover.gif) no-repeat 0 0;
}
 /* 
	FIRST
*/
#leftcol ul li.first a{
	color:#707477;
	width:180px;
	height:24px;
	background:url(../images/navleft-top-normal.gif) no-repeat 0 0;
	display:block;
}

#leftcol ul li.first a:hover{
	color:#fff;
	background:url(../images/navleft-top-hover.gif) no-repeat 0 0;
}

#leftcol ul li.first a.aktiv{
	color:#fff;
	background:url(../images/navleft-top-hover.gif) no-repeat 0 0;
}

 /* 
	LAST
*/

#leftcol ul li.last a{
	color:#707477;
	width:180px;
	height:24px;
	background:url(../images/navleft-bottom-normal.gif) no-repeat 0 0;
	display:block;
	border-bottom:none;
}

#leftcol ul li.last a:hover{
	color:#fff;
	background:url(../images/navleft-bottom-hover.gif) no-repeat 0 0;
}

#leftcol ul li.last a.aktiv{
	color:#fff;
	background:url(../images/navleft-bottom-hover.gif) no-repeat 0 0;
}

 /* 
	###################################
	NAVLINKS Stufe 2
	###################################
*/

#leftcol ul.Step2{
	list-style-type:none;
}

#leftcol ul.Step2 li{
}

#leftcol ul.Step2 li a span{
	display:block;
	padding:2px 0 0 34px;
}

#leftcol ul li{

}
 /* 
	NORMAL
*/
#leftcol ul.Step2 li a{
	color:#707477;
	width:180px;
	height:17px;
	background:url(../images/navleft-step2-normal.gif) no-repeat 0 0;
	display:block;
	border-bottom:1px solid #fff;
	font-weight:normal;
	font-size:11px;
}

#leftcol ul.Step2 li a:hover{
	color:#FF3300;
	background:url(../images/navleft-step2-hover.gif) no-repeat 0 0;
}

#leftcol ul.Step2 li a.aktiv{
	color:#FF3300;
	background:url(../images/navleft-step2-hover.gif) no-repeat 0 0;
}

/* 
	###################################
	NAVLINKS Stufe 3
	###################################
*/

#leftcol ul.Step3{
	list-style-type:none;
}

#leftcol ul.Step3 li{
}

#leftcol ul.Step3 li a span{
	display:block;
	padding:2px 0 0 44px;
}

#leftcol ul li{

}
 /* 
	NORMAL
*/
#leftcol ul.Step3 li a{
	color:#707477;
	width:180px;
	height:17px;
	background:url(../images/navleft-step3-normal.gif) no-repeat 0 0;
	display:block;
	border-bottom:1px solid #fff;
	font-weight:normal;
	font-size:11px;
}

#leftcol ul.Step3 li a:hover{
	color:#FF3300;
	background:url(../images/navleft-step3-hover.gif) no-repeat 0 0;
}

#leftcol ul.Step3 li a.aktiv{
	color:#FF3300;
	background:url(../images/navleft-step3-hover.gif) no-repeat 0 0;
}


 /* 
	###################################
	Liste Content
	###################################
*/

#maincol ul{
	list-style-type:none;
	padding:10px 0 20px 20px;
}

#maincol ul li{
	background:url(../images/arrow-grey.gif) no-repeat 0 4px;
	padding:0 0 0 15px;
}



 /* 
	###################################
	Bilder Links
	###################################
*/

#leftcol .csc-textpic{
	margin:15px 0;
	padding:0;
}

 /* 
	###################################
	Suche
	###################################
*/
.headnavStrichSuche{
	float:left;
	padding:3px 0 0 3px;
}

.headnavForm{
	float:left;
}

.Suchfeld{
	margin-left:10px;
	width:150px;
	height:16px;
	border:1px solid #CCCCCC;
	font-size:11px;
}

#searchform .SendButton{
	padding-left:10px;
	position:relative;
	top:1px;
	

}

.BorderInput{
	border:1px solid #c0c0c0;
}

.ButtonSendNormal{
	background-color:#B41310;
	color:#fff;
	border:1px solid #c0c0c0; 
	padding:3px;
	margin:3px;
	font-weight:normal;
}

.ButtonSendBold{
	background-color:#B41310;
	color:#fff;
	border:1px solid #c0c0c0; 
	padding:3px;
	margin:3px;
	font-weight:bold;
}

input.tx-indexedsearch-searchbox-button{
	background-color:#f9f9f9;
	color:#666666;
	border:1px solid #ccc; 
	padding:1px;
	margin-top:15px;
	font-weight:normal;
}
input.tx-indexedsearch-searchbox-sword{
	background-color:#f9f9f9;
	color:#666666;
	border:1px solid #ccc; 
	padding:0;
	margin-bottom:0;
	font-weight:normal;
	font-size:13px;
	height:16px;

}

td.tx-indexedsearch-title, td.tx-indexedsearch-icon, td.tx-indexedsearch-percent {
	border-bottom:1px solid #c0c0c0;
	padding:0;
	margin:0;
}

td.tx-indexedsearch-title {
	font-weight:bold;
}

td.tx-indexedsearch-info{
	font-size:12px;
}

.tx-indexedsearch-res td{
	padding:0;
}

.csc-frame-rulerAfter{
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;
}


 /* 
	###################################
	Kontaktformular
	###################################
*/
form, input, textarea{
	padding:0;
	margin:0;
	font-family:arial;
	font-size:12px;
}

#mailform fieldset.csc-mailform {
    margin:0;
    padding:0;
    width:405px; 
    border:0;
}
  
#mailform fieldset.csc-mailform .csc-mailform-field {
    padding:0; 
}

#mailform fieldset.csc-mailform .csc-mailform-field input, textarea, select{
    float:left;
	width:403px;
	border:1px solid #ddd;
	margin-bottom:10px;
}
  
#mailform fieldset.csc-mailform .csc-mailform-field label {
    text-align:left;				
	width:403px;						
	display:block;
	float:left;
}

#mailform fieldset.csc-mailform .csc-mailform-field .csc-mailform-submit {
	float: right;
	width: 90px;
	color:#FE3200;
	border:none;
	background-color:#fff;
	font-weight:bold;
	cursor:pointer;
	border:1px solid #ddd;
}
 /* 
	###################################
	Tabelle Content
	###################################
*/
#maincol .contenttable {
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	font-size:11px;
	border-collapse:0;
	border-spacing:0;
}

#maincol .contenttable th {
	vertical-align:top;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#f3f3f3;
	padding:3px;
}

#maincol .contenttable td {
	vertical-align:top;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:3px;
}