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

/*=================================================

Main - Stylesheet q-dorf.de by Thorsten Sack 


Stand 10/10
=================================================*/


/*Kalibirierung*/
* {padding: 0; margin: 0;}
input[type=hidden]{display: none !important;}

/*	allgemeine Selektoren */
body {
	background:				url(../img/_bg/bg_body.png) repeat-x #000000 bottom;
	margin:					0 auto;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				10px;
	color: 					#FFFFFF;
}

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


.inp_form {
	margin-top:				0px;
	margin-left:			10px;
	padding:				.5em;
	clear:					left;
}
.inp_feld {
	display:				block;
	float:					left;
	width:					100px;
	background:				#1e1e1e;
	border:					1px solid #ccc;
	color:					#fff;
	margin-left:			10px;
}
.inp_label {
	display:				block;
	margin:					0px 0px 5px 10px;
  	float:					left;
	font-size:				11px;
}
.inp_butt {
  	float:					left;
	width:					30px;
	margin-left:			10px;
	background:				#1b1b1b;
	border:					1px solid #ccc;
	color:					#fff;
	font-size:				11px;
}

.form_rtn {
	color:					#0f0;
	font-size:				10px;
	font-weight:			bold;
}

#signupForm label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
}
#newsletter_topics label.error {
	display: none;
	margin-left: 103px;
}


/*  Styles für die Layoutbereiche */
#top {
	position:				fixed;
	z-index:				100;
	top:					0px;
	left: 0px;
	background:				#000 url(/img/_bg/bg_top.jpg);
	height:					26px;
	width:					100%;
}

#top_inhalt {	
	width:					940px;
	margin-top:				4px;
	margin-left:			30px;
}
.user  {
	margin-left:			20px;
	float:					left;
}


.radio {
margin-left:100px;
}

#container {
	position:				relative;
	top:					24px;
	width:					960px;
	margin-top: 			0px;
	margin-right: 			auto;
	margin-bottom: 			10px;
	margin-left: 			auto;
}

#user_login {
	position:				absolute;
	top:					-7px;
	margin-left:			0px;
	height:					47px;
	padding:				0;
	right:					22px;
	width:					406px;
	background:				url(../img/_bg/main/bg_login.png) no-repeat;
} 

.login_fld {
	border: 1px solid 		#bbbbbb;
	background-color:		#DF9E42;
	margin-top:				20px;
	width:					90px;
	height:					13px;
	font-size: 				10px;
	color: 					#ff0000;
}

.login_fld_lbl {
	font-size: 				10px;
	color: 					#eeeeee;
	font-weight:			bold;
	margin-left:10px;
}
.login_inp_but {
	position:relative;
	top:5px;
	width:					29px;
    border:					none;
    cursor:					 pointer;
}

#header {
	position:				relative;
	background:				url(/img/_bg/main/header_oktober.jpg) repeat 0 0;  
	width:					1000px;  
	height:					232px;
}

#content {
	float:					left;
	position:				relative;
	left:					42px;	
	min-height:				600px;
	width:					919px;
	padding:				30px 0 1px 0;
	background-image: 		url(../img/_bg/main/bg_content_schein.jpg);
	clear:					both;
}

#highlights {
	float:					left;
	position: 				relative;
	width:					100%;
	clear:					both;
	margin-left:			10px;
	margin-bottom:			10px;
}

#highlights h2 {
	margin-left:			-33px;
}

.h_but {
	float:					left;
	width:					173px;
	margin-left:			8px;
	margin-top:				10px;
}

.h_but2 {
color:#000;

}

.h_but2:hover {
color:#fff;
}

.h_but h1 {
	background:				url(../img/_bg/teaser/top.png) no-repeat;
	line-height:			20px;
	height:					20px;
	font-size:				12px;
	font-weight:			bold;
	color:					#000;
	text-align:				center;
}

.h_but img {
	background:				#000 url(../img/_bg/teaser/snake.gif) no-repeat scroll center center;
	height:					120px;
	width:					160px;
}

.h_but p {
	width:					160px;
	margin-top:				0px;
	margin-left:			0px;
	background:				#000;
	line-height:			20px;
	height:					20px;
	font-weight:			bold;
	text-align:				center;
	border-bottom:			#222 1px solid;
}

#links {
	float:					left;
	padding:				0;
	margin-top:				10px;
	width:					280px;
}

#links h1 {margin-left:-23px;}
#links p {margin:0px 0px 0px 10px;}

