@charset "utf-8";

/* reset ------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

a, a:focus, :focus {outline: 0;}
a:active {position: relative;top: 1px;}
a, a img, img {border: none;}
a {text-decoration: none;color: #d44917;}


/* wrapper ------------------------- */

body { 
	background: #f1f1f1 url(../images/bg.gif) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 170%; 
	color: #797979;
	margin:0;
	padding:0;
	text-shadow: 0 1px #fff;
}

#wrapper {width: 960px; height: auto; margin: 0 auto;}

/* header ------------------------- */

#header {
	background: url(../images/slogan.png) 550px 110px no-repeat;
	width: 960px;
	height: 170px;
	padding: 70px 0 0 0;
	overflow: hidden; 
}

h1 {width: 270px; height: 109px; float: left; position:relative;}
h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 21px;font-style:normal;color: #d44917; width:500px;margin: 0 0 30px 0; border-bottom:1px solid #ccc; padding:0 0 20px 0;}
h2.spec { width:640px;}
#logo {background: url(../images/logo.png) 0 0 no-repeat;width: 270px; height: 109px; display: block; text-indent: -9999px;}

#top-nav {float: right; margin: 70px 60px 0 0;}
#top-nav li {float: left; padding: 0 10px; border-right: 1px solid #c8c8c8;}
#top-nav li:last-child {border-right: none;}
#top-nav li a {font-family: Tahoma, Geneva, sans-serif; font-size: 15px;}

#top-nav li a:link,
#top-nav li a:visited {color: #797979;}
#top-nav li a:hover {color: #333;}
#top-nav li a:active,
#top-nav li a:focus {color: #797979;}

/* info-column -------------------- */

#info-col {width: 250px;height: auto;float: left; margin: 0 0 80px 0;}

#main-nav {border-bottom: 1px solid #fff;border-top: 1px solid #dfdfdf; margin:0 0 262px 0;}

#main-nav li a {
	width: 220px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dfdfdf;
	font-size: 18px;
	display: block;
	padding: 12px 0 12px 30px;
}

#main-nav li a:link,
#main-nav li a:visited {color: #797979;}
#main-nav li a:hover {color: #d44917;background: #ebebeb;}
#main-nav li a:active,
#main-nav li a:focus {color: #797979; background: #ebebeb;}


#main-nav li li a {
	width: 200px;
	display: block;
	padding: 12px 0 12px 50px;
	font-size: 15px;
}

#main-nav li li a:link {color: #999;}
#main-nav li li a:hover {background: none;color: #d44917;}
#main-nav a#aktiv {color: #d44917;}

.imp {color: #d44917; display:block; margin:0 0 15px 0; font-weight:bold;}

#address { padding: 0 0 0 31px; width: 219px;}
#address span {color: #D44917; display:block; margin:0 0 10px 0;}

.markup {color: #D44917;}

/* main-column -------------------- */

#main-col {width: 640px;margin: 0 0 50px 50px;height: auto;float: left;}

#slidr-container {width: 630px;height: 337px;margin: 0 0 50px 0; background:url(../images/img-placeholder.jpg) 0 0 no-repeat; overflow:hidden;}
#slidr { overflow: hidden; width:630px, height: 330px;}

div.gallery { width: 500px; margin: 20px 0 30px 0; overflow: hidden;}
div.gallery img { display: block; float: left; margin: 0 10px 0 0; padding:3px; border: 1px solid #ccc; background-color:#fff;}
div.gallery img:hover { border: 1px solid #999;}

#text {width: 500px; overflow: hidden;}
#text.cont {width:640px;}

.referenz { width:500px; overflow: hidden; border-bottom:1px solid #ccc; margin: 0 0 20px 0;}

#conleft {float: left; margin:0 0 30px 0;}
#conright {float: left; margin:0 0 30px 100px;}

#datenschutz {clear: both; padding:30px 0 0 0; border-top: 1px solid #ccc;}

/* footer -------------------- */

#footer {width: 960px;clear: both;border-top: 1px solid #c8c8c8;font-size: 12px;padding: 15px 0 80px 0;overflow: hidden;}

#copyright {float: left;}
#copyright span {color: #333;}
#copyright a:link,
#copyright a:visited {color: #797979;}
#copyright a:focus,
#copyright a:hover,
#copyright a:active {color: #d44917; text-decoration:none;}