/*========================================================================
	Fonts
========================================================================== */
	
@font-face {
	font-family: 'diavlolight';
	src: url('fonts/diavlo_light_ii-webfont.eot');
	src: url('fonts/diavlo_light_ii-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/diavlo_light_ii-webfont.woff') format('woff'),
		 url('fonts/diavlo_light_ii-webfont.ttf') format('truetype'),
		 url('fonts/diavlo_light_ii-webfont.svg#diavlolight') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*========================================================================
	Layout
========================================================================== */

* {
	margin: 0;
	padding: 0;
}

body {
	font: normal normal 12px/15px Verdana, sans-serif;
	color: rgb(83,83,83);
	background:
		url('../images/bg_body_right.jpg') right top repeat-y,
		url('../images/bg_body_left.jpg') left top repeat-y;	
}

.header_wrapper {
	background:
		url('../images/bg_header.jpg') right bottom repeat-x;
}

.wrapper {
	padding-right: 5px;
	margin: 0 auto;
	max-width: 1004px;
	width: 90%;
	background:
		url('../images/bg_center.png') right top repeat-y;
}

header {
	position: relative;
	width: 100%;
	border-bottom: 8px solid rgb(201,201,201);
}

#logo {
	position: absolute;
	top: 0;
	margin-left: 20px;
	width: 21.25%;
	height: 100%;
	display: block;
	background: url('../images/logo.png') left top no-repeat;
	background-size: 100%;
	z-index: 100;
}

#logo a, #logo a:visited {
	width: 100%;
	padding-top: 188%;
	display: block;
	line-height: 0;
	font-size: 0;
}

#logo h1 {
	display: none;
}

#quicknav nav {
	float: left;
}

#quicknav ul {
	padding-top: 2px;
	list-style: none;
}

#quicknav li {
	display: inline;
}

#quicknav a, #quicknav a:visited {
	font-size: 11px;
	color: rgb(132,132,132);
	padding: 3px 16px 5px 10px;
	text-decoration: none;
	display: inline-block;
	background: 
		url('../images/bg_quicknav_gradient.png') right top no-repeat,
		url('../images/bg_quicknav.jpg') right top no-repeat;
	background-size: 100% 100%, auto auto;
}

#quicknav a:hover {
	color: rgb(177,177,177);
}

#quicknav aside {
	float: right;
}

#quicknav form {
	padding: 2px 10px 0 0;
}

.search_btn {
	width: 26px;
	height: 26px;
	background: url('../images/icon_magnifier.png');
	border: none;
}

.search_text {
	padding: 4px 10px;
	border-radius: 5px;
	background: rgb(255,255,255);
	border: none;
	box-shadow: 2px 2px 5px rgba(0,0,0,.25);
	font-size: 10px;
}

.colwidth_1 {
	width: 33.3%;
	float: left;
}

.colwidth_2 {
	width: 66.6%;
	float: left;
}

.ansprechpartner aside {
	float: left;
	width: 27%;
}

.ansprechpartner article {
	float: left;
	width: 73%;
	text-align: left;
}

.navbox {
	padding: 10px;
	padding-top: 40px;
}

.textspacer {
	padding-left: 20px;
}

.navbox .textspacer {
	padding-left: 10px;
}

.content {
	padding-top: 50px;
}

.contentbox {
	margin: 0 15px;
}

.contentbox ul {
	padding-left: 15px;
}

.contentbox ul li{
	padding: 3px 0;
}

.contentbox ul.leistungen li{
	padding: 0px 0;
}

.shadowbox {
	background:
		url('../images/shadowbox_rt.jpg') right top no-repeat,
		url('../images/shadowbox_rb.jpg') right bottom no-repeat,
		url('../images/shadowbox_lb.jpg') left bottom no-repeat,
		url('../images/shadowbox_lt.jpg') left top no-repeat,
		url('../images/shadowbox_t.jpg') left top repeat-x,
		url('../images/shadowbox_r.jpg') right top repeat-y,
		url('../images/shadowbox_b.jpg') left bottom repeat-x,
		url('../images/shadowbox_l.jpg') left top repeat-y, 
		rgb(255,255,255);
}

.shadowbox img {
	width: 100%;
	border-radius: 8px;
}

.textbox {
	padding-top: 10px;
	min-height: 160px;
}

.box_phone {
	margin-top: 10px;
	padding-left:70px;
	padding-bottom:20px;
	background: url('../images/icon_phone.png') left top no-repeat;
}

.box_phone .size_1 {
	font-size: 10px;
	line-height: 0px;
}

.box_phone .size_2 {
	font-size: 34px;
	line-height: 20px;
	letter-spacing:-2px;
}

