@charset "utf-8";

html, body {
	padding: 0px;
	margin: 0px;
}

body {
	background-color: #cd071e;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6e6e6e;
}

/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Main-Frame
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */

div.mainframe {
	width: 100%;
	position: relative;
}

/*
 * Start-Styles
 */

div.start_frame {
	width: 824px;
	margin: 0 auto;
}

.start_frame .teaser_3,
.start_frame .h_sponsoren {
	margin-left: 3px;
}

.start_frame .teaser_3 .item {
	position: relative;
}

.start_frame .teaser_3 .item .link a {
	position: absolute;
	display: block;
	left: -82px;
	top: -335px;
	padding: 338px 12px 1px 82px;
	z-index: 1000;
}

/*
 * Artikel-Styles
 */

div.site_frame {
	width: 981px;
	margin: 0 auto;
}

.site_frame .teaser_3,
.site_frame .h_sponsoren {
	margin-left: 3px;
}

/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Head
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */
 
div.head {
	float: left;
	width: 856px; 
	height: 123px;
	margin-left: 3px;
	
	background-image: url(../images/head_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
	.head div.titel {
		float: left;
		width: 689px;
		height: 40px;
		padding: 46px 22px 0px 0px;
		
		background-image: url(../images/head_sign.jpg);
		background-repeat: no-repeat;
		background-position: right top;
		
		text-align:right;
		color: #FFFFFF;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 25px;
		line-height: 30px;
	}
	#m17 {
		position: absolute;
		top: 8px;
	}
	#m17 img {
		height: 16px;
		width: 16px;
	}
	#m17 {
		left: 140px;
	}
	
	.head div.logo {
		float: left;
		width: 145px;
		height: 86px;
		
		background-image: url(../images/head_logo_def.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		background-color: #cd071e;
	}
	
	.head .logo a {
		position: absolute;
		top: 8px;
		left: 740px;
		height: 16px;
		width: 16px;
	}
	
	.head div.line {
		float: left;
		position: relative;
		width: 809px;
		height: 33px;
		
		overflow: hidden;
		
		background-image:url(../images/head_line_bg.jpg);
		background-position: left top;
		background-color:#999999;
		
		color: #FFFFFF;
		font-size: 16px;
		line-height:19px;
	}
	
	.head .line p {
		float: left;
		width: 624px;
		height: 40px;
		padding: 6px 0px 0px;
		margin: 0px;
		
		display:block;
		text-align: right;
		color: #FFFFFF;
		font-size: 16px;
		line-height:19px;
	}
	
	.head .line #HTML_2_1 {
		float: left;
		display: block;
		padding: 0px;
		margin: 0px;
		width: 622px;
		height: 36px;
	}
	.head .line #m13 {
		position: absolute;
		top:-1px;
		left:135px;
	}
	
	.head .line img {
		float: left;
		margin-left: 16px; /* 24 */
		width: 19px;
	}
	

	
	
/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Innen-Styles
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */

.innen {
	float: left;
	width: 981px;
	padding: 0px;
	background-image:url(../images/innen_bg.gif);
	background-repeat:repeat-y;
	background-position:left;
}

/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Leftside-Styles
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */
 
div.leftside  {
	float: left;
	width: 149px;
	padding: 2px 4px 10px 3px;
}
	
	
	
/* Sponsoren --------------------------------------------- */
.sponsor_l {
	padding: 0px;
	background-image: url(../images/sponsor_l_left_bg.gif);
	background-position:left;
	text-align: center;
}
	.sponsor_l a {
		display: block;
		padding: 12px 0px;
		width: 149px;
		text-align:center;
		border-bottom: 1px solid #e2001a;
	text-align: center;
	}
	.sponsor_l img {
		border: 0px;
	}

	
/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Content-Styles
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */

div.content  {
	float: left;
	width: 643px;
	padding: 4px 4px 4px 3px;
}


	.content #box {
		padding: 10px 20px 0px;
		clear: left;
	}



