html, body {height:100%; }
body {
	color: #666;
	margin: 0px;
	background: #e6e6e6 url(img/mainhg.jpg) repeat-x fixed left top;
}

body.sd-popup {height:80%; }


img {
	border: 0px;
}


#anzeige {position:fixed;
	top:2px;
	left:0px;}

.mobileadress {display:none;}
/** Main Sections ***/

#linksoben {
	position:fixed;
	top:10px;
	left:0;	
	width:100%;
}
a.toplogo {float:left; display:block; height:140px; margin:0 40px 60px 60px;}
a.toplogo img {width:220px;}
.headertext {float:left; margin: 20px 0 0 0; width:400px;}


.navigation	{
	position:fixed;
	top:160px;
	left:0;	
	width:100%;	
}

.navigation #floater {height: 30px; width:100%; float:left; margin:0; background: transparent url(img/menu-bg.png) repeat-x;}


ul#menue   {margin: 0  auto 0 100px; padding:0;  border-left:1px dotted #fff; height:30px; width:900px;}
ul#menue  li {margin:0; list-style-type: none; list-style-image: none; padding-bottom: 0px; border-right:1px dotted #fff;  height:30px; float:left;}

#menue li a {
	display:block;
	padding: 10px  15px 10px 15px;	
	font-size: 12px;
	font-weight:bold;
	color: #fff;
	text-decoration: none;
	line-height:90%;
	XXfont-variant: small-caps;
	text-shadow: 0px 2px 3px #000;
}
#menue li a i {	font-size: 12px; }

#menue li a:hover {text-shadow: 0px 0px 4px #000; background-color: #666; }
#menue li.menu-current a {text-shadow: 0px 0px 6px #000; background-color: #c00;}


.navigation #markenbanner {
	display:none;
	height: 55px;
	width:100%;
	clear:left;
	background-image: url(markenbanner/startseite.gif);
	background-repeat: repeat-x;
	background-position: 0px top;
	overflow:hidden;
	/*
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	*/
}





.content{
	position:absolute;
	top:200px;
	left:0;
	height: 400px;
	XXbackground-color:#cc0;		
}






.blendelinks {display: none; position:fixed; top:0; left:0; width:10%; height:100%; pointer-events: none;}
.blenderechts {display: none; position:fixed; top:0; right:0; width:30%; height:100%; pointer-events: none;}

.XXvollbg {
	-o-background-size: 100% 100%, auto;
	-moz-background-size: 100% 100%, auto;
	-webkit-background-size: 100% 100%, auto;
	background-size: 100% 100%, auto;
}

#arrowlinks {position:fixed; top:250px; left:0; display:none;}
#arrowrechts {position:fixed; top:250px; right:0; display:none;}
.arrows img {width:70px; 
	 filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;}
	

	
#floatersub{
	position: relative;
	font-weight: bold;
	line-height: 12px;
}
	


/*Foldergallery*/
#gallery {width:100%; padding: 25px 0 30px 0; background: transparent url(img/bildleiste-bg.png) repeat-x; }
#gallery table {min-width:100%; }

#gallery td { XXfloat:left; vertical-align:top; height:240px;  padding:0 ! important;  background-color: #999999;}
#gallery a.fbx img {height:240px;}

#gallery table td#adressblock  {background-color: #ddd; padding: 0 20px 0 20px; }
#gallery table td#adressblock  td {background-color: #ddd; height:80px;  }
#adressblock div { float:left; margin:10px 0 0 20px; width:400px ! important; line-height:140%;}
#adressblock p {margin: 0 0 5px 0; }
#adressblock a { border-bottom: dotted 1px #666;}

#adresskarte{padding:0 200px 0 0;  }
#adresskarte img {height:240px; margin: 0 200px 0 0}




.content .texte {
	margin: 0  auto 0 100px;
	font-size:12px;
	color:#999999;
	line-height:120%;
	XXfont-family: "Times New Roman", Times, serif;
	XXfont-style: italic;
}

.content .texte .textblock {
	margin-right: 70px;
	float:left;
	width:320px; 
}

.mpform {margin: 20px; color:#fff; max-width:400px;}
.mpform table tr td {padding: 2px; font-size: 12px;}
.mpform .mpform_textfield input {XXbackground: #05001c; border: #8676ab 1px solid;}

/* ================================================================================================= */
/* Smaller Screens */
@media screen and (max-width: 768px) {
	.navigation	{ 	position:absolute; left:0;}
	#menue {margin: 0  auto 0 0;}
	#menue td a {font-size:12px; padding:6px;}
	
	
	a.toplogo {position:absolute;
		top:10px;
		left:20px;
		
	}
	a.toplogo img {width:280px;}
	
	.mobileadress {display:block; padding:10px; background: transparent url(img/menu-bg.png);}
	
	.blendelinks, .blenderechts {display:none;}
	#gallery {background-image: none; }
	#gallery td {float:left; height:140px;}
	#gallery a.fbx {display:block;  height:140px;  max-width:300px; overflow:hidden;}
	#gallery a.fbx img {height:140px;}
	
	#adressblock {display:none;}
	#adresskarte {display:none;}
	
	
	
	.content .texte {margin: 0  0 20px 0; width:100%}
	.content .texte .textblock {margin: 10px  0 10px 5%; width:90%}
}