#mitte {
	position:				relative;
	float:					left;
	margin-top:				14px;
	width:					420px;
}

#mitte h1 {margin-left:-5px;}

#rechts {
	float:					right;
	margin:					10px -12px 0px 0px;
	width:					200px;
}

#rechts h1 {
	margin-left:			40px;
	font-size:				12px;
	padding-top:			2px;
}
#rechts .news { margin-left:25px;}
.rechtslink{ 
	float:right;
	font-size: 11px;
	font-weight:bold;
	padding:10px 30px 0px 0px;
	clear:both;
}
	
#footer_in {
	width:					910px;
	clear:					both;
	text-align:				center;
	padding:				20px;
}
#footer_in h1 {
	background:				url(../img/_bg/main/blog_balken.png) no-repeat;
	width:					286px;
	height:					46px;
	font-size:				12px;
	margin-top:				5px;
	margin-left:			-42px;
	padding:				6px 0px 0px 30px;
}

#footer_out {
	clear:					both;
	position:				relative;
	left:					42px;
	width:					919px;
	padding:				0;
	background-image:		url(../img/_bg/main/bg_footer.jpg);
	background-repeat:		no-repeat;
}

#footer_nav {
	background:url(../img/_bg/bg_footer.png) no-repeat;
		min-height:280px;
	margin-left:42px;
	margin-top:6px;
}

.fn1,.fn2,.fn3 {
	float:left;
	margin-left:8px;
	width:145px;
	padding: 40px 0px 0px 15px;
	line-height: 18px;
}
.fn2 {margin-left:0px;}
.fn3 {padding-top: 50px; width:230px;}
.fn3 img {margin-right:10px;}

.fn a {
	color:					#999;
	text-decoration:		none;
	font-size:				11px;
}
.fn a:hover {
	color:					#DF9E41;
	text-decoration:		underline;
	background:				none;
}

.rahmen { border:1px solid #bf7e22;}

#schein_links {
	margin:					0;
	padding:				0;
}

#box_about {
	line-height:			16px;
}

/*Blinker*/
.blinky, .blinky2, .blinky3, .blinky4, .blinky5, .blinky6, .blinky7, .blinky8, .blinky9  {
	position:				absolute;	
	border:					1px;
}
.blinky1 {left:849px; top:43px;}
.blinky2 {left:193px; top:204px;}
.blinky3 {left:54px; top:140px;}
.blinky4 {left:54px; top:145px;}
.blinky5 {left:127px; top:177px;}
.blinky6 {left:241px; top:187px;}
.blinky7 {left:377px; top:187px;}
.blinky8 {left:329px; top:192px;}
.blinky9 {left:289px; top:192px;}
/*Blinker ENDE*/

/*galerie-box*/

.gal_box {
	float:					left;
	margin-left:			12px;
	font-size: 				11px;
	color:					#ffffff;	
	width:					280px;
	height:					auto;
	margin-bottom: 			10px;
	clear:					both;
}

.gal_box img { margin-left: 3px; border: 1px solid black;}
.gal_box img:hover { border: 1px solid white;}
.gal_box a {
	line-height:			25px;
	text-decoration:		none;
	color:					#fff;
}
.gal_box a:hover { color: #DF9E41;}
.gal_txt { margin: 10px;}
.gal_titel {margin:	0 0 0 10px;}


#gal_box_tag {
	width:					410px;
	background:				#1e1e1e;
	height:					auto;
	margin-top:				10px;
	margin-left:			10px;
	border:					1px solid #000;
}

.gal_box_big, .social {
	float:					left;
	width:					410px;
	background:				#1e1e1e;
	height:					auto;
	margin-top:				10px;
	margin-left:			10px;
	border:					1px solid #000;
	clear:					both;
}

.social {min-height: 50px; margin-bottom:15px;}
.social p {	margin:	10px 0px 15px 10px;	padding: 0px;}
.social_box {float:left; margin:0px 0px 10px 10px;}
.gal_box_link {
	margin: 10px;
}

.gal_box_big a{
	line-height:			25px;
	text-decoration:		none;
	color:					#ffffff;
}
.gal_box_big h3{
	float:left;
	width:					400px;
	margin-top:				10px;
	margin-bottom:			10px;
	margin-left:			10px;
	font-size: 				12px;
	line-height:			20px;
	text-decoration:		none;
	color:					#ffffff;
	clear:both;
}

.gal_box_big a:hover{
	line-height:			25px;
	text-decoration:		none;
	color:					#DF9E41;
}