#content1, #content2, #content3, #content4, #content6 {
	padding: 8px 18px 0px 21px;
	margin: 0px;
}

#content2,
#content5,
#content6 {
	width: 604px; /* 643px-39px */
	clear:left;
}
#content3,
#content4 {
	width: 282px; /* 321px-39px */
	float:left;
}

div.teaserinfos {
	border: 1px dotted #cc0000;
	padding: 8px;
	background-color:#FFFFFF;
}

/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Right-Side-Styles
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */
 
div.side {
	float: left;
	width: 167px;
	padding: 0px 0px 0px 7px;
}

* html div.side {
	padding: 0px 0px 0px 5px;
}

	div.infobox .item {
		padding: 0px 0px 5px;
	}
		div.infobox .item a.titel {
			display: block;
			width: 156px;
			padding: 7px 11px 6px 0px;
			
			background-color: #e85311;
			background-image:url(../images/infobox_pfeil.gif);
			background-position:right;
			background-repeat:no-repeat;
			
			color: #FFFFFF;
			font-size: 14px;
			text-align: center;
			text-decoration: none;
		}
		div.infobox img {
			border: 0px;
		}


		.sponsor_r a {
			display: block;
			text-align: center;
			background-color:#FFFFFF;
			padding: 2px;
			
			filter:alpha(opacity=70);
			-moz-opacity:0.7; 
			opacity:0.7;
		}
		.sponsor_r a:hover {
			filter:alpha(opacity=100); 
			-moz-opacity:1.0; 
			opacity:1.0;
		}
		.sponsor_r img {
			border: 0;
		}





/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Teaser-Styles
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */

.teaser_3 {
	float: left;
	width: 822px;
	height: 490px;
	margin-top: 14px;
}
.teaser_3 div.item {
	position: relative;
	float: left;
	width: 274px;
	height: 490px;
}
	.teaser_3 .img {
		position:relative;
		overflow: hidden;
		height: 360px;
		width: 250px;
		background-color:#d9d9d9;
	}
	
	.teaser_3 .img div {
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.teaser_3 .img #item_1_1,
	.teaser_3 .img #item_2_1,
	.teaser_3 .img #item_3_1 {
	}
	
	.teaser_3 .img_titel {
		position:absolute;
		top: 24px;
		left: 0px;
		width: 107px;
		height: 37px;
		padding: 25px 0px 0px 13px;
		
		background-color:#e2001a;
		background-image:url(../images/teaser_img_titel_bg.jpg);
		
		color: #ffffff;
		font-size: 15px;
	}
		.teaser_3 .img_titel p {
			padding: 0px;
			margin: 0px;
			
			color: #ffffff;
			font-size: 15px;
		}
	.teaser_3 .img_subtitel {
		position:absolute;
		top: 88px;
		left: 0px;
		width: 177px;
		height: 19px;
		padding: 6px 0px 0px 13px;
		
		background-color:#e2001a;
		
		color: #ffffff;
		font-size: 12px;
		line-height: 14px;
	}
		.teaser_3 .img_subtitel p {
			padding: 0px;
			margin: 0px;
			color: #ffffff;
			font-size: 12px;
			line-height: 14px;
		}
	.teaser_3 .logo {
		position:absolute;
		top: 24px;
		left: 122px;
		width: 120px;
		height: 62px;
		
		background-image:url(../images/teaser_logo_def.gif);
		background-repeat:no-repeat;
		background-position: left top;
	}
	.teaser_3 div.link {
		display: block;
		position:absolute;
		top: 331px;
		left: 78px;
		width: 156px;
		height: 21px;
		padding: 4px 26px 0px 0px;
		
		background-image: url(../images/teaser3_link.gif);
		background-position: right top;
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		
		border: 4px solid #cd071e;
		
	}
	.teaser_3 .link a {
		display: block;
		width: 156px;
		height: 21px;
		
		color: #cd071e;
		text-align: center;
		text-decoration:none;
		font-weight: bold;
		font-size: 13px;
	}
		.teaser_3 .textbox,
		.teaser_3 .textbox p {
			color: #ffffff;
			font-size: 11px;
			line-height: 13px;
			padding: 0px;
			margin: 0px;
		}
	.teaser_3 .textbox {
		float: left;
		margin: 6px 0px 0px;
		background-color:#e2001a;
		width: 230px;
		height: 83px;
		padding: 8px 10px 7px;
	}


