@charset "utf-8";
/* CSS Document */

@media screen 
{
	html { height: 100% } 
	
	body 
	{
		margin: 			0px; 
		padding: 			0px;
		/* background-image:	url(../img/background.gif); 
		background-repeat:	repeat-x;*/
		font-size: 			10px;
		font-family: 		Verdana, Arial, Helvetica, sans-serif;
	}
	
	form
	{
		padding: 			0px;
		margin: 			0px;
	}
	
	/* Textformatierungen */
	p { line-height:1.5em;}
	
	h1
	{
		font-size: 			16px; 
		color: 				#bb1d1f; 
		font-weight: 		bold; 
		padding: 			0px;
		margin: 			0px;
	}
	
	h2 
	{
		font-weight: 		bold; 
		color: 				#bb1d1f; 
		font-size: 			10px;
		padding:			0px;
		margin: 			0px;
	}
	
	h3 
	{
		font-weight: 		bold; 
		color: 				#bb1d1f; 
		font-size: 			12px;
		padding:			0px 0px 6px 0px;
		margin: 			0px;
	}
	
	h4 
	{
		font-weight: 		bold; 
		color: 				#444;
		font-size: 			12px;
		padding:			0px 0px 0px 0px;
		margin: 			0px;
	}
	
	
	strong { color: #444; }
	
	.block {text-align: justify;}
	
	.grau {color:#555; }
	
	.green { color: #006600; }
	
	/* Links */
	A:link {text-decoration: none; color: #bb1d1f} 
	A:visited {text-decoration: none; color: #bb1d1f;} 
	A:hover {text-decoration: underline; color: #bb1d1f;} 
	A:active { text-decoration: none; color: #bb1d1f;}
	
	A.schwarz:link {text-decoration: none; color: #000000; font-size: 10px; font-weight:normal;} 
	A.schwarz:visited {text-decoration: none; color: #000000; font-size: 10px; font-weight:normal;} 
	A.schwarz:hover {text-decoration: underline; color: #000000; font-size: 10px; font-weight:normal;} 
	A.schwarz:active {text-decoration: none; color: #000000; font-size: 10px; font-weight:normal;}
	
	A.none:link {text-decoration: none; color: #FFF} 
	A.none:visited {text-decoration: none; color: #FFF;} 
	A.none:hover {text-decoration: none; color: #FFF;} 
	A.none:active {text-decoration: none; color: #FFF;}


	/* Formulare */	
	/*
	input 
	{
		background-color:	#EDEDED;
		padding: 			3px;
		border: 			1px solid #888888; 
		font-size:			10px;
	}*/
	
	input
	{
		background-image:	url(../img/button_bg.gif);
		background-repeat:	repeat-x;
		border: 			1px solid #888888;
		padding: 			2px 4px 1px 4px;
		margin: 			0px;
		color: 				#333333;
		overflow: 			visible;
	   	width: 				auto;
	}
	
	input.input_green
	{
		background-image:	url(../img/button_bg_green.gif);
		background-repeat:	repeat-x;
		border: 			1px solid #0e5f07;
		padding: 			2px 4px 1px 4px;
		margin: 			0px;
		color: 				#FFF;
		overflow: 			visible;
	   	width: 				auto;
	}
	
	select 
	{
		color:				#000000; 
		background-color:	#EDEDED;
		padding: 			1px;
		border: 			1px solid #888888;
	}
	
	input[type="text"]
	{
		height: 			18px;	
	}
	
	.none 
	{ 
		border:				0px; 
		background:			none; 
		padding: 			0px !important;
		margin: 			0px;
	}
	
	.eingabefeld_klein 
	{
		color:				#000000; 
		font-weight:		normal; 
		font-size:			9px; 
		background-color:	#EDEDED; 
		padding: 			1px;
		border: 			1px solid #666666;
	}
	
	textarea 
	{
		color:				#000000; 
		background-color:	#EDEDED;
		padding: 			3px;
		border: 			1px solid #888888;
	}
	
	
	/* Spaltenzeug */
	.l { float: left; }
	.r { float: right; }
	
	.proz50 { width: 50%;}
	
	.p10  { width: 10px;  }
	.p20  { width: 20px;  }
	.p25  { width: 25px;  }
	.p35  { width: 35px;  }
	.p50  { width: 50px;  }
	.p60  { width: 60px;  }
	.p75  { width: 75px;  }
	.p80  { width: 80px;  }
	.p100 { width: 100px; }
	.p110 { width: 110px; }
	.p120 { width: 120px; }
	.p140 { width: 140px; }
	.p150 {	width: 150px; }
	.p160 {	width: 160px; }
	.p170 {	width: 170px; }
	.p180 {	width: 180px; }
	.p200 { width: 200px; }
	.p220 { width: 220px; }
	.p230 { width: 230px; }
	.p250 { width: 250px; }
	.p270 { width: 270px; }
	.p290 { width: 290px; }
	.p300 { width: 300px; }
	.p310 { width: 310px; }
	.p320 { width: 320px; }
	.p330 { width: 330px; }
	.p350 { width: 350px; }
	.p360 { width: 360px; }
	.p400 { width: 400px; }
	.p430 { width: 430px; }
	.p450 { width: 450px; }
	.p460 { width: 460px; }
	.p480 { width: 480px; }
	.p500 { width: 500px; }
	.p520 { width: 520px; }
	.p540 { width: 540px; }
	.p550 { width: 550px; }
	.p600 { width: 600px; }
	.p609 { width: 609px; }
	.p620 { width: 620px; }
	.p650 { width: 650px; }
	.p670 { width: 670px; }
	.p690 { width: 690px; }
	
	.clear { clear:both; }
	.clearnop { clear:both; padding:0px; margin:0px;width:0px; height:0px;}
	
	.hover
	{
		width:				130%;
		margin-left: 		-5px;  
		padding: 			2px 5px 2px 5px; 
	}
	.hover:hover { background:#e2e2e2; }
	
	.hovernop:hover { background:#e2e2e2; }
	
	.nohover
	{
		width:				130%;
		margin-left: 		-5px;  
		padding: 			2px 5px 2px 5px;	
	}
	
	.nohovernop
	{
		width:				100%;
		margin-left: 		0px;  
		padding: 			0px;
	}
	
	.pad1  {padding: 1px; }
	.pad4  {padding: 4px; }
	.pad8  {padding: 8px; }
	
	.clearfix:after {
		content: 			"."; 
		display: 			block; 
		height: 			0; 
		clear: 				both; 
		visibility: 		hidden;
	}

	.clearfix {display: inline-block;}

	hr { 
	  color: #DDD; 
	  background-color: #DDD; 
	  height: 1px; 
	  border: 0; 
	}
	
	
	/* Meldungsboxen */
	.error
	{
		width:				682px;	
		background: 		#f0efef;
		padding: 			8px 8px 8px 30px;
		margin-top: 		10px;
		margin-bottom: 		10px;
		font-weight:		bold;
		color: 				#444; 
		background-image:	url(../img/cross.gif); 
		background-repeat:	no-repeat; 
		border: 			1px solid #DEDEDE;
	}
	
	.erfolg
	{
		width:				682px;	
		background: 		#f0efef;
		padding: 			8px 8px 8px 30px;
		margin-top: 		10px;
		margin-bottom: 		10px;
		font-weight:		bold;
		color: 				#444; 
		background-image:	url(../img/erfolg.gif); 
		background-repeat:	no-repeat; 
		border: 			1px solid #DEDEDE;
	}
	
	
	/* Boxen */
	.box160
	{
		width: 				160px;
		border: 			1px solid #DEDEDE;
		background: 		#f0efef;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	.box200
	{
		width: 				200px;
		border: 			1px solid #DEDEDE;
		background: 		#f0efef;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	.box320
	{
		width: 				320px;
		border: 			1px solid #DEDEDE;
		background: 		#f0efef;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	.box330
	{
		width: 				330px;
		border: 			1px solid #DEDEDE;
		background: 		#f0efef;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	.box330_rot
	{
		width: 				330px;
		border: 			1px solid #BB1D1F;
		background: 		#f0efef;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	.box370
	{
		width: 				370px;
		border: 			1px solid #DEDEDE;
		background: 		#f0efef;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	.box460
	{
		width: 				460px;
		border: 			1px solid #DEDEDE;
		background: 		#f0efef;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	.box480
	{
		width: 				480px;
		border: 			1px solid #DEDEDE;
		background: 		#f0efef;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	.box500
	{
		width: 				500px;
		border: 			1px solid #DEDEDE;
		background: 		#f0efef;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	.box685
	{
		width: 				685px;
		border: 			1px solid #DEDEDE;
		background: 		#f0efef;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	.box690
	{
		width: 				690px;
		border: 			1px solid #DEDEDE;
		background: 		#f0efef;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	.box700
	{
		width: 				700px;
		border: 			1px solid #DEDEDE;
		background: 		#f0efef;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	.box710
	{
		width: 				710px;
		border: 			1px solid #DEDEDE;
		background: 		#f0efef;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	.box710_red
	{
		width: 				710px;
		border: 			1px solid #BB1D1F;
		background: 		#f0efef;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	.blindbox480
	{
		width: 				480px;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	.blindbox710
	{
		width: 				710px;
		padding: 			5px; 
		overflow:			hidden;
	}
	
	
	.grauBG { background:#eeeeee;}
	
	
	/* Struktur */
	#header
	{
		background:			url(../img/header_bg.gif);
		background-repeat:	repeat-x;
		height: 			100px;
		width: 				100%;
		position: 			absolute; 
		top: 				0px; 
		left: 				0px;
	}
	
	#header_zentriert
	{
		padding: 			auto; 
		margin: 			auto;
		width: 				971px;
		height: 			100px;
		position: 			relative;
	}
		
	#header_search
	{
		position:			absolute;
		top: 				32px;
		right: 				19px;
		width: 				231px;
		height: 			37px;
	}
	
	.header_search 
	{
		background-image:	url(../img/search_bg.gif);
		background-repeat:	no-repeat;
		background-color:transparent;
 	   	width: 				173px; 
       	height:				37px !important; 
      	border: 			0px; 
		float: 				left; 
		padding-left: 		10px !important;
		padding-top: 		0px !important;
		padding-right: 		0px !important;
		padding-bottom:		0px !important;
    }
	
	#main_wrapper
	{
		padding: 			auto; 
		margin: 			auto;
		width: 				971px;
		min-height: 		500px;
		position: 			relative;
		margin-top: 		87px;
		min-height:			200px;
		background-image:	url(../img/main_bg.gif);
		background-repeat:	repeat-y;
	}
	
	#main
	{
		width: 				700px;
		min-height: 		500px;
		margin-top: 		5px;
		float:left;
	}
	
	#main_top
	{
		background-image:	url(../img/main_oben.gif);
		background-repeat:	no-repeat;
		height:				24px;
		width: 				100%;
	}
	
	#main_bottom
	{
		background-image:	url(../img/main_unten.gif);
		background-repeat:	no-repeat;
		height:				24px;
		width: 				100%;
		position: 			absolute;
		bottom:				0px; 
		left: 				0px;
	}
	
	#footer_wrapper
	{
		background-image:	url(../img/footer.gif);
		background-repeat:	repeat-x;
		width: 				100%;
		height: 			100px;
		padding-top:		25px;
	}
	
	#footer_zentriert
	{
		padding: 			auto; 
		margin: 			auto;
		width: 				971px;
		height: 			100px;
		position: 			relative;
	}
	
	#footer
	{
		padding-left: 		100px;
		padding-top: 		10px;
	}
	
	a.footer:link {text-decoration: none; font-size: 10px; color: #8a8a8a} 
	a.footer:visited {text-decoration: none; font-size: 10px; color: #8a8a8a;} 
	a.footer:hover {text-decoration: underline; font-size: 10px; color: #8a8a8a;} 
	a.footer:active { text-decoration: none; font-size: 10px;  color: #8a8a8a;}
	
	.minh115 {min-height:115px;}
	
	#navi_wrapper
	{
		width: 				210px;
		margin-left: 		7px;
		float:left; height:90%;
	}
	
	.navigation {
		list-style-type:	 none;
		line-height: 		120%;
		background-color: 	transparent;
		margin:  			0px;
		padding: 			0px;
	}
	
	.naviglink a {
		display: 			block;
		width: 				200px;
		height: 			34px;
		padding-left:		37px;
		padding-top:		12px;
		color: 				#4e4e4e;
		text-decoration:	none;
		font-size:			14px;
		margin-top: -6px;
	}
	.naviglink a:hover	
	{
		display: 			block;
		width: 				200px;
		height: 			34px;
		color: 				#FFF;
		text-decoration:	none;
		background-image:	url(../img/navi_down.gif);
		background-repeat:	no-repeat;
		margin-top: -6px;
	}
	
	.naviglink_aktiv a	
	{
		padding-left:		37px;
		padding-top:		12px;
		text-decoration:	none;
		font-size:			14px;
		
		display: 			block;
		width: 				200px;
		height: 			34px;
		color: 				#FFF;
		text-decoration:	none;
		background-image:	url(../img/navi_down.gif);
		background-repeat:	no-repeat;
		margin-top: -6px;
	}
	
	
	/* Message Box */
	.laden 
	{ 
		position: 			fixed; 
		top: 				0px; 
		left:				0px;
		width: 				100%; 
		height: 			100%;
		z-index: 			96;
		background:			#EDEDED; 
		opacity: 			0.9;
		filter:				alpha(opacity=90); 
		dispay: 			none;
	} 
	
	.message_133_wrapper 
	{ 
		position: 			fixed; 
		top: 				0px; 
		left:				0px;
		width: 				100%; 
		height: 			100%; 
		z-index:			97; 
		display: 			none;
	} 

	.message_133 
	{
		width: 				579px;
		display:			block; 
		margin:				auto; 
		padding-top: 		20%;
		text-align: 		center;
		z-index:			99; 
	}
	
	.message_133_wrap 
	{
		padding: 			4px; 
		width: 				579px; 
		height: 			133px; 
		background-image: 	url(../img/message-box/message-box.png); 
		background-repeat: 	no-repeat;
	}
	
	.message_133_header
	{
		padding-left: 		20px; 
		padding-top: 		6px; 
		color:				#555555; 
		font-size:			12px; 
		font-weight:		bold;	
	}
	
	.message_dragndrop
	{
		position:			absolute; 
		top: 				5px; 
		left: 				15px; 
		width: 				545px; 
		height: 			25px;
		cursor: 			move;	
		z-index:			101;
	}
	
	/* Pagination (weiter-Links)	*/
	div#pagination
	{
		width: 				auto; 
		text-align: 		right; 
		/*margin-right: 		34px; */
	}
	#pagination ul {list-style-type:none; }
	
	#pagination li {display:inline;}
	
	#pagination span
	{
		font-size:			11px;
		line-height:		13px;
		margin: 			2px 6px 2px 0;
	}
	#pagination span a{
		background-color:	#ffffff;
		border:1px solid 	#bbbbbb;
		color:				#303030;
		padding:			1px 5px 2px 5px;
		text-decoration:	none;
	}
	#pagination span a:hover, #pagination span a:active{
		background-color: 	#bbbbbb;
		border:1px solid 	#303030;
	}
	#pagination span.aktuell{
		background-color: 	#303030;
		border:1px solid 	#303030;
		color:				#ffffff;
		font-size:			11px;
		padding:			1px 5px 2px 5px;
	}
	
	/* Reiter - Navigation */
	.reiternavi_wrapper 
	{
		width:				100%; 
		margin: 			0px;
		padding: 			0px;
	}

	.reiternavi_tab_aktiv 
	{ 
		background: 		#FFFFFF;
		width: 				100px; 
		height: 			16px;
		border-top: 		1px solid #929191;
		border-left: 		1px solid #929191;
		border-right: 		1px solid #929191;
		border-bottom: 		1px solid #FFFFFF;
		padding-left: 		4px;
		padding-top: 		2px;
		padding-bottom: 	0px;
		float: 				left;
		border-collapse:	collapse;
	}

	.reiternavi_tab_inaktiv 
	{ 
		background: 		#ebebeb;
		display: 			inline;
		width: 				100px; 
		height: 			16px;
		border-top: 		1px solid #929191;
		border-left: 		1px solid #929191;
		border-right: 		1px solid #929191;
		border-bottom: 		1px solid #929191;
		padding-left: 		4px;
		padding-top: 		2px;
		padding-bottom: 	0px;
		float: 				left;
		border-collapse:	collapse;
	}

	.reiternavi_zwischenraum 
	{
		background: 		#FFFFFF;
		width: 				4px; 
		height: 			16px;
		border-top: 		1px solid #FFFFFF;
		border-left: 		1px hidden #FFECEC;
		border-right: 		1px hidden #FFECEC;
		border-bottom: 		1px solid #929191;
		padding-left: 		0px;
		padding-top: 		2px;
		padding-bottom: 	0px;
		float: 				left;
		border-collapse:	collapse;
	}
		
	.reiterIMG 
	{
		width: 				100px;
		height: 			18px;
	}
	
	.wrapper_bg 
	{
		width: 				610px;
		min-height: 		400px;
	}
	
	/* Spezial-Klassen */
	.foto_alben_anzeigen_bg  
	{
		background-image:	url("../img/img_bg.jpeg");
		background-position:center bottom;
		background-repeat:	repeat-x;
		border:				1px solid #DADADA;
		min-height:			130px;
		padding:			10px 10px 5px;
	}
	
	/*	Nachrichten */	
	.nachrichten_td_high {background:#ebebeb;}
	.nachrichten_td {}
	.td_nachricht_ungelesen {background: #f1efef;}
	
	.input_nachrichten
	{
		color:				#000000; 
		font-weight:		normal; 
		font-size:			12px; 
		padding: 			3px;
		border: 			1px solid #888888;
	}
	
	#form_friends input
	{
		background-image:none !important;
	}
	
	/* 	Artikel */
	#artikel p
	{
		line-height:		1.4em; 
		text-align:			justify;
	}
	
	#artikel .bildbox
	{
		border: 			1px solid #DDDDDD; 
		padding: 			4px; 
		width: 				275px; 
		margin-right: 		15px; 
		float:				left;
	}
	
	#artikel .bildunter
	{
		background: 		#DDD; 
		margin-top: 		4px; 
		padding: 			4px; 
		text-align:			justify;
	}
	
	#artikel .typ2spalte1
	{
		padding-right: 		7px; 
		margin-right: 		9px; 
		border-right: 		1px solid #DDD; 
		line-height:		1.4em; 	
		text-align:			justify;
	}
	
	#artikel .typ2spalte2
	{
		line-height:		1.4em; 
		text-align:			justify;
	}
	
	#artikel .typ3spalte1
	{
		padding-right: 		12px; 
		margin-right: 		12px; 
		border-right: 		1px solid #DDD; 
		line-height:		1.4em; 
		text-align:			justify;	
	}
	
	#artikel .typ3spalte3
	{
		line-height:		1.4em; 
		text-align:			justify;
	}
	
	.nachrichten_wrapper {
		border-top: 1px solid #CCC; 
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		min-height: 40px;
		width: 680px;
		margin-top: 20px; display:table;	
		background: #EFEFEF;
	}
	
	.nachrichten_footer {
		background-image:url(../img/nachrichten_bottom.gif); background-position:top left; background-repeat:no-repeat; 
		width: 680px; 
		padding-bottom: 15px; 
		padding-left: 45px;
		padding-top: 7px;
	}
	
	.nachrichten_footer_answer {
		background-image:url(../img/nachrichten_bottom_answer.gif); background-position:top right; background-repeat:no-repeat; 
		width: 636px; 
		padding-bottom: 15px;
		padding-left: 45px;
		padding-top: 7px;	
	}
	
	.navi_neu_anzahl {
		font-size: 				10px;
		font-weight:			bold;
	}
	
	.red { color: #FF0000; }
	
	.neuigkeiten {
		-moz-border-radius:		5px 5px 5px 5px;
		background-color:		#FF0000;
		border-color:			-moz-use-text-color #DD3822 #DD3822;
		border-right:			1px solid #DD3822;
		border-style:			none solid solid;
		border-width:			0 1px 1px;
		display:				block;
		padding:				1px 2px 0 1px;
		color:					#FFFFFF;
		position: 				relative; 
		top: 					0px;
		font-size:				9px;
		font-weight:			bold;
		padding-bottom:			1px;
		min-width:				15px;
		text-align: 			center;
	}
	
	.umfeld_head {
		width:					702px;
		border-bottom: 			1px solid #DEDEDE;
		font-weight: 			bold; 
		color: 					#bb1d1f; 
		font-size: 				12px;
		padding:				4px;
		margin: 				0px;
	}
	
	.weiter_erster {
		background:				#59bca3 url(../img/pfeil.jpg) right top no-repeat;
		height:					24px;
		padding:				6px 0px 0px 15px;
		margin-top:				10px;
		color: 					#FFF;
		font-size:				14px;
	}
	
	.weiter_erster_high {
		background:				#018786 url(../img/pfeil4.jpg) right top no-repeat;
		height:					24px;
		padding:				6px 0px 0px 15px;
		margin-top:				10px;
		color: 					#FFF;
		font-size:				14px;
	}
	
	.weiter_erster_nexthigh {
		background:				#59bca3 url(../img/pfeil2.jpg) right top no-repeat;
		height:					24px;
		padding:				6px 0px 0px 15px;
		margin-top:				10px;
		color: 					#FFF;
		font-size:				14px;
	}
	
	.weiter_letzter {
		background:				#59bca3 url(../img/pfeil3.jpg) right top no-repeat;
		height:					24px;
		padding:				6px 0px 0px 15px;
		margin-top:				10px;
		color: 					#FFF;
		font-size:				14px;
	}
	
	.weiter_letzter_high {
		background:				#018786 url(../img/pfeil5.jpg) right top no-repeat;
		height:					24px;
		padding:				6px 0px 0px 15px;
		margin-top:				10px;
		color: 					#FFF;
		font-size:				14px;
	}
	
	.weiter_davor_high {
		background:				#018786 url(../img/pfeil6.jpg) right top no-repeat;
		height:					30px;
		padding:				0px;
		margin-top:				10px;
		color: 					#FFF;
		font-size:				14px;
		width: 					18px;
	}
	
	.weiter_davor {
		background:				#018786 url(../img/pfeil7.jpg) right top no-repeat;
		height:					30px;
		padding:				0px;
		margin-top:				10px;
		color: 					#FFF;
		font-size:				14px;
		width: 					18px;
	}

/* Ende @media:screen */
}