.box_email {
	padding-left:70px;
	padding-bottom:25px;
	background: url('../images/icon_email.png') left top no-repeat;
}

.box_mail {
	padding-left:70px;
	padding-bottom:20px;
	background: url('../images/icon_mail.png') left top no-repeat;
	
}

.box_mail p {
	font-size: 11px;
}

.footer_wrapper .wrapper {
	background-image: none;
}

footer {
	padding: 15px 0;
	border-top: 4px solid rgb(37,57,118);
	text-align: center;
	color: rgb(160,160,160);
	font-size: 10px;
}

a, a:visited {
	text-decoration: none;
	color: #364e85;
}

a:hover {
	color: rgb(140,140,140);
}

a.infolink, a.infolink:visited {
	padding: 5px 0 15px 36px;
	background: url('../images/icon_info.png') left top no-repeat;
	display: block;
}

a.infolink:hover {
	color: rgb(120,120,120);
}

.clearer {
	clear: both;
}
	
/*========================================================================
	Slideshow
========================================================================== */
#header_image_1,
#header_image_2,
#header_image_3,
#header_image_4,
#header_image_5,
#header_image_6,
#header_image_7,
#header_image_8,
#header_image_9,
#header_image_10,
#header_image_11,
#header_image_12,
#header_image_13,
#header_image_14,
#header_image_15,
#header_image_16,
#header_image_17,
#header_image_18,
#header_image_19,
#header_image_20,
#header_image_21,
#header_image_22 {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	font: 0/0 serif;
	text-shadow: none;
	color: transparent;
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	
}

#header_image_1 .inner,
#header_image_2 .inner,
#header_image_3 .inner,
#header_image_4 .inner,
#header_image_5 .inner,
#header_image_6 .inner,
#header_image_7 .inner,
#header_image_8 .inner,
#header_image_9 .inner,
#header_image_10 .inner,
#header_image_11 .inner,
#header_image_12 .inner,
#header_image_13 .inner,
#header_image_14 .inner,
#header_image_15 .inner,
#header_image_16 .inner,
#header_image_17 .inner,
#header_image_18 .inner,
#header_image_19 .inner,
#header_image_20 .inner,
#header_image_21 .inner,
#header_image_22 .inner{
	display: block;
	height: 0;
	padding-top: 41.8%;
}

#header_image_1 { background-image: url('../images/header_1.jpg'); }
#header_image_2 { background-image: url('../images/header_2.jpg'); }
#header_image_3 { background-image: url('../images/header_3.jpg'); }
#header_image_4 { background-image: url('../images/header_4.jpg'); }
#header_image_5 { background-image: url('../images/header_5.jpg'); }
#header_image_6 { background-image: url('../images/header_6.jpg'); }
#header_image_7 { background-image: url('../images/header_7.jpg'); }
#header_image_8 { background-image: url('../images/header_8.jpg'); }
#header_image_9 { background-image: url('../images/header_9.jpg'); }
#header_image_10 { background-image: url('../images/header_10.jpg'); }
#header_image_11 { background-image: url('../images/header_11.jpg'); }
#header_image_12 { background-image: url('../images/header_12.jpg'); }
#header_image_13 { background-image: url('../images/header_13.jpg'); }
#header_image_14 { background-image: url('../images/header_14.jpg'); }
#header_image_15 { background-image: url('../images/header_15.jpg'); }
#header_image_16 { background-image: url('../images/header_16.jpg'); }
#header_image_17 { background-image: url('../images/header_17.jpg'); }
#header_image_18 { background-image: url('../images/header_18.jpg'); }
#header_image_19 { background-image: url('../images/header_19.jpg'); }
#header_image_20 { background-image: url('../images/header_20.jpg'); }
#header_image_21 { background-image: url('../images/header_21.jpg'); }
#header_image_22 { background-image: url('../images/header_22.jpg'); }


.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
	
/*========================================================================
	Images
========================================================================== */

#image_1, 
#image_2, 
#image_3,
#image_4,
#image_5,
#image_6,
#image_7,
#image_8,
#image_9,
#image_10,
#image_11,
#image_12,
#image_13,
#image_14,
#image_15,
#geschaeftsfuehrer,
#image_footer {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	font: 0/0 serif;
	text-shadow: none;
	color: transparent;
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	
}

#image_left {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	font: 0/0 serif;
	text-shadow: none;
	color: transparent;
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	
}
	
#image_1 .inner,
#image_2 .inner,
#image_3 .inner,
#image_4 .inner,
#image_5 .inner,
#image_6 .inner,
#image_7 .inner,
#image_8 .inner,
#image_9 .inner,
#image_10 .inner,
#image_11 .inner,
#image_12 .inner,
#image_13 .inner,
#image_14 .inner,
#image_15 .inner,
#geschaeftsfuehrer .inner,
#image_footer .inner {
	display: block;
	height: 0;
}
#image_left .inner {
	display: block;
	height: 0;
}

