@charset "utf-8";

*{
	padding:0;
	border:0;
	margin:0;
}

html,body{
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color:#624536;
	font-size:11px;
	background:#000000 url(../images/background.jpg) right top no-repeat;
}
#container{
	width:998px;
	margin:auto;
	text-align:left;
	padding:20px 0 20px 0;
	height:101%;
}
a{
	color:#696969;
	outline: none;
}
a:focus {
	border:0;
}
a:active{
  outline: none;
  text-decoration:expression(hideFocus='true'); 
}
:focus{
  -moz-outline-style: none;
}
a { 
	outline:expression(hideFocus='true'); 
	outline:0;
}
input[type=image]:focus {
	border:0;
}
input[type=image]:active{
  outline: none;
  text-decoration:expression(hideFocus='true'); 
}

#head{
	background:transparent url(../images/top_background.png) no-repeat;
	height:72px;
}
#headRight{
	float:right;
	padding:44px 30px 0 0;
}
#headRight a{
	color:#626262;
	font-size:13px;
	text-decoration:none;
}
#headLogo{
	padding:22px 0 0 40px;
}
#content{
	background:transparent url(../images/content_background.png) repeat-y;
	padding:0 8px 0 8px;
}
#footer{
	background:transparent url(../images/footer_background.png) no-repeat;	
	text-align:center;
	padding-top:60px;
	color:#bdbbbb;	
}
#footer a{
	color:#bdbbbb;	
	text-decoration:none;
}
#google_translate_element{
	float:right;
	text-align:right;
}
#google_translate_element select{
	border:1px solid #999;
	font-size:11px;
}
#contentTop{
	background:transparent url(../images/top_background.jpg) repeat-x;
	height:101px;
	color:#FFF;
}
#contentMainStart{
	height:374px;
	background:transparent url(../images/start_background.jpg) no-repeat;
	position:relative;
}
#contentMainLogin{
	height:374px;
	background:transparent url(../images/login_background.jpg) no-repeat;
	position:relative;
}
#contentMain{
	position:relative;
}

#contentMainRight{
	float:right;
	width:740px;
}

#contentTopBox1Intern{
	width:280px;
	float:left;
	border-right:1px solid #FFF;
	margin:10px 0 10px 33px;
}

#contentTopBox2Intern{
	width:420px;
	float:left;
	/*border-right:1px solid #FFF;
	margin:10px 0 10px 60px;*/
}

#contentTopBox3Intern{
	width:200px;
	float:left;
	margin:10px 0 10px 60px;
}
#contentTopBox1{
	width:220px;
	float:left;
	border-right:1px solid #FFF;
	margin:10px 0 10px 33px;
}
* html #contentTopBox1{
	width:180px;	
}

#contentTopBox1Intern .contentTopBoxText,
#contentTopBox1 .contentTopBoxText{
	font-size:13px;
	font-weight:bold;
	line-height:18px;
}
#contentTopBox3{
	width:220px;
	float:left;
	border-left:1px solid #FFF;
	padding-left:20px;
	margin:10px 0px 10px 40px;
}
#contentTopBox2{
	width:420px;
	float:left;
	margin:0px 0 10px 20px;
	text-align:right;
}
#news {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.contentTopBoxHeadline{
	font-weight:bold;
	width:215px;
	margin-bottom:6px;
	padding-top:6px;
}
.contentTopBoxText{
	width:215px;
	padding-bottom:2px;
}
#pricebox{
	position:absolute;
	right:35px;
	top:300px;
	z-index:10;	
}
#priceboxMain{
	background:transparent url(../images/pricebox_background.png) repeat-y;
	padding:10px 20px 10px 20px;
}
#priceboxSelect{
	margin-bottom:4px;
}
#priceboxSelect select{
	font-size:11px;
	border:1px solid #AAA;
	padding:2px;
	width:210px;
}
#priceboxMain table{
	width:210px;
	border:10px solid #e6e6e6;
	background-color:#e6e6e6;
}
#priceboxMain table td{
	border-bottom:1px solid #FFF;
	padding:6px 0 6px 0;
}
#priceboxInfo{
	text-align:right;
	font-size:10px;
	margin:4px 0 4px 0;
	color:#EEE;
}
#priceboxButton{
	text-align:right;
}

