@charset "UTF-8";
/* CSS Document */

body {
background:#f7f7f7;
font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
}

img {
border:0;
}

h1 {
text-indent:-9999px;
background-image:url(../pics/sprite.png);
background-repeat:no-repeat;
background-position:0 -410px;
width:210px;
height:50px;
margin-bottom:15px;
}

h2 {
font-family:Georgia, "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#444;
font-weight:400;
margin-top:24px;
margin-bottom:15px;
}

h3 {
font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
text-transform:uppercase;
letter-spacing:.05em;
font-weight:400;
border-bottom:1px solid #828282;
padding-left:12px;
padding-right:12px;
padding-bottom:4px;
line-height:16px;
margin:0 22px 6px 0;
}

h3.block {
font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#61001b;
text-transform:uppercase;
font-weight:400;
margin:0 12px 6px 0;
}

p {
padding-bottom:10px;
margin:0 10px 12px;
}

a {
font-weight:700;
text-decoration:none;
color:#333;
}

#block_links_520 li {
	list-style-type:disc;
	list-style-image: url(../pics/mini-peperonie.png);
	margin:2px 0 0 26px;
}
#block_links_520 ul {margin:10px 0;}
.adress tr {
line-height:11px;
height:11px;
margin:0;
padding:0;
}

.adress {
margin:0 0 13px 12px;
}

.meta_content {
float:right;
width:360px;
}

.clear {
font-size:0;
line-height:0;
clear:both;
margin:0;
padding:0;
}

.nosee {
visibility:hidden;
font-size:0;
line-height:0;
height:0;
display:none;
margin:0;
padding:0;
}

label {
display:block;
width:100%;
margin-top:14px;
}

input.submit {
display:block;
width:auto;
margin-top:14px;
}

#block_rechts_250 input,#block_rechts_250 label {
margin-left:12px;
}

#wrapper {
width:1030px;
background:url(../gfx/schatten_verlauf.jpg) repeat-x left top;
margin:0 auto;
}

#main {
width:930px;
background-color:#FFF;
border:1px solid #7d7d7d;
border-top:none;
height:auto;
margin:0 auto;
}

#header {
width:930px;
height:140px;
}

#index_link {
width:110px;
height:75px;
margin:0 auto;
}

#hauptnavigation {
width:930px;
/*padding-top:24px;*/
padding:24px 0 0 0;
}

#hauptbild {
width:930px;
height:255px;
}

#navigationspfad {
width:790px;
height:25px;
padding-top:15px;
padding-left:70px;
padding-right:70px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
}

#navigationspfad a {
color:#333;
text-decoration:none;
text-transform:uppercase;
margin:0;
}

#content {
width:790px;
height:auto;
padding-left:70px;
padding-right:70px;
}

#content a {
color:#333;
text-decoration:none;
font-weight:700;
}

#content a:hover {
color:#ca172a;
text-decoration:underline;
font-weight:700;
}

#block_links_520 {
width:520px;
float:left;
text-align:left;
background-image:url(../gfx/trenner_dotted.gif);
background-repeat:repeat-y;
background-position:right top;
margin-right:10px;
margin-bottom:20px;
}

#block_links_520 p {
margin:0 20px 0 0;
}

#block_rechts_250 {
width:250px;
float:right;
text-align:left;
margin-left:10px;
}

#block_rechts_250 h3 {
margin-left:10px;
width:228px;
}

#footer {
width:800px;
height:60px;
background-color:#666;
color:#fff;
border-top:1px solid #333;
margin-top:20px;
padding:0 70px 20px 60px;
}
#footer a {color:#fff;font-weight:400}
#footer ul li {padding 20px 0}
#footer_links {
padding-top:10px;
text-align:left;
float:left;
color:inherit;
}
#footer_links ul li {
display: inline;
margin-right: 30px;
}

#footer_rechts {
padding-top:10px;
padding-left:20px;
padding-right:20px;
width:216px;
text-align:left;
font-size:10px;
float:right;
}

.leistungs_bild {
float:left;
width:143px;
padding-right:17px;
}
#vpnavigation {
	width:930px;
	margin-left:180px;
}
#vpnavigation li {
float:left;
display:inline;
padding:0;
}

#vpnavigation a {
display:block;
color:#333;
text-decoration:none;
margin:0 0 0 40px;
}
#home h3 { font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:700; padding-left:0;}
#home #block_rechts_250 h3 {
text-indent:-9999px;
width:238px;
height:119px;
background-image:url(../pics/sprite.png);
background-repeat:no-repeat;
background-position:0 -200px;
}

#home #block_rechts_250 #callback h3 {
text-indent:-9999px;
width:228px;
height:73px;
background-image:url(../pics/sprite.png);
background-repeat:no-repeat;
background-position:0 -325px;
}

#techniken #social h3,#impressum #social h3 {
text-indent:-9999px;
width:228px;
height:56px;
background-image:url(../pics/sprite.png);
background-repeat:no-repeat;
background-position:0 -110px;
border-bottom:1px dotted #333;
margin:30px 0 12px;
}

#techniken #social #share h3 {
text-indent:0;
background-image:none;
}

#techniken #social object {
padding-left:12px;
padding-bottom:12px;
border-bottom:1px dotted #333;
}

