div#preload { display: none; }
html {
	background: url(../img/background.jpg) #000 no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../img/background.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/background.jpg', sizingMethod='scale')";
}
body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#banner {
	width: 100%;
	height: auto;
	background: url(../img/banner.png) top repeat-x;
	position: fixed;
	z-index: 600000;
}
#logo {
	width: 480px;
	height: auto;
	margin: auto;
	margin-top: 10px;
	z-index: 600000;
}
#logo img {
	max-width: 100%;
	
}
#header {
	width: 100%;
	height: 140px;
	position: fixed;
	z-index: 500000;
}
#header_top {
	width: 1008px;
	height: 140px;
	z-index: 50000;
	position: relative;
	margin: auto;
	margin-top: 0px;
	background: url(../img/frame-top.png) no-repeat left top;
}
#header_top_space {
	height: 100px;
}

#socialmedia {
	width: 30px;
	height: 30px;
	float: right;
	margin: -5px 109px 0px 0px;
}
#middle {
	width: 100%;
	height: auto;
	margin: auto;
	z-index: 10;
	position: absolute;
	margin-top: 0px;
}
#middle_center {
	width: 1008px;
	position: relative;
	z-index: 30;
	margin: auto;
	margin-top: 160px;
	padding-top: 5px;
	padding-bottom: 20px;
	margin-bottom: 60px;
	background: url(../img/frame.png) repeat-y left top;
	background-size: 100%;
}
/* Content */

#content {
	width: 800px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
}
#content_header {
	margin: 16px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	float: none;
}
#content_header_second {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	float: none;
}
#content_nav {
	width: 800px;
	height: 234px;
	position: relative;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
#content_nav_styling {
	position: absolute;
	left:0;
	top:0;
	width: 180px;
	height: 234px;
}
#content_nav_styling a {
	display: block;
	width: 180px;
	height: 234px;
	background: url(../../media/img/stylingoff.jpg);
}
#content_nav_styling a:hover {
	display: block;
	width: 180px;
	height: 234px;
	background: url(../../media/img/stylingon.jpg);
}
#content_nav_wrapping {
	position: absolute;
	left:207px;
	top:0;
	width: 180px;
	height: 234px;
}
#content_nav_wrapping a {
	display: block;
	width: 180px;
	height: 234px;
	background: url(../../media/img/wrappingoff.jpg);
}
#content_nav_wrapping a:hover {
	display: block;
	width: 180px;
	height: 234px;
	background: url(../../media/img/wrappingon.jpg);
}
#content_nav_advertising {
	position: absolute;
	left:414px;
	top:0;
	width: 180px;
	height: 234px;
}
#content_nav_advertising a {
	display: block;
	width: 180px;
	height: 234px;
	background: url(../../media/img/advertisingoff.jpg);
}
#content_nav_advertising a:hover {
	display: block;
	width: 180px;
	height: 234px;
	background: url(../../media/img/advertisingon.jpg);
}
#content_nav_contact {
	position: absolute;
	left:620px;
	top:0;
	width: 180px;
	height: 234px;
	background: #ffd500;
	margin: 0px;
	padding: 0px;
}
.content_news {
	width: 800px;
	height: 240px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	float: none;
	clear: both;
}
.content_news_detail {
	width: 800px;
	height: auto;
	margin: 20px 0px 0px 0px;
	padding: 2px 2px 20px 2px;
	float: none;
	clear: both;
	background: #ffd500;
}
.content_news_image {
	width: 387px;
	height: 240px;
	margin: 0px;
	float: left;
}
.content_news_image_right {
	width: 387px;
	height: 240px;
	margin: 0px;
	float: right;
}
.content_news_text {
	width: 387px;
	height: 240px;
	margin: 0px;
	float: right;
	background: #ffd500;
	position: relative;
}
.content_news_text_left {
	width: 387px;
	height: 240px;
	margin: 0px;
	float: left;
	background: #ffd500;
}
#content_subnav {
	width: 100%;
	height: 30px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 30px;
	float: none;
	clear: both;
	font-size: 30px;
	text-align: center;
}
#content_subnav span {
	padding: 0px 28px 0px 28px;
}
#content_subnav span a {
	color: #FFF;
	text-decoration: none;
}
#content_subnav span a:hover {
	text-decoration: underline;
}
#content_galerie {
	margin: 20px 0px 0px 0px;
}
#content_galerie .image {
	width: 180px;
	height: 135px;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#content_galerie .image img {
	max-width: 100%;
	max-height: 100%;
}
#content_galerie .image:hover .hoverimage {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
#content_galerie  .hoverimage {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
/* Content End */

