/* Reset-Stylesheet importieren */
@import url(reset.css);

/* Styles */
html,
body {
	border:					0;
	height:					100%;
	margin:					0;
	padding:					0;
}
body {
	background: 			#FFF;
	color:					#555;
	font:						normal
								12px/1.48em
								Arial,Helvetica,sans-serif;
	width:					100%;
}
a {
	color:					#004E92;
	text-decoration:		none;
}
a:hover {
	color:					#CC071E;
	text-decoration:		underline;
}
:focus {
	outline:					0;
}
img {
	behavior:			   url(iepngfix.htc);		/* PNG-Transparenz-Fix für IE<7 */
	border:					0;
	display:					block;
	margin:					0;
	padding:					0;
}
h1 {
	color:					#666;
	font:						normal
								22px/1.2em
								Myriad Pro,Myriad,Arial,Helvetica,sans-serif;
	margin: 					0 0 10px 0;
}
h2 {
	color:					#888;
	font:						bold
								18px/1em
								Myriad Pro,Myriad,Arial,Helvetica,sans-serif;
	margin: 					10px 0;								
}
h3 {
	color:					#888;
	font:						bold
								16px/1em
								Myriad Pro,Myriad,Arial,Helvetica,sans-serif;
	margin: 					10px 0;
}
h4 {
	color:					#888;
	font:						bold
								14px/1em
								Myriad Pro,Myriad,Arial,Helvetica,sans-serif;
	margin: 					10px 0;
}
h5 {
	color:					#888;
	font:						normal
								14px/1em
								Myriad Pro,Myriad,Arial,Helvetica,sans-serif;
	margin: 					10px 0;
}
h6 {
	color:					#888;
	font:						bold
								12px/1em
								Myriad Pro,Myriad,Arial,Helvetica,sans-serif;
	margin: 					10px 0;
}
p {
	margin: 					10px 0;
}
input,
textarea,
select {
	background-color: #F0F0F0;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:					#555;
	font:						normal
								12px/1.48em
								Arial,Helvetica,sans-serif;
	padding: 2px 5px;
}
input:hover,
input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus {
	border-color: #999;
	color: #333;
}
sup {
	vertical-align:		super;
}
sub {
	vertical-align: 		bottom;
}
sub, sup {
	line-height: 			0px;
	font-size: 				70%;
}
blockquote p {
	padding: 0 40px 0 45px;
}
blockquote:before {
	content: url(../images/template/zitat-anfang.gif);
	float: left;
}
blockquote:after {
	content: url(../images/template/zitat-ende.gif);
	float: right;
	margin-top: -40px;
}

/*----------------------------------------------------------------------------*/
#header {
	height: 75px;
	margin: 0 0 10px 10px;
}
	#header .logo {
		float: 		right;
		margin-top: 10px;
	}

#main_navi {
	background: 			transparent;
	border:					0;
	float:					left;
	margin:					46px 0 0 0;
	padding:					0;
}
	#main_navi li {
		float: left;
		list-style-type:	none;
	}
	#main_navi li a {
		background-image: 	url(../images/template/sprite-main-navi.gif);
		display: block;
		height: 25px;
		text-indent: -999em;
		width: 125px;
	}
	#main_navi li a.first {
		background-position: 0 0;
	}
	#main_navi li a.second {
		background-position: 0 -30px;
	}
	#main_navi li a.third {
		background-position: 0 -60px;
	}
	#main_navi li a.fourth {
		background-position: 0 -90px;
	}
	#main_navi li a.last {
		background-position: 0 -120px;
	}	
	#main_navi li.active a.first,
	#main_navi li a.first:hover {
		background-position: 0 -150px;
	}
	#main_navi li.active a.second,
	#main_navi li a.second:hover {
		background-position: 0 -180px;
	}
	#main_navi li.active a.third,
	#main_navi li a.third:hover {
		background-position: 0 -210px;
	}
	#main_navi li.active a.fourth,
	#main_navi li a.fourth:hover {
		background-position: 0 -240px;
	}	
	#main_navi li.active a.last,
	#main_navi li a.last:hover {
		background-position: 0 -270px;
	}
	
