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

/*=================================================
Main - Stylesheet q-dorf.de by Thorsten Sack 
Stand 12/10
=================================================*/

/*Kalibirierung*/

*{margin: 0;padding: 0;}
html, body { height:100%; width:100%; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; background:url(/img/bg/bg_1680.jpg) no-repeat scroll center top #000;}

img a {border: none;} 

a {text-decoration: none; color:#ccc;}
a:hover {text-decoration: underline; color:#666;}
ul {list-style-type:none;}

#wrapper { position:absolute; top:0; left:0; z-index:70; overflow:auto; width:100%; height:100%; }
#page { position:relative; top:0px; width: 960px; margin: 5px auto 30px auto; background-color: #000; border: 1px solid #bbb;}

#top {position: relative;margin-top:30px;font-size:11px; width:960px; height:300px; display:block;}
.top_nav {position:relative; float:left; width:100%; border-bottom: 1px dotted #111; background:url(/img/bg/bg_top.jpg) repeat-x; line-height:22px; font-size:11px}
.top_nav li {float:left; padding:5px;}
.top_nav ul {margin-left: 20px;}
.top_nav img { margin: 3px 5px 0 0}
#logo_box { position:relative; float:left; width:280px; margin-left:10px; margin-top:10px; padding:10px;}

.idx_pic {margin-top:10px;}

/*LOGIN-BOXES*/
#user_login { position: absolute; top:3px; float:right; right:10px; margin-left: 0; padding:0;} 
.login_fld { border: 1px solid #aaa; background-color:#222; height:18px; width:70px; color:#bbb; margin-top:2px;}
.login_fld_lbl {margin-left:10px;}
.login_inp_but {position:relative; top:7px; width:29px; border:none; cursor: pointer;}

.boxbg {border: 1px solid #333; background-color:#111;}

#CoverFlowFXDiv{ position:relative; width:600px; height:300px; z-index:10; float:right; margin-right:10px;}
#menu { clear:both;position:relative; width:100%; height:30px;}
#left { position:relative; width:280px; float:left; }
#main {	position:relative; width:660px; float:right; text-align:left; margin-right:10px;}
.extra { position:relative; width:640px; float:right; text-align:left; margin: 0 10px 10px 0; padding:10px;}
#footer {width:938px; min-height:280px;margin-left:10px; margin-bottom:10px; font-size:11px; clear:both;}
.fn1,.fn2,.fn3 {margin-left:8px;width:160px;padding: 40px 0px 0px 15px;	line-height: 18px; float:left;}

/*linke box */

.lbox {margin:20px 0 10px 10px; width:265px; height:auto; border:1px solid #333; background-color:#111;}
.lbox h1, .rbox h1{font-size: 16px; margin:5px 0 10px 10px; border-bottom: 1px dashed #333; padding-bottom:5px; width:90%;}
.lbox img {margin-left: 10px; border: 1px solid #333;}
.lbox_vid_txt {margin:10px;} 
.lbox img:hover {border: 1px solid white;}
.lbox a, .fb_lbox a {line-height:30px; text-decoration:none; color:#ccc;}
.lbox a:hover {color: #DF9E41;}
.ltxt { margin:10px;}
.ltitel {margin:0 0 0 10px;}
.fb_lbox {margin:20px 0 10px 10px; width:265px; height:auto; border:1px solid #333; background-color:#eee;}
.fb_lbox h1 {font-size: 16px; margin:5px 0 10px 10px; border-bottom: 1px dashed #333; padding-bottom:5px; color: #3b5998;}

/*rechte hauptbox */
.rbox {margin:20px 0 10px 0;border:1px solid #333;background-color:#111;}
.rbox h2 {margin: 10px;font-size:12px; font-weight:normal;}
.rbox h3 {margin-top:0px;font-size:14px;}
.rbox h4 {margin-top:5px;font-size:12px;}
.rbox p {padding:10px; line-height:14px;}

/*rechte box - formularstyles*/

.rbox input * {padding: 10px; margin: 10px;}
.rbox input label {float:left; width:75px; background-color:#222;}
.rbox select { background-color:#222; padding:1px; margin:10px; color:#eee;}
.rbox button {background-color:111;}
.rbox ul {list-style-type:none;line-height:30px; clear:both; margin:10px;}
.rbox li {float:left;}
.rbox_video{float:left; width:190px; margin:7px;}

.loading_icon {background:url(/img/ico/loader.gif) no-repeat 1px;height:30px;width:30px;display:none;}
.done {z-index:100; border:2px solid #00FF00; color:#fff;padding:20px;font-size:12px;width:250px; margin:10px;display:none;}

/*newsboxen */
.news_box{ position:relative; float:left; width:194px;	margin-left:10px; margin-bottom:20px; border-right: 1px dotted #444; border-bottom:1px dotted #444; background-color:#222; padding:5px;}
.news_box h4 {margin: 0; height:30px;}
.news_box h3 {display:block; width:180px; height:20px; margin: 0 0 0 5px;}
.news_box ul {list-style-type:none; clear:both; margin-left:0px; margin-top:5px;}
.news_box li {float:left; line-height:0px;}
.news_box_entry {line-height:20px;font-size:10px; margin-left:-5px; color: #eee;}
.news_box p {padding:5px;}

.clearfix {clear:both;}
.news_img {	width: 186px;height: 140px;border: 1px solid #333;}
.news_date {color: #111;font-size:14px; font-weight:bold; width:70px;}
.news_txt { width:186px; position:relative; background-color:#eee; color:#111; min-height:200px; font-size:10px; margin:0px; border: 1px solid #222;}
.more { position:absolute; margin-left:5px; bottom:5px;}
.more a {color:#111; text-decoration:underline; }
.ico_bar {margin-top:5px; width:100%}
.small {line-height:20px;font-size:10px;}
.img_ico {width:24px;height:24px;border:0px; margin-right:10px;}

.extra li{float:left; }
.extra h4{clear:both; padding:10px;}
/*Detailansichten*/

.party_box { margin:5px;}
.party_box h2 { margin:10px; font-size:14px;}
.party_box h3 { margin:10px 10px 10px 10px; font-size:12px;}
.party_box h4 { margin: 10px 0 5px 10px; font-size:11px; color:#aaa; font-weight:bold;}
.party_box p {float:left; width:350px;}
.patty_box img {float:right; margin-right:20px; border:1px solid #999;}


.content_box {width: 99%;}
.content_box img {float:left; margin:10px;}
.content_box li{ list-style-type:none;float:left; margin:0 0 10px 10px;}

.social { position:relative; width:200px; height:40px; float:right;}
.social p {margin:10px 0px 15px 10px; padding: 0px;}
.social_box {float:left; margin:10px 0 10px 10px;}

/*		USER		*/
.user_box {	width: 99%; margin:10px;}
.user_box ul{margin-top: 20px;list-style-type:none;}
.user_box li {width:110px;height:110px;	float:left;text-align:center;border:1px dotted #333; margin:5px;}
.user_box img { margin:	5px 0 0 0;}


/*NEW GALERY STYLES */

/*box für die galerieübersicht*/
.galerie_box {position:relative;width:640px;height:auto;background-color:#222;margin:10px;}
.galerie_box h2 {margin-top: 10px; padding-top:10px; font-weight:bold; font-size:12px;}
.galerie_box ul {margin: 5px 0 5px 5px; }
.galerie_box li {float:left; margin:4px; list-style-type:none;}
.galerie_box img {border: 1px solid #333;}
.galerie_box img:hover { border: 1px solid #fff;}
.galerie_box p { line-height:12px; font-size:10px; margin:0px; padding:0px; text-align:center;}
.gal_comm_box {width:80%; margin-left:50px; margin-top:30px;}

.pic_box {position:relative;width:640px;height:auto;background-color:#222;margin:10px;}
.pic_head {height:60px; font-size:10px; text-decoration:none; text-align:center;}
.pic_head ul {width:100%}
.pic_head li {width:18%; border-right:1px dotted #777; float:left;}
.pic_head img {width:32px; height:32px; border:0px;}
.pic_head a:hover {border:none; text-decoration:none;!important}

.pic_footer {position:relative; width:100%; font-size:11px;}
.pic_lnk {position:relative; width:315px; float:right;}
.pic_lnk ul {margin:0px; padding:0px;}
#rating {position:relative;width:200px;z-index:1; margin-left:60px; float:left;}

.gal_pic img {width:533px; height:400px; background:#111 url(/img/ico/loader.gif) no-repeat center; border:1px solid #333;margin:10px 0 10px 50px;} 

/*image-box (p)*/
.imgbox {list-style-type:none;float: left; margin-left: 1px;}

/*User-Bereiche*/
.formular {float:left; border:1px dotted #222;margin: 10px;line-height:	14px; clear:both;}
.formular p {line-height:13px; margin:3px;}
.formular input, select, textarea{width:auto;margin-left: 10px;padding: 3px;border:#FFF 1px solid;display:block;background-color:#777;cursor:pointer;}
.formular label { margin: 0 0 5px 10px; display:block;font-size:14px;}
.formular br { clear:left;}
.hidden {display:none;}
.rot_12_b {color: #f00;font-weight: bold;}
.gruen_12_b {color: #1e6f02;font-weight: bold;}

/*stars*/
.stars {background-color:#1e1e1e; width:140px;float:left;}
.stars h3 { font-size:12px; margin:10px 0 0 10px;}
.stars img {width:115px; height:115px;}
.starspic {width:200px;}

/* FORUM-Styles */

.forum {
	float: 					left;
	width:					640px;
	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;}


/*
	*** Formular Styles 
*/

.formular {
	float: 					left;
	font-family:			Verdana, Geneva, sans-serif;
	font-size:				10px;
	color:					#FFF;
	width:					600px;
	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 {
	width:150px;
	margin: 10px;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

.formular br { clear:left;}


/*Navigation*/
.mn_left{width:24px;height:30px;background-image:url(/img/bg/bt_left.jpg);}
.mn_right{width:25px;height:30px;background-image:url(/img/bg/bt_right.jpg);}
.navibt{background-image:url(/img/bg/bt.jpg);}
.navibt:hover{background-image:url(/img/bg/bto.jpg);}

ul.cssmenu { position: relative; display: block; margin: 0px; padding: 0px; z-index:100;}
ul.cssmenu ul { position: relative; display: none; }
ul.cssmenu li { position: relative; display: inline; float: left; border-right:1px solid #444; border-bottom: 1px solid #333; }

/* Menupunkt stylen */
ul.cssmenu li a { font-size: 14px;line-height: 30px;text-decoration: none;text-align: center;color:#ccc;display: block;width: 100px;height: 30px;}
ul.cssmenu li:hover > a { color: #999; background:#333; background-image:url(/img/bg/bto.jpg);}
/* Untermenüpunkt einblenden */
ul.cssmenu li:hover > ul { position: absolute; top: 30px; display: inline;}
/* Farben der einzelnen Ebenen (werden vererbt)*/
ul.cssmenu a { color: #000000; background-color: #e4e4e4;}
ul.cssmenu ul a { background-color: #000; font-size:11px; text-align:left; padding-left:10px; width:90px;} 
/* zusätzliche Styleangaben für IE 6 */
/* das Menü wird dort untereinander dargestellt */
ul.cssmenu { _text-indent: 10px;}
ul.cssmenu ul { _display: inline; _margin-left: 0px; _text-indent: 20px;}
ul.cssmenu ul ul {_text-indent: 30px;}
ul.cssmenu ul ul ul { _text-indent: 40px;}
ul.cssmenu li { _float: none;}
/* Menupunkt stylen */
ul.cssmenu li a { _text-align: left; _width: 150px;}
ul.cssmenu a:hover { _font-weight: bold; _background-color: #f00;}

/*Sliderbox*/
.easy_slides_container{overflow:hidden;position:relative}
.easy_slides_img1,.easy_slides_img2{display:none;top:0;position:absolute}
.easy_slides_img1{z-index:2}
.easy_slides_img2 {z-index:1}
.easy_slides_caption{position:absolute;bottom:0;background-image:url(../img/bg.png);background-color:transparent;display:none;z-index:3;color:#fff;font-family:sans-serif;font-size:16px}

/*FB*/
.fbConnectWidgetTopmost{border:0px;	background: #666666;color: #ccc;}

#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;
}