@charset "utf-8";


html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, dfn, em, img, strong, b, u, i,l, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	vertical-align: baseline; font-style: normal; font-weight: normal; }
html {	height: 100%; }
body{
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing:0pt;
	font-size: 13px;
	line-height:19px;
	letter-spacing: 0.2pt;
	color: #000;
	background-color: #FFF;
	-webkit-hyphens:auto;
	-moz-hyphens: auto;
	-ms-hyphens:auto;
	hyphens: auto;
	overflow-y: scroll;
}

h1 { font-size: 13px; line-height:19px; font-weight: 700; margin-bottom: 0px; } 
h2 { font-size: 13px; line-height:19px; font-weight: 700; margin-bottom: 0px; }
a{  text-decoration: underline ; color: #656569;  outline:none !important; border: none !important;  }
a:hover { color: #333367; text-decoration: underline ; }
a:focus, area, area a , map, map area { outline: none; }
b, strong { font-family: 'Open Sans', Arial, sans-serif; font-style: normal; font-weight: 700; }
table {	border-collapse: collapse; border-spacing: 0; border: 0; }
td{	vertical-align:top;}
hr{ border: none; border-bottom:1px solid #656569; margin:13px 0; padding:0;	}
img, img a{	border:0; }
sup { margin:0;padding:0; line-height:3px; vertical-align: middle; position: relative; top: -5px; font-size: 10px;}
.clearfloat{ clear:both; height:0px; font-size: 1px; line-height: 0px; margin:0px; padding:0px;display:block; }
.clearfix:after { content:""; display:table; clear:both; }
.rollover { cursor: pointer;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none; } /* iPhone Schriftgrössenanpassung beim Drehen verhindern */
#contentBox ul{	padding:0;	margin:0;	padding-left: 11px;	margin-left: 6px;	}
#contentBox ul li{	list-style-image:url(../images/list.png);	padding: 0px;	margin: 0px;	padding:0;	margin:0;}




/****************************************************************************************************************************/
/*  Basics  */
/****************************************************************************************************************************/


#mainBox { width: 960px; margin: 0 auto; height: auto; position: relative; }

#header { position: relative; width: 100%; position: relative; }

#headerimage { width: 100%; }
#headerimage img{ width: 100%; height: auto; }

#logo {
	position: absolute;
	right: 0;
	width: 72%;
	top: 205px;
}
#logo img { width: 100%; height: auto; }
#claim { margin: 55px 0 80px 0;  font-size: 12px; line-height: 18px; letter-spacing: 0.5pt;}
#claim .br{ display: inline; }

.floatWrap { overflow: auto; }
#leftBox {  overflow: visible;  position: relative; float: left; width: 265px; min-height: 540px; height: 100%; }
#leftBox img { width: 100% !important; height: auto !important; padding-top: 4px; }

#rightBox { position: relative; overflow: visible; float: left; width: 655px; padding: 0 0 0 40px; background-color: #FFF; min-height: 540px; }

ul.mainNavi {  position: relative; float: right; padding: 50px 0 10px 0px; }
ul.mainNavi li { list-style:none; display: inline-block; color: #000;}
ul.mainNavi li a { font-size: 13px; line-height:19px; text-decoration: none; padding: 4px 0px 4px 40px; color: #000;  }
ul.mainNavi li a:hover, ul.mainNavi li.active a { color: #999;  }

.linkKunstwerken { float: left;  width: 265px; }
.linkKunstwerken a{ float: right; padding: 50px 0px 4px 10px; color: #000; font-weight:700; text-decoration: none; display: block; }


ul.subNavi {  position: relative; }
ul.subNavi li { list-style:none; display: block; color: #000;}
ul.subNavi li a { font-size: 13px; line-height:19px;  display: block; text-decoration: none; padding: 4px 0px 5px 0px; color: #000;  }
ul.subNavi li a:hover, ul.subNavi li.active a{ color: #999;  }

.galeriePrev { float: left; height: 70px; width: auto; display: inline;  display: inline-block; margin: 0 5px 10px 0; }
.galeriePrev img { height: 100% !important; width: auto !important; display: block; }

ul.mainNaviSub { display: none;}


/****************************************************************************************************************************/
/* #Media Queries
/****************************************************************************************************************************/



@media only screen and (max-width: 1020px) {	

	#mainBox { width: 94%; }
	
	#header { position: relative; width: 100%; position: relative; }

	#logo { width: 72%; top: 55%; }
	
	#claim { margin: 55px 0 80px 0;}
	#claim .br{ display: block; }
		
	.floatWrap { overflow: auto; }
	#leftBox {  width: 27%; min-height: auto; height: auto; }
	#leftBox img { width: 100%; height: auto; padding-top: 4px; }
	
	#rightBox { width: 66%;  padding: 0 0 0 4%; }
	
	.linkKunstwerken { float: left;  width: 265px;}
	.linkKunstwerken a{ float: right; padding: 50px 0px 4px 10px;  }

}

@media only screen and (max-width: 767px) {		
	
	.linkKunstwerken { float: left;  width: auto; }
	.linkKunstwerken a{ float: left; padding: 50px 0px 4px 0px; }	
	
	
	#claim { margin: 45px 0 30px 0; font-size: 11px; line-height: 16px; }
	
	#leftBox {  width: 100%; min-height: 50px; margin-bottom: 30px;}
	#leftBox img{  width: 50%; }
	#rightBox { width: 100%;  padding: 0 0 0 0; }
	
	.lb-image, .lb-dataContainer, .lb-outerContainer { max-width:95%; height: auto !important; width: auto !important; }

}

@media only screen and (max-width: 600px) {	

	body{ font-size: 14px; }

	ul.mainNavi {  position: relative; float: left; padding: 10px 10px 10px 0px; }
	ul.mainNavi li { display: block; }
	ul.mainNavi li a { font-size: 14px; line-height:22px; padding: 4px 0px 12px 0px; }
	ul.mainNavi li a:hover, ul.mainNavi li.active { color: #999;  }
	
	ul.subNavi { margin-top: 15px; }
	
	ul.subNavi li a { font-size: 14px; }
	
	#logo { top: 57%; width: 100%;}
	
	.linkKunstwerken { float: right;  width: auto; }
	.linkKunstwerken a{ float: left; padding: 10px 0px 4px 0px; }	
	
}

@media only screen and (max-width: 480px) {	
	
	#leftBox img{  width: 100%; }	
	
}