@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
}
html,body,form{
	margin:0;
	padding:0;		
}
html,body{
	width:100%;
	height:100%;
}
img{border:none;}
a {
	color: #984444;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #000;
}
hr{
	border: 0px solid #999;
	background-color:#999;
	height:1px;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10px;
}
.clear{ clear:both;}
.font_xsmall{ font-size:9px; font-family:Verdana, Geneva, sans-serif;}
.font_small{ font-size:10px; font-family:Verdana, Geneva, sans-serif;}
#player{display:block;width:320px;height:240px;margin:auto;}
#header,#footer{
	width:100%;
	background-color:#71A31E;
	color: #f4f4f4;
	min-width:800px;
}
#header   {
	/*background-color:#984444;*/
}
#header a,#footer a{
	color:#ccc; 
}
#header a:hover,#footer a:hover{
	color:#fff; 
}
#header h1{
	color:#fff;
	text-transform: uppercase;
}
#header #logo{
	float:left;
	margin-left:5px;
	margin:25px;
}
#header #logo a{
	text-decoration:none;
	display:block;
	font-size:26px;
	font-weight:bold;
	color:#fff;
	border:1px dashed #EFFFCF;
	padding: 5px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#header #logo a:hover{
	background-color:#FFF;
	color:#666;
	border:1px dashed #666;
}

#header #userbox{
	float:right;
	color:#FFF;
	margin-top:6px;
	font-size:14px;
	margin-right:20px;
	text-align:right;
}
a#logoutlink img,a#webprevlink img{
	margin: 0 5px -3px;
}
a#logoutlink{
	/*background: #600;*/
	color: #fff;
	border: 1px dashed #fff;
	display:inline-block;
	padding:5px 10px;
	margin-right:10px;
	text-decoration:none;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
a#webprevlink{
	color: #fff;
	border: 1px dashed #464646;
	margin:1px;
	display:inline-block;
	padding:5px 10px;
	text-decoration:none;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
a#logoutlink:hover,a#webprevlink:hover{
	background:#CCC;
	border-color:#333;
	color:#333;
	border-style:solid;
}

#menuebar{
	width:99.9%;
	background: #F9F9F9;
	border:1px solid #CCC;
	margin: auto;
	min-width:900px;
}
#menuebar ul{
	padding:0;
	margin:0;
	margin-left:160px;
	list-style:none;
}
#menuebar li{
	float: left;
	margin-right:5px;
	margin-top:10px;
}
#menuebar a{
		display:block;
		text-decoration:none;
		background-color:#efefef;
		color: #999;
		line-height:30px;
		padding: 0 20px;
		font-size:15px;
		font-family:Tahoma, Geneva, sans-serif;
		border:#999 1px solid;
		border-bottom:none;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		margin-top:10px;
}
#menuebar a:hover{
	background: #CCC;
	color:#333;
	line-height:35px;
	margin-top: 5px;
}
#menuebar a#activemenue{
	line-height:35px;
	background-color: #D7D7D7;
	color:#984444;
	margin-top: 5px;
}
#submenue{
	width:160px;
	padding-top:10px;
	padding-bottom:40px;
	float:left;
}
#submenue ul{
	padding:0px;
	margin: 0px;
	list-style:none;
	float:left;	
}
#submenue a{
	width:155px;
	background-color:#666;
	color:#fff;
	text-decoration:none;
	display:block;
	border-bottom: 1px dotted #ccc;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	margin-top:3px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
}
#submenue a#activesubmenue{
	background-color:#000;
	border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
}
#submenue a#activesubmenue2{
	background-color: #EAFFEA;
	color:#666;
}
#submenue a.submenue2{
	font-size:11px;
	width:140px;
	background-color: #999;
	color:#fff;
	padding-left:20px;
	margin-top:0px;
	border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
}
#submenue a:hover{
	background-color:#ccc;
}
#submenue a.submenue2:hover{
	color:#666;
}
#content_login{
	width:100%;
	background: #F9F9F9;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin: auto;
}
#content{ 	min-width:988px;	}
div#content_frame{float:left; padding:15px; width:798px;}
#footer{
	margin: auto; 
	font-size:10px;
	line-height:400%;
}
#footer div{
	margin-left:10px;
	margin-right:10px;
	text-align:right;
}
/* CONTENT UND UNTERSEITEN */
.tableheader,.tablecontent{
	line-height:180%;
	background-color: #F8F8F8;
	border-bottom: 1px dotted #999;
	font-size:14px;
	padding-left:5px;
	width: 794px;
	margin-top:2px;
}
.tableheader{
	font-size:16px;
	background-color:#666;
	color:#FFF;
	margin-top:5px;
	border-top: 1px dotted #999;
	border-bottom:none;
	font-weight:bold;
}
.tcdeaktiviert{
	color:#999;
	background-color: #FFD9D9;
}
.tcnotconfirmed{
	background-color: #c6cef3;
}
.tcwithshop{
	background-color: #c8f3c6;
}
.tcdeaktiviert .tchinweis{
	color: #F00;
	font-size:10px;
}
.tcnotconfirmed .tchinweis{
	color: #00F;
	font-size:10px;
}
.tcwithshop .tchinweis{
	color: #390;
	font-size:10px;
}
.tablecontent:hover{
	color:#333;
	background-color: #FFEBD7;
}
.input{
	width: 300px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#006;
}
.button_add{
		color: #063;
		border: 2px solid #063;
		background-color:#D7FFD7;
		background-image: url(img/icons/application_add.png);
		background-repeat:no-repeat;
		background-position: 10px 7px;
		padding: 5px;
		padding-left:30px;
		cursor:pointer;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}