ul#menu {
	border:0 none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	z-index:10;	
}
ul#menu li{
	float:left;
	margin-right:8px;
	padding-right:8px;
	border-right:1px solid #AAA;
	margin-bottom:6px;
}
ul#menu li a{
	line-height:20px;
}
ul#menu li:last-child{
	border-right:0;		
}
ul#menu ul{
	position:absolute;		
	border-bottom:1px solid #AAA;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-top:10px;
	background-color:#FFF;
	margin:-2px 0 0 -10px;
	z-index:10;	
}
ul#menu ul input{
	border:1px solid #AAA;
	padding:2px;
	font-size:11px;
	width:100px;
}
ul#menu ul input.inputSubmit{
	width:auto;
	border:0px;
	margin:-2px 0 0 4px;
}
*+html ul#menu ul input.inputSubmit{
	margin-top:0px;
}
ul#menu ul li{
	float:none;
	border-right:0;
	padding:6px 10px 6px 10px;
	margin:0;	
}
ul#menu ul li:hover{
	background-color:#EEE;
}
ul#menuLogin{
	width:420px;
	left:37px;
}
#map{
	margin:30px 30px 30px 35px;
}
.headline{
	font-weight:bold;
	font-size:20px;
	margin:20px 30px 0px 35px;
	color:#626262;
}
#contentMainRight .headline{
	margin-left:0px;
}
.subheadline{
	font-weight:bold;
	font-size:14px;
	padding-top:10px;
	margin-bottom:6px;
}
.contentText{
	margin:10px 30px 0px 35px;
}

/* Anmelde - Formular */
.contentMainForm {
	padding-top:20px;
	margin:0px 30px 0px 35px;
	width:620px;
}
#contentMainRight  .contentMainForm {
	margin-left:0px;
}
.contentMainFormRight{
	float:right;
	width:300px;
}
.inputText,.inputSelect,.inputTextarea,#formQPAY select,#formQPAY input{
	width:180px;
	border:1px solid #AAA;
	font-size:11px;
	padding:2px;
}
.inputTextError,.inputSelectError,.inputTextareaError{
	width:180px;
	border:1px solid #AAA;
	font-size:11px;
	padding:2px;
	background-color:#ffd3d3;
}
.inputCheckbox{
	float:left;
	margin-right:6px;
}
.inputSelect,.inputSelectError{
	width:186px;
}
.inputTextarea, .inputTextareaError{
	width:600px;
	height:60px;
}
.contentMainForm label{
	width:100px;
	display:block;
	float:left;
}
.contentMainFormRow{
	clear:left;
	margin-bottom:4px;
	height:24px;
}
.contentMainFormRowFull{
	margin-bottom:6px;
}

.contentText ul{
	padding-left:30px;
	margin-bottom:20px;
}
.contentText li{
	margin-bottom:2px;
}
.contentText a{
	color:#424242;
}
.contentTextHeadline{
	font-weight:bold;
	margin-bottom:4px;
}


/* Login */

#contentMainLoginForm{
	padding:170px 0 0 420px;
	width:400px;
}
#contentMainLoginForm label{
	float:left;
	display:block;
	width:100px;
}
.contentMainLoginFormRow{
	clear:left;
	margin-bottom:8px;
}
#contentMainLoginForm .inputSubmit{
	border:1px solid #AAA;
	padding:1px;
	font-size:11px;
	width:60px;
	margin-left:226px;
}
#contentMainLoginForm .inputImage{	
	margin-left:181px;
}

/* internes Menu */
#contentMainMenu{
	padding:25px 30px 30px 30px;
}

#contentMainMenu ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width:150px;
	border:1px solid #AAA;
	padding:6px;
}
#contentMainMenu ul ul{
	border:0;
	width:136px;
	margin-left:8px;
}
#contentMainMenu ul ul a{
	line-height:20px;
	font-size:10px;
}