#main {
	float: left;
	margin: 0 8px 50px 10px;
	width: 632px;
	overflow: hidden;
}
	#main p {
		margin: 0 0 10px 0;
	}
	#main #content {
		margin: 0 0 -1000px 0;
		padding: 0 52px 1000px 0;
		overflow: hidden;		
	}
		#main #content h2 {
			margin: 10px 0 20px 0;
		}
		#main #content.home {
			margin: 0 0 0 10px;
			padding: 0 52px 0 0;
		}
		#main #content ul {
			margin: 					10px 0;
		}
		#main #content ul li {
			margin: 					5px 0 5px 30px;
		}
		#main #content div.csc-textpic-intext-left div.csc-textpic-imagewrap, 
		#main #content div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
			margin-right: 20px !important;
			margin-bottom: 10px !important;
		}
		#main #content .vorteile_box {
			background: url("../images/template/bg-box-120.gif") repeat-x scroll 0 0 #E1E1E1;
			border: 1px solid #CCC;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			float: left;
			margin: 10px 0; 
			padding: 0 10px 10px 10px;
			width: 378px;
		}
		#main .home .vorteile_box {
			width: 545px !important;
		}
		#main #content .vorteile_box h3 {
			color:	#CC071E;
			font-size: 14px;
		}
		#main #content .vorteile_box ol {
			font-weight: bold;
			padding-left: 20px;
		}
		#main #content .vorteile_box ol span {
			font-weight: normal;
		}
		#main #content .whitepaper_box {
			border: 1px solid #CCC;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			padding: 10px;
			background-color: #DDD;
			margin: 0 auto;
		}
		#main #content .whitepaper_box p {
			margin: 0;
		}
		#main #content .box1_2,
		#main #content .box2_2 {
			background: #F6F6F6;
			border: 1px solid #CCC;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			float: left;
			font-size: 11px;
			margin: 20px 10px 20px 0;
			padding: 0 10px 10px 10px;		
			width: 170px;
		}
		#main #content .box1_3,
		#main #content .box2_3,
		#main #content .box3_3 {
			background: url("../images/template/bg-box-120.gif") repeat-x scroll 0 0 #E1E1E1;
			border: 1px solid #CCC;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			float: left;
			font-size: 11px;
			margin: 20px 10px 20px 0;
			padding: 0 10px 10px 10px;		
			width: 160px;
		}
		#main #content .box2_2,
		#main #content .box3_3 {
			margin: 20px 0;
		}
		#main #content .box1_2 h3,
		#main #content .box2_2 h3,
		#main #content .box1_3 h3,
		#main #content .box2_3 h3,
		#main #content .box3_3 h3 {
			color:	#CC071E;
			font-size: 14px;
		}
		#main #content .anfahrt_box .csc-textpic-text {
			margin-left: 10px;
		}
		#main #content .tx-flseositemap-pi1 li {
			font-size: 11px;
			line-height: 1.3em;
		}
		#main #content .tx-flseositemap-pi1 a {
			display: block;
			font-size: 12px;
			line-height: 1.48em;
		}
		#main .home .news-list-container {
			padding-top: 0;
		}
		
		
#sidebar {
	display: none;
}
#footer {
	display: none;
}
	
#wrapper {
	background: 	none;
	position:				relative;
	text-align:				left;	
	margin: 0 auto;
	width:	190mm;
	/* min-height: 100%;*/
}
.links {
	background: 	none;
	position:				relative;
	text-align:				left;	
	margin: 0 auto;
	width:	190mm;
}
	.links ul, .links h3 {
		margin-left: 10px;
	}
	.links ul li {
		list-style-type: none;
	}