/* Typo */
a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Geneva, sans-serif;
}
h3 {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 14px 10px 0px 10px;
}
#content_nav_contact h2, .content_news_text h2, .content_news_text_left h2, .content_news_detail h2 {
	font-size: 17px;
	font-weight: normal;
	text-transform: uppercase;
	font-style: italic;
	color: #FFF;
	background: #000;
	margin: 2px 2px 8px 2px;
	padding: 4px 8px 4px 8px;
}
#content_nav_contact p {
	font-size: 13px;
	line-height: 20px;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
}
.content_news_text p, .content_news_text_left p {
	font-size: 13px;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 8px 10px 8px 10px;
	line-height: 20px;
}
.content_news_detail p {
	font-size: 13px;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	line-height: 20px;
}
.content_news_detail img {
	padding: 0px 0px 0px 0px;
	margin: 4px 10px 10px 0px;
	float: left;
}
#content_nav_contact a, .content_news_text a, .content_news_text_left a {
	color: #000;
}
.content_news_text h2 a {color:#fff; text-decoration: none;}
.content_news_text h2 a:hover {color:#fff; text-decoration: underline;}
.content_news_text h3 a {text-decoration: none;}
.content_news_text h3 a:hover {text-decoration: underline;}

/* Typo End */

/* Footer */
#footer {
	width: 800px;
	height: auto;
	margin: auto;
	margin-top: 16px;
	padding: 10px 0px 10px 0px;
	position: relative;
	text-align: center;
	font-size: 14px;
	font-weight: 100;
	float: none;
	clear: both;
}
#footer img {
	padding: 7px;
}
#footer div.hr {
	background: url(../img/hr.jpg) repeat-x;
	height: 1px;
	margin-bottom: 8px;
}
#footer div.hr hr {
	display: none;
}
#footer a {
	color: #656565;
	font-style: italic;
	text-decoration: none;
	text-transform: uppercase;
}
#footer_left {
	width: 530px;
	height: 30px;
	float: left;
	text-align: left;
	padding-left: 18px;
}
#footer_left span {
	padding: 0px 22px 0px 0px;
}
#footer_right {
	width: 170px;
	height: 30px;
	float: right;
	text-align: right;
	padding-right: 18px;
}
#herz {margin-right: 30px;}
/* Footer End */


/* Navigation */

/* default styling */
#nav {margin-left: 78px;}
.nav, .nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}
.nav a {
	text-decoration:none;
}
.nav {
	font-family: verdana, sans-serif;
	font-size:17px;
	font-style: italic;
	margin-bottom:-1px;
	text-transform: uppercase;
}
/* style the links */
.nav a {
	float:left;
	color: #fff;
	background:#000;
	text-align: center;
	line-height:17px;
	padding:4px 0;
	border:1px solid #000;
	margin-bottom:-1px;
}
.nav a.sub-a {
	background:#000;
}
.nav a:hover, .nav a:focus, .nav a:active {
	outline:0;
	color:#fff;
	background:#000;
}
/* this is for the path highlight in all browsers except IE6 and lower */
.nav li:hover > a {
	color:#ffd500;
	background:#000;
}
/* WIDTH change this WITH CARE to suit your requirements */
.nav {
	width:128px;
	margin-right:-1px;
}
.nav a {
	width:148px;
	margin-right:-149px;
} /* take into account the borders when calculating the link width, margin-right = total link width - 1px */
.nav ul li {
	max-width:190px;
} /* fix for IE8 */
/* flyout TOP positions */
.nav ul.fly {
	top:-25px;
} /* position the top of the flyout first sub-limenus */
.nav ul.fly2 {
	top:-41px;
} /* position the top of the flyout sub-limenus with previous text on two lines */
/* flyout LEFT/RIGHT positions */
.nav ul.fly {
	left:149px;
}
.nav .left ul.fly {
	left:auto;
	right:149px;
}
/* DO NOT CHANGE ANYTHING BELOW THIS LINE */
/* ---------------------------------------------------------------------------- */
.nav ul {
	position:relative;
	margin-bottom:-10000px;
}
.nav ul li {
	float:left;
	clear:left;
}
.nav a {
	position:relative;
}
.sub-li {
	margin-top:-10000px;
}
.sub-a {
	margin-top:10000px;
}
/* The bit that does ALL the work to bring the sub-limenus into view */
.sub-li a:hover, .sub-li a:focus, .sub-li a:active {
	margin-right:0;
}
/* OPERA fix */
.nav ul:hover {
	clear:left;
}
/*IE5-7 fixes*/
.nav .sub-li {
	width:100%;
}
a:active {
}
.sub-li ul {
	font-size: 13px;
}
.sub-li ul li a {
	padding-bottom: 8px;
}
.sub-li ul li a:hover {
	background:#000;
	color: #ffd500;
}
a.active {
	color: #ffd500;
}
/* ---------------------------------------------------------------------------- */