#contentMainMenu ul a{
	display:block;
	color:#424242;
	text-decoration:none;
	line-height:24px;
	border-bottom:1px solid #AAA;
	padding-left:0px;	
	line-height:32px;
}
#contentMainMenu ul a img{
	float:left;
	margin-right:6px;
	border-top:4px solid #FFF;
	border-bottom:4px solid #FFF;
	border-right:4px solid #FFF;
}
#contentMainMenu ul a:hover{
	background-color:#EEE;
}
#contentMainMenu ul a.active{
	background-color:#EEE;
}


/* Status Box */

#boxStatusHeadline{	
	border-bottom:1px solid #FFF;
	padding:0 0 2px 0;
	margin-bottom:4px;
}
#boxStatusName{
	font-weight:bold;
	margin-bottom:2px;
}
#boxStatusAmount{
	margin-bottom:5px;
}
#boxStatusLogout a{
	color:#FFF;
}

/* Newsticker */

.newsticker-jcarousellite { width:300px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:right; width:190px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }
	
.contentTextBox{
	width:381px;
	float:left;
	height:205px;
	border:1px solid #CCC;
	padding:6px 6px 6px 66px;
	margin: 0px 10px 10px 0;
}
.contentTextBoxMore{
	margin-top:6px;
}

.contentTextBox .contentTextHeadline{
	margin-top:15px;
}

/* Tabellen */

table.cvTable{
	border:1px solid #CCC;
	padding:1px;
}
table.cvTable .cvTableHead td{
	background-color:#EEE;
}
table.cvTable .cvTableHead td.cvTableHead1{
	background-color:#d5d5d5;
}
table.cvTable .cvTableHead td.cvTableHead2{
	background-color:#bcbcbc;
}
table.cvTable .cvTableFooter td{
	background-color:#EEE;
	font-weight:bold;
}
table.cvTable td{
	padding:4px 10px 4px 10px;
	margin:1px;
}
table.cvTable td.cvTableRow1{
	background-color:#d5d5ee;
}
table.cvTable td.cvTableRow2{
	background-color:#bbbbdb;
}

/* So funktionierts */

#sofunktioniertsRight{
	float:right;
	width:700px;
}
#sofunktioniertsRight .contentTextHeadline{
	font-size:14px;
	margin-bottom:0px;
	
}
#sofunktioniertsRight .contentText{
	margin-left:20px;
}
#sofunktioniertsMenu{
	width:240px;
	margin-left:35px;
	background:url(../images/so_funktionierts_menu_background.png) repeat-y;		
}
#sofunktioniertsMenu .headline{
	padding-left:60px;
	padding-top:6px;
	font-size:13px;
	margin:0px 10px 0px 10px;
	height:50px;
}
#sofunktioniertsMenu a.menu{ 
	display:block;
	color:#4b82ad;
	border-bottom:1px solid #999;
	text-decoration:none;
	padding:5px 0 5px 0;
	font-weight:bold;
	margin:0px 20px 0 15px;
}
#sofunktioniertsMenu a.menu_active{ 
	display:block;
	color:#424242;
	border-bottom:1px solid #999;
	text-decoration:none;
	padding:5px 0 5px 0;
	font-weight:bold;
	margin:0px 20px 0 15px;
}
#sofunktioniertsMenu a:hover{
	color:#424242
} 
#sofunktioniertsQuickHelp{
	width:220px;
	padding:8px;
	border:1px solid #CCC;
	margin-left:35px;
	margin-top:10px;
}
#sofunktioniertsQuickHelp ul{
	padding-left:20px;
}
#sofunktioniertsQuickHelp li{
	padding-bottom:3px;
}

/* Infobox */
.infobox{	
	position:absolute;	
	top:319px;
	left:632px;
	display:none;
}
.infoboxContent{
	background:url(../images/infobox_background.png) repeat-y;
	padding:10px 10px 10px 20px;
}
l