/****************************************/
/*   Hilfsklassen                       */
/****************************************/
.atsym {
	background: 			transparent url(../images/template/atsym.gif) no-repeat 0 1px;
	padding:					0 5px;
}
a:hover .atsym {
	background: 			transparent url(../images/template/atsym_rot.gif) no-repeat 0 1px
}
.clear {
	clear:					both;
	height:					0;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.langtext {
	display: none;
}
.langtext_link {
}
.loading {
	opacity:	0;
}
.no_display {
	display: none;
}

#kontaktform input,
#kontaktform textarea {
	width: 328px;
}
#kontaktform input.spalte1,
#kontaktform input.spalte2 {
	width: 154px;
}
#kontaktform input.spalte1 {
	margin: 0 5px 0 0;
}


/****************************************/
/*   Slideshow-Plugin                   */
/****************************************/
.picture-slides-container { list-style:none;width:250px }
.picture-slides-thumbnails { width: 250px;	margin: 0 5px; }
.picture-slides-container li { display:block; width:55px; height:55px; overflow:hidden; float:left; margin:0 5px 0 0; padding:0px; }
.picture-slides-container li a {	border: 1px solid #DDDDDD; display: block; height: 43px;	padding: 5px; width: 43px; }
.picture-slides-selected-thumbnail, .picture-slides-container li a:hover { border:1px solid #000 !important; }
.picture-slides-image-text { color: #FFF; display: none; height: 16px; padding: 7px; position: relative; left: 0; top: -30px; background: transparent url(../images/template/transparent-bg.png) 0 0; }
.picture-slides-fade-container {	margin: 0 0 10px 0; }
* html .picture-slides-container li div span { width:400px } /* MSIE bug */

/****************************************/
/*   Suche                              */
/****************************************/
.search_results {
	border-bottom: 1px solid #DDD;
}
.tx-indexedsearch-redMarkup {
	color:	#CC071E;
}
.tx-macinasearchbox-pi1 {
	border:	none;
	float:	left;
	margin:	0 0 0 -130px;
   padding:	0;
	width:	140px;
}
	.tx-macinasearchbox-pi1 form fieldset,
	.tx-macinasearchbox-pi1 form .submit {
		border: none;
		margin: 0;
		padding: 0;
	}
	.tx-macinasearchbox-pi1 form {
		padding-top: 1em;
	}
		.tx-macinasearchbox-pi1 form .submit {
			height: 0;
			position: absolute;
			overflow: hidden;  
		}
		.tx_slsimplesearchbox form span {
			background-position:left top;
			font-size:0;
			height: 24px;			
			line-height:0;
			vertical-align:middle;
		}
		.tx-macinasearchbox-pi1 form span,
		.tx-macinasearchbox-pi1 form span input {
			background-color: transparent;
			background-repeat: no-repeat;
			border: none;
			color: #444;
			display: -moz-inline-box;
			display: inline-block;
			outline: none;
			white-space: nowrap;
		}
		.tx-macinasearchbox-pi1 form span input {
			background-image: url(../images/template/search_alpha.gif);
			background-position:left top;
			color: #CCC;
			font-size: 11px !important;
			/* height: 24px;			 */
			line-height:1em;
			margin: 0;
			padding: 5px 0 5px 25px;
			/* padding: 0 0 0 25px; */
			vertical-align:middle !important;
			width: 140px;
		}
		.tx-macinasearchbox-pi1 form span input:hover,
		.tx-macinasearchbox-pi1 form span input:focus {
			background-image: url(../images/template/search.gif);
			color: #555;
		}
		.tx-macinasearchbox-pi1 form span,
		.tx-macinasearchbox-pi1 form span:hover,
		.tx-macinasearchbox-pi1 form span:focus {
			background-image: none;
		}
		
/****************************************/		
/*   News-Template                      */
/****************************************/
#main #content .news-single-item {
	padding: 10px 0; 
}
#main #content .news-list-item {
	padding: 0 0 20px 0;
}
#main #content .news-list-container .first {
	border-bottom:	1px solid #DDD;
	margin: 0;
	width: 570px;
}
#main #content .news-list-container .left {
	border-bottom:	1px solid #DDD;
	float: left;
	height: 230px;
	margin-right: 20px;
	margin-top: 20px;
	width: 270px;
}
#main #content .news-list-container .right {
	border-bottom:	1px solid #DDD;
	float: right;
	height: 230px;
	margin-top: 20px;
	width: 280px;
}
#main #content .news-list-container .ruhr2010.first {
	margin-bottom: 20px;
	width: 400px;
}
#main #content .news-list-container .left.ruhr2010,
#main #content .news-list-container .right.ruhr2010 {
	width: 190px;
}
#main #content .news-list-container img {
	margin: 0 0 5px 20px;
}
#main #content .news-list-container h1,
#main #content .news-single-item h1 {
	color:					#666;
	font:						normal
								22px/1em
								Myriad Pro,Arial,Helvetica,sans-serif;
	margin:					0;
}
#main #content .news-list-container h2,
#main #content .news-single-item h2 {
	color:					#CC071E;
	font:						bold
								26px/1.2em
								Myriad Pro,Arial,Helvetica,sans-serif;
	margin:					0 0 20px 75px; 	
}
#main #content .news-list-container h2 a,
#main #content .news-single-item h2 a {
	color:					#666;
}
#main #content .news-list-container h1 a:hover,
#main #content .news-single-item h1 a:hover,
#main #content .news-list-container h2 a:hover,
#main #content .news-single-item h2 a:hover,
#main #content .news-list-container a:hover h1,
#main #content .news-single-item a:hover h1,
#main #content .news-list-container a:hover h2,
#main #content .news-single-item a:hover h2  {
	color:					#CC071E;
	text-decoration: 		underline;
}
#main #content .news-list-container .left h2,
#main #content .news-list-container .right h2 {
	color:					#666;
	font:						bold
								17px/1em
								Myriad Pro,Arial,Helvetica,sans-serif;
	margin:					0 0 10px; 	
}
#main #content .news_link_more {
	background: 			transparent url(../images/icons/icon-linknews-more.gif) no-repeat top left;
	color:					#004E92;
	font: 					bold
								11px/14px
								Arial,Helvetica,sans-serif;
	padding-left:			20px;
	float: 					right;
	text-decoration: 		none;
}
#main #content .news_link_more:hover {
	color:					#CC071E;
	text-decoration: 		underline;	
}