.gal_box_big img {
	margin-left:			12px;
	border:					1px solid black;
}

.gal_box_big img:hover {
	margin-left:			12px;
	border:					1px solid white;
}


#themen_box {
	float:left;
	width:					411px;
	background:				#1e1e1e;
	height:					auto;
	margin-top:				10px;
	margin-left:			5px;
	padding:5px;
	border:					1px solid #000;
	clear:					both;
}
#gal_box_jahr {
	float:					left;
	width:					410px;
	background:				#1e1e1e;
	height:					auto;
	margin-top:				10px;
	margin-left:			10px;
	border:					1px solid #000;
	clear:					both;
}
.gal_jahr_pic {
	margin:					7px;
	border:					1px solid black;
}

.gal_ico{
	width:					110px;
	
}

.galtxt_10ws {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				10px;
	color: 					#fff;
	font-weight:			bold;
}
.galtxt_10sw {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#fff;
	font-weight:			bold;
}

.img_box {
	float:					left;
	margin-top:				10px;
	margin-bottom:			10px;
	margin-right:			22px;
	width:					110px;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				10px;
	font-weight:			bold;
	text-align:				center;
}
	
#img_box_comm {
	width:					32%;
	margin-left:			4px;
	line-height:			14px;
}
/*galerie - PicPopUp*/

#picpopup {
	float:					left;
	color:					#fff;
	height:					auto;
	border:					1px solid black;
}

#pic_head {
	background:				#333;
	height:					40px;
	border-bottom:			1px #555555 solid;
}
#pic_head th {
font-size: 				10px;
}

#pic_cont {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				10px;
	color: 					#fff;
	font-weight:			bold;
}

.picnav, picnav:link, .picnav:visited {
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				10px;
	color: 					#fff;
	font-weight: 			bold;
	text-decoration:		underline;
}

.picnav:hover, .picnav:active {
	color:					#F00;
}

.picpopup_img {
	margin-top:				15px;	
}

.rahmentd {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				10px;
	color:					#DF9E41;
}
.rahmentd_dark {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#DF9E41;
}

.ecard {
	color:					#DF9E41; 
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	text-decoration:		none;
}


/*galerie - PicPopUp ENDE*/


/*BALKEN Für  die Überschriften*/

#balken_gallerie {
	background:				url(../img/_bg/main/pics_balken.png) no-repeat;
	width:					286px;
	height:					48px;
	margin-left:			-35px;
}

#balken_gallerie h1 {
	margin-left:			100px;
	font-size:				12px;
	padding-top:			6px;
}


.balken_blog {
	background:				url(../img/_bg/main/blog_balken.png) no-repeat;
	width:					286px;
	height:					48px;
	margin-left:			-35px;
}

.balken_blog h2 {
	float:right;
	margin-right:40px;
	font-size:				12px;
	padding-top:			6px;
}

#balken_main {
	float:					left;
	background:				url(../img/_bg/main/balken_highlights.png) no-repeat;
	width:					444px;
	height:					36px;
	clear:					both;
}

#balken_forum {
	float:					left;
	background:				url(../img/_bg/main/forum_balken.png) no-repeat;
	width:					624px;
	height:					36px;
	clear:					both;
}
#balken_forum h1 {
	margin-left:			5px;
	font-size:				12px;
	padding-top:			3px;
}

#balken_main h1 {
	margin-left:			10px;
	font-size:				12px;
	padding-top:			2px;
}

#about {
	position:relative;
	background:				url(../img/_bg/main/balken_highlights.png) no-repeat;
	width:					444px;
	height:					36px;
	clear:both;
	margin-top:350px;
	}

#about h1 {
	margin-left:			10px;
	font-size:				12px;
	padding-top:			2px;
}

#balken_community {
	background-image:		url(../img/_bg/main/community_balken.png);
	background-repeat:		no-repeat;
	width:					206px;
	height:					52px;
	float:					right;
	margin-right:			-11px;
}

#balken_community h1 {
	margin-left:			40px;
	font-size:				12px;
	padding-top:			6px;
}
#balken_standard {
	background-image:		url(../img/_bg/main/balken_rechts_standard.png);
	background-repeat:		no-repeat;
	width:					206px;
	height:					52px;
	float:					right;
	margin-right:			-11px;
}

#balken_standard h1 {
	margin-left:			40px;
	font-size:				12px;
	padding-top:			6px;
}

.balken_coming_up {
	background-image:		url(../img/_bg/main/balken_rechts_standard.png);
	background-repeat:		no-repeat;
	width:					206px;
	height:					52px;
	float:					right;
	margin-right:			-11px;
}