/* / Navigation */

/* Pagination  */

#pagination {
  float: none;
  clear: both;
}
#pagination ul {list-style-type: none;}
#pagination li {float:left;}
#pagination a {color: #fff; float:left; text-decoration: none;}

#pagination .page, #pagination a.nextpostslink, #pagination .last, #pagination span.extend {}
#pagination a.page, #pagination .current, #pagination a.nextpostslink, #pagination .last, #pagination span.extend {
  padding: 4px 8px 4px 8px;
  margin: 2px;
  height: auto;
	text-decoration: none;
	font-size: 22px;
}

#pagination a.page:hover,#pagination a.nextpostslink:hover, #pagination .last:hover {
  color: #fff;
	text-decoration: underline;
}
#pagination .pages {
  padding: 4px 0px 4px 8px;
  margin: 2px 0px 2px 2px;
  height: auto;
}
#pagination .current {
  float: left;
  text-decoration: underline;
  
}
/* / Pagination */

/* Mixed Styles */

.clear {
	float: none;
	clear: both;
}
.tel {
	color: #FFF;
	text-decoration: none;
	cursor: text;
}
.fade {
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
.fade:hover {
	opacity: 0.8;
}
.top {float:left;}
.backlink {float:right;}
#pagination p.top a, #pagination p.backlink a {color: #000; text-decoration: underline;}
#pagination p.top a:hover, #pagination p.backlink a:hover {color: #000; text-decoration: none;}

/* / Mixed Styles */

/* Editor Styles */

.textarea {font-size: 13px; color:#000; background:#fff; padding: 8px;}

/* / Editor Styles */

/* Subgalerie */

ul#subgallery {
	list-style-type: none;
	width: 826px;
	margin: 0px 0px 20px -26px;
	padding: 0px 0px 0px 0px;
	float: none; 
	clear: both;
}
ul#subgallery li {
	float: left;
	margin-left: 26px;
	margin-bottom: 17px;
}
ul#subgallery .sliderImage {
	width: 180px;
	height: 135px;
	margin: 0px 0px 17px 26px;
	padding: 0px;
	position: relative;
}
ul#subgallery .sliderImage img {
	max-width: 100%;
	max-height: 100%;
}
ul#subgallery li.sliderImage:hover .hoverimage {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
ul#subgallery .hoverimage {
	display: none;
}
ul#subgallery .hoverimageGalerie {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
/* / Subgalerie */

/* Work Content Nav */
#content_work_nav {
	width: 800px;
	padding: 20px 0px 70px 0px;
}
#content_work_nav ul {
	list-style-type: none;
	float: none;
	clear: both;
	position: relative;
	margin: 0px;
	padding: 0px;
	
}
#content_work_nav ul li {
	float: left;
	padding: 6px 26px 6px 6px;
	font-size: 17px;
	font-style: italic;
}
#content_work_nav ul li a {color: #fff; text-decoration: none; text-transform: uppercase;}
#content_work_nav ul li a:hover {text-decoration: none; color:#ffd500;}
#content_work_nav ul li a.active {color:#ffd500;}
#content_work_nav ul.contentsubnav {
	position: absolute;
	margin: 0px;
	padding: 0px;
	margin-top: 35px;
	left: 0px;
	list-style-type: none;
}
#content_work_nav ul.contentsubnav li {
	font-size: 13px;
	font-style: italic;
}
/* / Work Content Nav */