.shadowbox #image_1,
.shadowbox #image_2,
.shadowbox #image_3,
.shadowbox #image_4,
.shadowbox #image_5,
.shadowbox #image_6,
.shadowbox #image_7,
.shadowbox #image_8,
.shadowbox #image_9,
.shadowbox #image_10,
.shadowbox #image_11,
.shadowbox #image_12,
.shadowbox #image_13,
.shadowbox #image_14,
.shadowbox #image_15 {
	border-radius: 8px;
}

.rounded {
	border-radius: 8px;
}


#image_1 { 
	background: 
		url('../images/shadowbox_image_l.png') left top repeat-y,
		url('../images/shadowbox_image_r.png') right top repeat-y,
		url('../images/shadowbox_image_t.png') left top repeat-x,
		url('../images/boximage_1.jpg') left top no-repeat;
	background-size:
		auto auto,
		auto auto,
		auto auto,
		100% auto;
}

#image_2 { 
	background: 
		url('../images/shadowbox_image_l.png') left top repeat-y,
		url('../images/shadowbox_image_r.png') right top repeat-y,
		url('../images/shadowbox_image_t.png') left top repeat-x,
		url('../images/boximage_2.jpg') left top no-repeat;
	background-size:
		auto auto,
		auto auto,
		auto auto,
		100% auto;
}

#image_3 { 
	background: 
		url('../images/shadowbox_image_l.png') left top repeat-y,
		url('../images/shadowbox_image_r.png') right top repeat-y,
		url('../images/shadowbox_image_t.png') left top repeat-x,
		url('../images/boximage_3.jpg') left top no-repeat;
	background-size:
		auto auto,
		auto auto,
		auto auto,
		100% auto;
}

#image_4 { 
	background: 
		url('../images/shadowbox_image_l.png') left top repeat-y,
		url('../images/shadowbox_image_r.png') right top repeat-y,
		url('../images/shadowbox_image_t.png') left top repeat-x,
		url('../images/boximage_4.jpg') left top no-repeat;
	background-size:
		auto auto,
		auto auto,
		auto auto,
		100% auto;
}

#image_5 { 
	background: 
		url('../images/shadowbox_image_l.png') left top repeat-y,
		url('../images/shadowbox_image_r.png') right top repeat-y,
		url('../images/shadowbox_image_t.png') left top repeat-x,
		url('../images/boximage_5.jpg') left top no-repeat;
	background-size:
		auto auto,
		auto auto,
		auto auto,
		100% auto;
}

#image_6 { 
	background: 
		url('../images/shadowbox_image_l.png') left top repeat-y,
		url('../images/shadowbox_image_r.png') right top repeat-y,
		url('../images/shadowbox_image_t.png') left top repeat-x,
		url('../images/boximage_6.jpg') left top no-repeat;
	background-size:
		auto auto,
		auto auto,
		auto auto,
		100% auto;
}

#image_7 { 
	background: 
		url('../images/shadowbox_image_l.png') left top repeat-y,
		url('../images/shadowbox_image_r.png') right top repeat-y,
		url('../images/shadowbox_image_t.png') left top repeat-x,
		url('../images/boximage_7.jpg') left top no-repeat;
	background-size:
		auto auto,
		auto auto,
		auto auto,
		100% auto;
}

#image_8 { 
	background: 
		url('../images/shadowbox_image_l.png') left top repeat-y,
		url('../images/shadowbox_image_r.png') right top repeat-y,
		url('../images/shadowbox_image_t.png') left top repeat-x,
		url('../images/boximage_8.jpg') left top no-repeat;
	background-size:
		auto auto,
		auto auto,
		auto auto,
		100% auto;
}

#image_9 { 
	background: 
		url('../images/shadowbox_image_l.png') left top repeat-y,
		url('../images/shadowbox_image_r.png') right top repeat-y,
		url('../images/shadowbox_image_t.png') left top repeat-x,
		url('../images/boximage_9.jpg') left top no-repeat;
	background-size:
		auto auto,
		auto auto,
		auto auto,
		100% auto;
}

#image_10 { 
	background: 
		url('../images/shadowbox_image_l.png') left top repeat-y,
		url('../images/shadowbox_image_r.png') right top repeat-y,
		url('../images/shadowbox_image_t.png') left top repeat-x,
		url('../images/boximage_10.jpg') left top no-repeat;
	background-size:
		auto auto,
		auto auto,
		auto auto,
		100% auto;
}