.social_icon {
width:64px;
height:64px;
float:left;
margin-left:10px;
margin-top:10px;
}

#techniken .meta_content {
width:auto;
}

#techniken .meta_content h3 {
font-size:14px;
font-weight:700;
font-style:normal;
text-transform:none;
padding-left:0;
}

#techniken #partnerlinks h3 {
text-indent:-9999px;
width:250px;
height:108px;
background-image:url(../pics/sprite.png);
background-repeat:no-repeat;
background-position:0 0;
margin-left:0;
}

#kunden h2 {
border-bottom:1px dotted #000;
margin-right:15px;
}

#impressum h3 {
font-size:11px;
font-weight:600;
padding-left:0;
letter-spacing:normal;
margin-right:20px;
}

#impressum #block_rechts_250 h3 {
margin-right:0;
}

#impressum hr {
margin-right:20px;
}

#map {
border:.083em solid #666;
width:500px;
height:400px;
}

#routenplanung {
border:1px dotted #666;
width:250px;
}

.eingabe {
width:248px;
border:15px solid #fff;
border-bottom:none;
}

.submit {
width:100%;
}

.erforderlich {
color:red;
}

#contact,#info_box {
width:250px;
background-color:#A3CB44;
border:1px dotted #ccc;
margin-bottom:20px;
margin-left:10px;
color:#666;
}

#contact h2 {
padding-left:12px;
}

#contact h4 {
font-size:13px;
color:#777;
margin:12px 0 8px 12px;
}

#info_box h3,#info_box h2,#info_box p {
margin-left:12px;
text-align:left;
margin-top:8px;
margin-right:12px;
width:auto;
border-color:#fff;
}

#info_box p.social_network img {
margin:0 0 0 30px;
}

#info_box h3,#info_box h2 {
color:#61001b;
font-weight:700;
text-align:left;
}

#social_network strong {
text-indent:-9999px;
color:red;
}

#info_box ul li a:link,#info_box ul li a:visited,#info_box ul li a:hover,#info_box ul li a:active {
font-weight:400;
}

.ref_objekt {
width:210px;
height:140px;
border:1px solid #fff;
margin:11px;
padding:7px;
}

.first_line {
padding-top:12px;
}

#navigationspfad a:hover,#vpnavigation a:hover,#vpnavigation a:active,.active,li.active {
color:#999;
}

#block_links_250,#block_mitte_250 {
width:250px;
float:left;
text-align:left;
}
#vpnavigation li.activepath a,#vpnavigation ul a {
color:#FF8000;
}

#vpnavigation li.activepath div a,#vpnavigation ul div ul li a {
color:#333;
}

.social_network {
background:transparent;
border:2px dotted #CCC;
}

div.social_network {
padding-bottom:0;
margin:0 12px 10px;
}

div.social_network p {
text-align:left;
}

div.social_network iframe {
margin-bottom:20px;
}

#partnerlinks li {
padding-left:12px;
border-bottom:1px dotted #000;
font-size:8pt;
}

#partnerlinks li a {
color:gray;
}

#slider {
width:930px;
height:255px;
overflow:hidden;
}

#sliderContent {
width:930px;
position:relative;
top:0;
margin-left:0;
}

.sliderImage span {
font:10px/15px Arial, Helvetica, sans-serif;
text-align:right;
width:930px;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity:0.6;
opacity:0.6;
color:#fff;
display:none;
position:absolute;
height:50px;
}

.top {
top:0;
left:0;
}

.bottom {
bottom:0;
left:0;
}

#slider1,#slider1Content,.slider1Image span {
width:230px;
margin:0 auto;
}

#slider1 {
height:104px;
overflow:hidden;
border-bottom:1px dotted #333;
padding-bottom:18px;
}

#slider1Content {
position:relative;
top:0;
margin-left:0;
}

.slider1Image span {
/*font:10px/15px Arial, Helvetica, sans-serif;
text-align:right;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity:0.6;
opacity:0.6;
color:#fff;
display:none;
position:absolute;
height:54px;*/
display:hidden;
}
*,html,body,form,.adress p {
margin:0;
padding:0;
}

ul,#kunden ul,#info_box ul {
list-style-type:none;
}

#kontaktformular,#techniken #info_box {
background-color:transparent;
}

.sliderImage,.slider1Image {
display:none;
}
.sliderImage span strong {padding-top:20px}
.sliderImage span strong,.slider1Image span strong {
font-size:11px;
}

.sliderImage span p,.sliderImage span q,.sliderImage span blockquote,.slider1Image span p,.slider1Image span q,.slider1Image span blockquote,.sliderImage span strong, .sliderImage span strong br {
font-weight:400;
margin-right:65px;
}
#likebutton {width:200px;height:auto;padding-left:15px}div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 470px; 
	margin-right:60px;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	/*clear: both;*/
	height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 470px;
	height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 550px;
	height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 5px solid #e5e5e5;
	position: absolute;
	top: 4px;left: 30px;

}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 200px;
	background-color:#F8F8F8;
	width:510px;
	margin-left: 30px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 510px;
	top: 0;
	left: 0;
	border-top:1px dotted #000;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
	color:#ca172a;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
	border:5px solid #8f8f8f;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
div#thumbs {
	width:200px;
}