.balken_coming_up h2 {
	margin-left:			40px;
	font-size:				12px;
	padding-top:			6px;
}

.balken_partner {
	background-image:		url(../img/_bg/main/balken_rechts_standard.png);
	background-repeat:		no-repeat;
	width:					206px;
	height:					52px;
	float:					right;
	margin-right:			-11px;
	margin-top:				10px;
}
.balken_partner h1 {	margin-top:4px;}

#balken_newsletter {
	background-image:		url(../img/_bg/main/newsletter_balken.png);
	background-repeat:		no-repeat;
	width:					206px;
	height:					52px;
	float:					right;
	margin-right:			-11px;
}

#balken_newsletter h1 {
	margin-top:				4px;
}

/*BALKEN Für  die Überschriften ENDE*/

#slider {
	position: absolute; 
	width:					420px;
    height:					315px;	
	top:					30px;
	left:					0px;
  	margin-top:				10px;
    margin-left:			3px;
    border:					2px solid #555; 
  }

#banner {
	position:				absolute;
	right:					-140px;
	border:					3px solid #181818;
	top:					235px;
}

/*	Naviunterpunkte | Formatierung */

#inhalt_content {
	float:					left;
	width:					420px;
	background-color:		#1E1E1E;
	border:					1px solid black;
	margin-left:			5px;
	vertical-align:			top;
}

#inhalt_content p {padding: 5px;}

#inhalt_content a {
	text-decoration:		none;
	color:					#FFFFFF;
}

#inhalt_content a:hover {
	text-decoration:		underline;
}

/*	Naviunterpunkte | Formatierung ENDE */


/*	Eintrittspreise | Formatierung */

#box_preise {
	float:					left;
	margin:					10px 0 3px 08px;
}


#box_preise img {
	border:					1px solid black;
}

#box_preise img:hover {
	border:					1px solid #fff;
}

/*	Eintrittspreise | Formatierung  ENDE*/


/*		USER		*/

#user_box, #search_box {
	float:					left;
	width:					420px;
	height:					auto;
	background:				#1E1E1E;
	border:					1px solid #000000;
	margin:					4px;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	line-height:			14px;
	clear:both;
}

#user_box p, #search_box p {
	margin:					10px;
}

#user_box ul, #search_box ul {
	margin-top: 20px;
	padding-left:5px;
	list-style-type:none;
}

#search_box li {
	width: 					400px;
	height:					100px;
	float:					left;
	background-color:		#1a1a1a;
	margin:5px;
}

#user_box li {
	width: 					115px;
	height:					110px;
	float:					left;
	margin:					6px;
	text-align:				center;
	border: 				1px solid #000;
}

#user_box img { margin:	10px 0 0 0;}

#user_box h4 {
background-image:url(../img/_bg/teaser/top.png);
	background-repeat:		no-repeat;
	font-size:				10px;
	color:					#000;
	border-bottom:			1px solid #333;
	
}

#user_box label { margin: 5px;}

#user_prof td {
	background-color:		#1c1c1c;
	padding:7px;
}

#user_prof a:link, #user_prof a:active  {color:	#fff;padding: 2px;}

#user_prof a:hover {color: #f00; padding: 2px;}

#user_prof input {
	background-color:		#ddd;
	padding:3px;
	margin: 3px;
	border: #333 1px solid;
}

#user_prof textarea {
	background-color:		#ddd;
	padding:3px;
	margin: 3px;
	border: #333 1px solid;
}

#user_prof inputHighlighted{  /* Highlighting style */
  background-color:#fff;
  color:#13712b;
	padding:3px;
	margin: 3px;
 border: #666 1px solid;
}

#user_prof th {
	background:#de812e;
	border: #333 1px solid;
	font-size:12px;	
	font-weight:bold;
	text-transform:	uppercase;
	padding: 5px;
}

.user_head {
	color:				#000000;
}
.user_form_label {
	padding: 			3px 10px;
}



#info_box {
	position: 			absolute;
	filter:     		Alpha(opacity=100);
    opacity:    		1;
    moz-opacity:    	1;
	background-color:	#fff;
	border: 			#333 2px solid;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			10px;
	font-weight: 		bold;
	color:				#13712b;
	top: 				150px;
	left: 				120px;
	margin:auto;
	z-index: 			100;
	width:				200px;
	min-height: 		100px;
}