#image_11 { 
	background: 
		url('../images/shadowbox_image_l.png') left top repeat-y,
		url('../images/shadowbox_image_r.png') right top repeat-y,
		url('../images/shadowbox_image_t.png') left top repeat-x,
		url('../images/boximage_11.jpg') left top no-repeat;
	background-size:
		auto auto,
		auto auto,
		auto auto,
		100% auto;
}

#image_12 { 
	background: 
		url('../images/shadowbox_image_l.png') left top repeat-y,
		url('../images/shadowbox_image_r.png') right top repeat-y,
		url('../images/shadowbox_image_t.png') left top repeat-x,
		url('../images/boximage_12.jpg') left top no-repeat;
	background-size:
		auto auto,
		auto auto,
		auto auto,
		100% auto;
}

#image_13 { 
	background: 
		url('../images/shadowbox_image_l.png') left top repeat-y,
		url('../images/shadowbox_image_r.png') right top repeat-y,
		url('../images/shadowbox_image_t.png') left top repeat-x,
		url('../images/boximage_13.jpg') left top no-repeat;
	background-size:
		auto auto,
		auto auto,
		auto auto,
		100% auto;
}

#image_14 { 
	background: 
		url('../images/shadowbox_image_l.png') left top repeat-y,
		url('../images/shadowbox_image_r.png') right top repeat-y,
		url('../images/shadowbox_image_t.png') left top repeat-x,
		url('../images/boximage_14.jpg') left top no-repeat;
	background-size:
		auto auto,
		auto auto,
		auto auto,
		100% auto;
}

#image_15 { 
	background: 
		url('../images/shadowbox_image_l.png') left top repeat-y,
		url('../images/shadowbox_image_r.png') right top repeat-y,
		url('../images/shadowbox_image_t.png') left top repeat-x,
		url('../images/boximage_15.jpg') left top no-repeat;
	background-size:
		auto auto,
		auto auto,
		auto auto,
		100% auto;
}

#geschaeftsfuehrer { 
	background: url('../images/zeljko_percela.jpg') left top no-repeat;
	background-size: 100% auto;
}

#image_1 .inner, #image_2 .inner, #image_3 .inner, #image_4 .inner, #image_5 .inner, #image_6 .inner, #image_7 .inner, #image_11 .inner, #image_12 .inner, #image_13 .inner, #image_14 .inner, #image_15 .inner  { padding-top: 63.8%;}

#image_8 .inner, #image_9 .inner, #image_10 .inner { 
	padding-top: 138.88%;
}

#geschaeftsfuehrer .inner { padding-top: 122.8%;}

#image_footer { 
	width: 80%;
	background: url('../images/image_footer.jpg') left top no-repeat;
	background-size: 100% auto;
}

#image_footer .inner { padding-top: 127%;}


#image_left { 
	width: 80%;
	background: url('../images/image_footer_2.png') left top no-repeat;
	background-size: 100% auto;
}

#image_left .inner { padding-top: 127%;}


/*========================================================================
	Typography
========================================================================== */
h1 {
	color: rgb(2,60,93);
	font-size: 32px;
	line-height: 37px;
	font-family: 'diavlolight';
	font-weight: normal;
}

h2 {
	color: rgb(2,60,93);
	font-size: 23px;
	line-height: 30px;
	font-family: 'diavlolight';
	font-weight: normal;
}

h3 {
	color: rgb(2,60,93);
	font-size: 28px;
	line-height: 33px;
	font-family: 'diavlolight';
	font-weight: normal;
}

h4 {
	color: rgb(2,60,93);
	font-size: 15px;
	line-height: 18px;
	font-family: 'diavlolight';
	font-weight: normal;
	padding-bottom: 8px;
}

h5 {
	color: rgb(2,60,93);
	font-size: 15px;
	line-height: 18px;
	font-family: 'diavlolight';
	font-weight: normal;
	padding-top: 10px;
}

p {
	padding: 5px 0;
	font-size: 12px;
	line-height: 15px;
}

.shadowbox h1, .shadowbox h2, .shadowbox h3, .shadowbox p {
	padding-left: 20px;
	padding-right: 20px;
}

/*========================================================================
	Contactform
========================================================================== */

.contactform td {
	padding: 5px 0;
}

.contactform input, .contactform textarea {
	padding: 4px 10px;
	width: 200px;
	border: none;
	border-radius: 5px;
	background-color: rgba(0,0,0,.1);
}

.contactform .error input, .contactform .error textarea {
	background-color: rgba(220,0,0,.3);
}

/*========================================================================
	Responsive Fix
========================================================================== */

@media screen and (max-width: 1070px) {
	.dynamic {
		width: 100%;
	}
}