.button_add:hover{
	background-color: #CCC;
	color:#999;
}
#registerdialog{
	display:none;
}
#registerdialog label,#registerdialog input ,#kontakt label{ display:block; font-weight:bold; }
#registerdialog input.text ,#kontakt input.text,#kontakt textarea.text{ margin-bottom:12px; width:95%; padding: .4em; }
#registerdialog fieldset { padding:0; border:0; margin-top:25px; }
#kontakt button{ 
	float:right;
	font-size:16px;
	padding:5px 15px;
	font-weight:bold;
}
#kontakt textarea{
	height:120px;
}
#kontakt{
		display:none;
}
#impressum{
		display:none;
}
#secondcontactform{
	background:#efefef; border: 1px dashed #CCC; padding:40px;
}
#secondcontactform label{
	padding:5px;
	font-size:16px;
	display:block;
}
#secondcontactform .input{
	padding:5px;
	font-size:16px;
	width: 700px;
}
.inputform{
	background-color: #efefef;
	border: 1px dashed #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:20px;
	width:512px;
}
.formframe{
	background-color:#efefef;
	border: 1px dashed #999;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:5px;
	width:800px;
}
.inputform label,.formframe label{
	display:block;
	font-size:16px;
	line-height:150%;
}
.formframe label{
	display:inline-block;
}
.inputform .input,.formframe .input{
	padding:5px;
	font-size:14px;
	width:500px;
	margin-bottom:10px;
}
.formframe .input{
	margin-bottom:0px;
}
.inputform .inputselect,.formframe .inputselect,#form_list .inputselect{
	padding:5px;
	font-size:14px;
}
#.inputform button,.formframe button{
	display:block;
	margin-top:20px;
	font-size:16px;
	padding:5px 15px;
	margin-left:340px;
	cursor:pointer;
}
.lang_ok{ background:#ECFFEC;}
.lang_notok{ background:#FFDFDF;}
/* --- */
/* root element for tabs  */
.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #999;	
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
	background: url(/img/tabs.png) no-repeat -652px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1 			{ background-position: -519px 0; width:134px; }
.tabs .w1:hover 	{ background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }

/* width 2 */
.tabs .w2 			{ background-position: -366px -0px; width:154px; }
.tabs .w2:hover 	{ background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }


/* width 3 */
.tabs .w3 			{ background-position: -193px -0px; width:174px; }
.tabs .w3:hover 	{ background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w4 			{ background-position: -0px -0px; width:194px; }
.tabs .w4:hover 	{ background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
.panes div {
	background-color:#FFFFFF;
	border-color:-moz-use-text-color #999999 #999999;
	border-right:1px solid #999999;
	border-style:none solid solid;
	border-width:0 1px 1px;
	font-size:14px;
	padding:15px 10px;
}
.ui-autocomplete-loading { background: white url('img/ui-anim_basic_16x16.gif') right center no-repeat; }