/****************************************/		
/*   Evalanche Newsletter-Formular      */
/****************************************/
#newsletter_formular {
	background-color: transparent;
	height: 140px;
	margin-top: 10px;
}
	#newsletter_formular p {
		margin: 0 4px 5px 0;
	}
	#newsletter_formular .anrede input,
	#newsletter_formular .vorname input,
	#newsletter_formular .name input {
		width: 100px;
	}
	#newsletter_formular .vorname,
	#newsletter_formular .name {
		float: left;
	}
	#newsletter_formular .email input,
	#newsletter_formular .firma input {
		width: 216px;
	}
	
/****************************************/		
/*   RG Slideshow                       */
/****************************************/
.rgslideshow {
	border: 0 !important;
}
.rgslideshow .rgstitle {
	font-family: Arial,Helvetica,sans-serif !important;
	letter-spacing: 1px !important;
	padding: 2px 10px !important;
	text-transform: none !important;
}
.rgslideshow .rgsdescription {
	display: none !important;
}
.slideshow_ohne_info .rgsnest {
	display: none;
}

.csc-frame-rulerAfter {
	border-bottom: 1px solid #DDD;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.csc-textpic-caption {
	font-size: 11px;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap, 
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-bottom: 10px;
}
div.csc-textpic-center div.csc-textpic-imagewrap {
	margin: 20px auto;
}

.news-single-links {
	padding: 3px 3px 3px 0;
}
.news-single-links dt {
	margin-left: 0;
}