.teaserlist {
float: left;
	width: 645px;
	padding: 30px 0px 10px;
}
	.teaserlist .item {
		float:left;
		width: 120px;
		height: 96px;
		padding: 0px 5px 10px 4px;
	}
	.teaserlist .item img {
		margin-bottom: 2px;
	}
	.teaserlist .item a {
		display:block;
		width: 120px;
		padding: 0px 0px 4px;
		
		background-color:#e2001a;
		
		color: #ffffff;
		font-size: 12px;
		text-decoration:none;
		text-align:center;
	}
	.teaserlist .item a:hover {
		background-color:#ed011c;
	}
	
	
	
.teasernews {
	padding: 0px 0px 0px 24px;
}
	.teasernews .item {
		width: 598px;
		padding: 15px 0px 10px;
		border-bottom: 1px solid #d9dadb;
		color: #6e6e6e;
		overflow: hidden;
	}
	.teasernews .item h3 {
		margin: 0px;
		padding: 0px;
		color: #e2001a;
		font-weight: bold;
	}
	.teasernews .item p {
		padding: 0px;
		line-height: 14px;
	}
	.teasernews .item a.ligthboximage,
	.teasernews .item a.ligthboximage img {
		float: right;
	}
	.teasernews .item p a.ligthboximage,
	.teasernews .item p a.ligthboximage img {
		float: none;
	}
	
	
		
	


/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Extras
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */
div.suche {
	float: left;
	width: 138px;
	height: 34px;
	padding: 6px 0px 0px 12px;
	margin: 0px;
	
	display:block;
	text-align: left;
	color: #FFFFFF;
	font-size: 16px;
	line-height:19px;
}

div.suche .input {
	display: inline;
	height: 13px;
	padding: 3px;
	
	background-position: left top;
	background-repeat: no-repeat;
}
div.suche .input {
	border: 0px;
	width: 104px;
	background-image: url(../images/search_input_bg.gif);
	font-size: 9px;
	color: #cd071e;
}
div.suche .submit {
	border: 0px;
	width: 20px;
	background-color: #e2001a;
	background-image: url(../images/search_submit_bg.gif);
}

/**
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Sponsoren-Styles
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */
	
.h_sponsoren {
	height: 54px;
	float: left;
}

	.h_sponsoren td.item {
		width: 158px;
		height: 54px;
		background-color:#FFFFFF;
		border-right: 1px solid #cd071e;
	}
	.h_sponsoren a {
		display: block;
		width: 158px;
		text-align: center;
	}
	.h_sponsoren img {
		border: 0;
	}


/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Downloads
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */

.dl_master {
	float: left;
	width: 598px;
	padding: 0px 0px 0px 5px;
}
.dl_master .item_box {
	position: relative;
	left: 4px;
	float: left;
	width: 68px;
	height: 97px;
	padding: 5px 0px 5px 16px;
}
.dl_master h2 {
	padding: 35px 0px 2px 0px;
	margin: 0px 0px 0px 19px;
	border-bottom: 1px solid #b1b3b4;
	color: #e2001a;
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
}
.dl_master .itempopup {
	display:none; 
	position: absolute; 
	top:0px; 
	left:0px; 
	
	width: 140px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	
	background-image: url(../images/dl_popup.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color: #FFFFFF;
}
.dl_master .itempopup div {
	float: left;
	display:block; 
	position: absolute; 
	top:0px; 
	left:0px; 
	color: #FFFFFF;
}
.dl_master .itempopup a {
	display: block;
	padding: 4px 0px 5px 19px;
	height: 30px;
	color: #FFFFFF;
	overflow: hidden;
	text-decoration:none;
}


* html .dl_master .dl_master .item_box a,
* html .dl_master .dl_master .item_box img,
* html .dl_master .dl_master .item_box div,
* html .dl_master .dl_master .item_box p {
	display: none;
}
/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Feed
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */
 
div.feed {
	float: left;
	width: 979px;
	margin: 0px 3px 0px;
	background-color: #e2001a;
}
	.feed div.row1,
	.feed div.row3,
	.feed div.row2 {
		float: left;
		text-align: center;
		
	}
	.feed div.row1 {
		width: 149px;
	}
		.feed .row1 span.ifirst {
			display: none;
		}
	.feed div.row2 {
		width: 656px;
	}
	.feed div.row3 {
		width: 174px;
	}

	.feed,
	.feed div,
	.feed a,
	.feed p {
		color: #ffffff;
		font-size: 10px;
		text-decoration:none;
	}
	
/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * Verzeichnisliste / FAQ
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */

.verzeichnisliste_nav {
	padding: 8px 18px 0px 21px;
	margin: 0px;
	width: 604px; /* 643px-39px */
	clear:left;
}
.verzeichnisliste_nav a {
	display: block;
	float:left;
	margin: 0px 12px 0px 0px;
	width: 290px; /* 643px-39px */
}
.verzeichnisliste {
	width: 604px; /* 643px-39px */
	clear:left;
}


.verzeichnisliste {
	padding: 0px;
}
	.verzeichnisliste .item {
		width: 598px;
		padding: 15px 0px 40px;
		border-bottom: 1px solid #d9dadb;
		color: #6e6e6e;
		overflow: hidden;
	}
	.verzeichnisliste .item h3 {
		margin: 0px;
		padding: 0px;
		color: #e2001a;
		font-weight: bold;
	}
	.verzeichnisliste .item p {
		padding: 2px 0px 4px;
		line-height: 14px;
	}
	.verzeichnisliste .item a.ligthboximage {
		float: right;
	}
	.verzeichnisliste .item p a.ligthboximage {
		float: none;
	}
	.verzeichnisliste .item td p {
		padding: 0px;
		line-height: 14px;
	}



/*
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 * CSS styles for Font's / TinyMCE
 * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
 */


body, p, div, td, th, h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #6e6e6e;
}
th {
	text-align:left;
}

.teasernews h1,
h1 {
	font-size: 14px;
	line-height: 17px;
	color: #e2001a;
	font-weight: normal;
	border-bottom: 1px solid #b1b3b4;
	padding: 35px 0px 2px 0px;
	margin: 0px;
}

img {
	vertical-align: middle;
	border: 0px;
}

.content p {
	display: block;
	padding: 12px 10px 6px 0px;
	margin: 0px;
	color: #6e6e6e;
}
.content table {
	padding: 0px;
	margin: 12px 0px 0px;
}
.content td {
	padding: 0px 10px 6px 0px;
	margin: 0px;
	vertical-align: top;
	color: #6e6e6e;
}
.content .download td {
	padding: 0px 10px 6px 0px;
	margin: 0px;
	vertical-align: bottom;
}
.content td p {
	padding: 0px;
	margin: 0px;
	color: #6e6e6e;
}

.content table.termine td {
	padding: 0px 10px 0px 0px;
}
.content table.termine th {
	font-weight: bold;
	padding: 12px 0px 0px;
}
.content table.termine td p b {
	display: inline;
	color: #6e6e6e;
}

.content table.termine td.td1 { width: 25%; }
.content table.termine td.td2 { width: 35%; }
.content table.termine td.td3 { width: 40%; }


.content .gallery img,
.content img.gallery {
	background-image:url(../images/image_zoom.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding: 0px 20px 0px 0px;
}

.content a {
	color: #6e6e6e;
}
.content ul {
	padding: 0px 15px;
	margin: 3px 0;
}





.red {
	color: #e2001a;
}