#info_box_overlay {
	position: 			fixed;
	top: 				0;
	left: 				0;
	width: 				100%;
	height: 			100%;
	filter:     		Alpha(opacity=50);
    opacity:   			0.5;
    moz-opacity:    	0.5;
	background-color: 	#666;
	z-index: 			30;
}

#community_box {
	float:				left;
	margin-top:			5px;
	border:none;
	margin-left:		23px;
	width:				75px;
	margin-bottom:		20px;
	font-size:			10px;
	text-align:			center;
}
#video {margin:5px 0 0 0;}

#stars_box {
	width:				410px;
	position:			relative;
	margin-top:			5px;
	padding:			5px 5px 5px 0px;
	border:				1px solid black;
}

#stars_box_top {
width:405px;
padding:5px 5px 5px 5px;
margin-left:-5px;
background-color:#333333;
border:1px solid black;
margin:auto;
}

#stars_box_left { position:relative; background-color:#000; padding:2px 5px 2px 5px;}
#stars_box_right {background-color:#333333;position:relative;}

/*
	*** Formular Styles 
*/

.formular {
	float: 					left;
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				10px;
	color:					#FFF;
	width:					420px;
	height:					auto;
	background:				#1E1E1E;
	border:					1px solid #000000;
	margin:					4px;
	color: 					#fff;
	font-weight: 			bold;
	line-height:			14px;
	clear:both;
}

.formular p, h3 {line-height:15px; margin:10px;}
.formular h3 {font-size:14px}

.formular input, select, textarea{
	float:left;
	width:auto;
	margin-left: 10px;
	padding: 3px;
	border:#FFF 1px solid;
	display:block;
	background-color:#777;
	cursor:pointer;
}

.formular label {
	float:left;
	margin: 10px;
	display:block;	
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

.formular br { clear:left;}

.hidden {display:none;}

.rot_12_b {
	font-size: 12px;
	color: #f00;
	font-weight: bold;
}
.gruen_12_b {
	font-size: 12px;
	color: #1e6f02;
	font-weight: bold;
}

.orange_12_b {
	font-size: 12px;
	color: #DF9E41;
	font-weight: bold;
}

.orange_14_b {
	font-size: 14px;
	color: #DF9E41;
	font-weight: bold;
}

.ws_12_b {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}

.ws_12_t {
	font-size: 12px;
	color: #fff;
	line-height:16px;
}

.orange_10_b {
	font-size: 9px;
	color: #DF9E41;
}

.bgws {
	background-color:#ccc;
	border:1px solid #333;
	color:#000;
	margin:5px;
	padding:10px;
}

.footer_in_inc ul li {float:left;margin-left:20px;list-style:none;}

.popup {width:500px;height:470px;background-image:url(http://www.q-dorf.de/img/popup_background.gif);}

/* FORUM-Styles */

.forum {
	float: 					left;
	width:					610px;
	height:					auto;
	background:				#1E1E1E;
	border:					1px solid #000000;
	color: 					#fff;
	font-weight: 			bold;
	line-height:			16px;
	clear:					both;
}
.forum th, .f_tb {
	padding:				10px;
	font-size:				14px;
	line-height:			16px;
	background:				#444;
	text-align:center;
}

.forum_tbl_head, .forum_board_short {width:100%;padding-bottom: 2px;}
.forum_tbl_head td {background-color:#444;text-align:center;}
.forum_tbl_footer {width:100%;}
.forum_board_short td{background-color:#333;padding:3px;text-align:center;}
.frm_title, .thr_title {font-size:12px;padding:5px;text-align:left;}
.thr_title {background-color:#444;}
.thr_left, .thr_right, .thr_foot{background-color:#333;vertical-align:top;padding:5px;}
.thr_foot {text-align:center;}
.hot_thr {text-align:left;padding:2px;color:#ddd;}


/* big form */


.big fieldset {
	padding:10px;
	margin:	20px;
}

.big h2 {
	margin-left: 20px;
	color: #f00;
	font-size: 16px;
	font-weight: bold;
}
.big p {
	font-size:14px;
}

.big label {
	display:	block;
	float:		left;
	width:		10em;
	margin:		10px 0 0 20px;
	cursor:		pointer;
}
.big legend {
	font-size: 16px;
	margin:10px;
	padding:10px;
}
.big input, .big select {
	font-size: 16px;
	color: #eee;
	background-color:#000;
	border: 1px solid #666;
	margin:	10px;
}

.err {
	font-size:14px;
	background-color:#f00;
	border: 1px solid #fff;
}