@charset "utf-8";
body,html {
		height:100%;
	font:12px "Trebuchet MS", Verdana, Arial, sans-serif;
	color:#000000;
	background:#FFFFFF;	
	text-align:center;
	padding:0;
	margin:0;
	border:0;
	background-image:url(images/main_bg.png);
	background-position:center;
	background-repeat:repeat-y;
scrollbar-face-color: #F29400;
scrollbar-highlight-color: #DDDDDD;
scrollbar-3dlight-color: #DDDDDD;
scrollbar-darkshadow-color: #CCCCCC;
scrollbar-shadow-color: #DDDDDD;
scrollbar-arrow-color: #EEEEEE;
scrollbar-track-color: #FFFFFF;
border:none;
	background-color:#C6C6C6;

}
img { border:none; }
form {
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	
}
form		{ display: inline; }
fieldset	{ width: 500px; margin:0; padding:0; }
label		{ margin: 3px 3px 3px 3px; padding: 4px 3px 2px 3px; float: left; clear: left; width: 160px; color: #000; text-align: right; }

input, textarea, select	{ color: #333; background-color: #FFF; border: 1px solid #CCC; }
textarea		{ width: 300px; }
input		{ width: 300px; }
.button		{ width: 150px; }


#container {
	position: relative;
	margin:0 auto;
	width:1000px;
	height:100%;
	line-height:250%;
	background-color:#C6C6C6;
	margin-top:10px;}
#header {
	width:1000px;
	height:175px;
	background-image:url(images/header_bg.png);
}
#header_left {
	position:absolute;
	width:3px;
	height:175px;
	background-image:url(images/header_left.png);
	left:0px;;
}
#header_right {
	position:absolute;
	width:3px;
	height:175px;
	background-image:url(images/header_right.png);
	right:0px;
}
#header_logo {
	position:absolute;
	width:533px;
	height:94px;
	background-image:url(images/xlan_logo_header.png);
	left:60px;
	top:36px;
}
#header_adresse {
	position:absolute;
	width:191px;
	height:135px;
	background-image:url(images/header_adresse.png);
	right:20px;
	top:16px;
}
#body {
	width:1000px;
	height:586px;
	background-color:#FFFFFF;
	background-image:url(images/body_left_x.png);
	background-repeat:no-repeat;
	background-position:left center;
}
#body_left {
	width:3px;
	height:586px;
	background-image:url(images/body_bg_left.png);
	float:left;
}
#body_main {
	height:586px;
	margin: 0 3px;
}
#body_right {
	width:3px;
	height:586px;
	background-image:url(images/body_bg_right.png);
	float:right;
}
#middle_box {
	position:relative;
	float:right;
	width:794px;
	padding-top:20px;
	padding-bottom:20px;
	margin-right:-1px;
}
#middle_box_left {
	position:relative;
	margin:0;
	padding:0;
	margin-right:-3px;
	width:20px;
	height:546px;
	background-image:url(images/middle_box_left.png);
	float:left;
}
#middle_box_right {
	position:relative;
	margin:0;
	padding:0;
	margin-left:20px;
	padding-top:18px;
	height:546px;
	background-image:url(images/middle_box_bg.png);
	background-repeat:repeat-x;
}

#middle_box_content_left {
	position:relative;
	margin:0;
	padding:0;
	width:176px;
	height:506px;
	background-image:url(images/middle_box_content_left.png);
	float:left;
}
#middle_box_content_right {
	position:relative;
	margin:0;
	padding:0;
    margin-left:176px;
	padding-right:0px;
	height:506px;
	background-image:url(images/middle_box_content_bg.png);
	background-repeat:repeat-x;
	text-align:left;
}


#footer {
	width:1000px;
	height:27px;
	background-image:url(images/footer_bg.png);
}
#footer_left {
	position:absolute;
	width:3px;
	height:27px;
	background-image:url(images/footer_left.png);
	left:0px;
	padding:0;
	margin:0;
}
#footer_right {
	position:absolute;
	width:3px;
	height:27px;
	background-image:url(images/footer_right.png);
	right:0px;
		padding:0;
	margin:0;
}


#menue {
	position:relative;
	margin-left:3px;
	margin-top:3px;
	width:167px;
	height:262px;
	}
	
	
a.menueitem {
	margin:0;
	padding:0;
	position:relative;
	width:142px;
	height:21px;
	background-image:none;
	margin-bottom:1px;
	line-height:21px;
	text-align:left;
	float:left;
	padding-left:12px;
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	}
	
a.menueitem:hover {
	background-image:url(images/menue_hover_bg.png);
color:#FFFFFF;
text-decoration:none;
	}
	
.menueitem_active {
	margin:0;
	padding:0;
	position:relative;
	width:142px;
	height:21px;
	background-image:none;
	margin-bottom:1px;
	line-height:21px;
	text-align:left;
	float:left;
	padding-left:12px;
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	background-image:url(images/menue_hover_bg.png);
	color:#FFFFFF;
	}
a.menueitem_active:hover {	text-decoration:none;	}

a.menueheader {
	margin:0;
	padding:0;
	position:relative;
	width:142px;
	height:21px;
	margin-bottom:1px;
	line-height:21px;
	text-align:left;
	padding-left:12px;
	width:167px;
	height:20px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	color:#333333;

	}
a.menueheader:hover {
	background-image:url(images/menue_header_hover.png);
color:#FFFFFF;
text-decoration:none;
	}
	
.menueheader_active {
		margin:0;
	padding:0;
	position:relative;
	width:142px;
	height:21px;
	margin-bottom:1px;
	line-height:21px;
	text-align:left;
	padding-left:12px;
	width:167px;
	height:20px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	color:#333333;
background-image:url(images/menue_header_hover.png);
color:#FFFFFF;
	}
a.menueheader_active:hover {	text-decoration:none;	}	
a.menuefooter {
	margin:0;
	padding:0;
	position:relative;
	width:142px;
	height:21px;
	margin-bottom:1px;
	line-height:21px;
	text-align:left;
	padding-left:12px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	color:#333333;
}
a.menuefooter:hover {
	background-image:url(images/menue_footer_hover.png);
	color:#FFFFFF;
	text-decoration:none;

	}
.menuefooter_active {
	margin:0;
	padding:0;
	position:relative;
	width:142px;
	height:21px;
	margin-bottom:1px;
	line-height:21px;
	text-align:left;
	padding-left:12px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	background-image:url(images/menue_footer_hover.png);
	color:#FFFFFF;

	}
a.menuefooter_active:hover {	text-decoration:none;	}	

#shop {
	position:relative;
	margin-left:18px;
	margin-top:26px;
	width:167px;
	height:40px;
	}


a.shopitem {
	margin:0;
	padding:0;
	position:relative;
	width:114px;
	height:40px;
	background-image:url(images/Kunden_Portal.png);
	margin-bottom:1px;
	text-align:left;
	float:left;
	text-decoration:none;
	}
	
a.shopitem:hover {
	background-image:url(images/Kunden_Portal_hover.png);
	text-decoration:none;
	}
	
	
	
	
a.logout {
	margin:0;
	padding:0;
	position:relative;
	width:114px;
	height:40px;
	background-image:url(images/logout.png);
	margin-bottom:1px;
	text-align:left;
	float:left;
	text-decoration:none;
	}
	
a.logout:hover {
	background-image:url(images/logout_hover.png);
	text-decoration:none;
	}
	
	
	
	

#banner {
	position:relative;
	margin-left:3px;
	margin-top:38px;
	width:154px;
	height:150px;
	z-index:99999;
	}
.referenzBoxLeft {
width:280px;
height:100px;
float:left;
}
.referenzContentLeft {
margin-left:8px;
text-align:left;
float:left;
width:192px;
height:100px;
}
.referenzImgLeft {
background-image:url(images/referenz_img.png);
float:left;
width:80px;
height:80px;

}
.referenzBoxRight {

width:280px;
height:100px;
float:right;

}
.referenzContentRight {

padding:0;
margin:auto;

text-align:right;
float:left;
width:192px;
height:100px;

}
.referenzImgRight {
background-image:url(images/referenz_img.png);
float:right;
width:80px;
height:80px;


}
.referenzClear {
clear:both;
height:30px;
}




a.shopmenu {
	margin:0;
	padding:0;
	padding-left:8px;
	position:relative;
	width:132px;
	height:21px;
	
	line-height:21px;
	text-align:left;
	float:left;
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	border-bottom:1px solid #AAAAAA;
}
a.shopmenu:hover {

background-color:#666666;
	color:#F08A00;
	text-decoration:none;

	}
.shopmenuhover {
	margin:0;
	padding:0;
	padding-left:8px;
	position:relative;
	width:132px;
	height:21px;
	
	line-height:21px;
	text-align:left;
	float:left;
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	border-bottom:1px solid #AAAAAA;
background-color:#666666;
	color:#F08A00;

	}
a.shopmenuhover:hover { text-decoration:none; }

a.shopOverview {
	margin:0;
	padding:0;
	position:relative;
	width:100px;
	height:120px;
	float:left;
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	border:2px solid #FFFFFF;
}
a.shopOverview:hover {
background-color:#666666;
	color:#F08A00;
	border:2px solid #F08A00;
	text-decoration:none;
	}
.shopOverviewhover {
background-color:#666666;
	color:#F08A00;
	border:2px solid #F08A00;
	text-decoration:none;
	}
.shopTitle {
 font-size:16px;
 }
 
.shopTextShort {
 font-size:11px;
 line-height:14px;
 }
 
 a.kontaktlink {

	text-decoration:none;
	font-weight:bold;
	color:#F08A00;
	border:2px solid #FFFFFF;
}
a.kontaktlink:hover {
	text-decoration:underline;
	}
	
	.footerDate {
	
	font-size:10px;
	margin:0; 
	padding:0; 
	font-weight:bold; 
	color:#F08A00; 
	}
	
  
  .first {
  font-size:14px;
  color:#F08A00;
  
  }
  
  
  .hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
}

#qscroller1 {
	width:470px;
	height:75px;
	border:none;
	background:#FFFFFF;
	border:1px solid #EEEEEE;
	margin:0 auto;
	clear:both;
	
}



 a {

	text-decoration:none;
	font-weight:bold;
	color:#F08A00;
}
a:hover {
	text-decoration:underline;
	}

a.startLink {
	text-decoration:none;
	font-weight:bold;
	color:#444444;

}



a.startLink:hover {
	color:#F08A00;

}

.divTR { clear:both; }



.divTD { float:left; border:0px solid #CCCCCC; padding-left:5px; padding-right:5px; }

a.aufkarte {
	margin-left:12px;
width: 125px;
height:50px;
position:relative;
float:left;
background-image:url(images/Auf_Karte_anzeigen.png);
}
a.aufkarte:hover {

background-image:url(images/Auf_Karte_anzeigen_hover.png);

	}


/*
	SLIDER
*/
.panel 										{ z-index:9999999; }

.panel h1									{ color:#666666; padding:0px; margin:0px; font-size:18px; }
.panel span									{ color:#999; paddin-topg:10px; margin:0px; font-size:12px; }
.stripViewer								{ position: relative; overflow: hidden; width: 608px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 140px; position: relative; width: 608px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
.photo-meta-data							{ padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }

a.active-thumb 								{ color: #F08A00;  }

