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

* {
	margin:0;
	padding:0;
	}
	
html, body, #wrap {
	height:100%;
	}
	
body > #wrap {
    height: auto;
    min-height: 100%;
}

body {
	background-image:url(images/basic/bg_body.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#870000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#fff;
}

a:link {
	color:#fff;
	text-decoration:underline;
	}

a:visited {
	color:#fff;
	text-decoration:underline;
	}

a:hover {
	color:#daa9aa;
	text-decoration:none;
	}

h1 {
	font-size:400%;
	font-weight:bold;
	color:#fff;
	margin-bottom:15px;
	}

h2 {
	font-size:150%;
	font-weight:bold;
	margin-bottom:15px;
	}
	
h3 {
	font-weight:bold;
}

p {
	margin-bottom:8px;
	}
	
img {
	border-width:0px;
	}
	
strong {
	color:#fff;
	}
	
blockquote {
	font-style:italic;
	margin-bottom:5px;
	}
	
address {
	font-style:normal;
	margin-bottom:8px;
}

ul {
	list-style-position:outside;
	margin-left:30px;
	margin-bottom:15px;
}


/* #################### LAYOUT #################### */

#wrap {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/basic/bg_container_jdw2012.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

#header {
	width:900px;
	height:200px;
}

#logo {
	width:300px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	margin-bottom:40px;
}

#logo img {
	width:100px;
	border:none;
}

#navigation {
	width:900px;
	text-align:center;
	color:#555;
	font-size:100%;
}

#navigation ul {
	list-style:none;
}

#navigation li {
	display:inline;
	margin-left:15px;
	margin-right:15px;
}

#navigation a:link {
	color:#daa9aa;
	text-decoration:none;
	}

#navigation a:visited {
	color:#daa9aa;
	text-decoration:none;
	}

#navigation a:hover {
	color:#fff;
	text-decoration:none;
	}
	
#bildcontainer {
	width:900px;
	height:330px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	background-image:url(images/basic/bg_bc.png);
	background-position:center top;
	background-repeat:no-repeat;
}

#bildcontainer img {
	margin:8px 8px 18px 8px;
}

#main {
	padding-bottom: 270px;  /* Muss genau so hoch sein wie der Footer */
	width:860px;
	margin-left:auto;
	margin-right:auto;
}
	
#side {
	float:right;
	width:280px;
}

#side h1 {
	font-size:120%;
	margin-bottom:3px;
}

#side h2 {
	font-size:110%;
	margin-bottom:5px;
}

#side form {
	width:auto;
	margin-left:0px;
}

#content {
}

.news {
	height:345px;
	background-image:url(images/basic/bg_divider.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	margin-bottom:50px;
}

.news_last {
	height:345px;
	margin-bottom:50px;
}

.news a {
	margin-right:8px;
}

.news h1 {
	font-size:120%;
	color:#FFF;
	padding-top:20px;
}

.news_last h1 {
	font-size:120%;
	color:#FFF;
	padding-top:20px;
}

.news_image {
	background-image:url(images/basic/bg_news_image.png);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	margin-right:30px;
}

.news_image img {
	margin:8px 8px 18px 8px;
	border:none;
}

#video {
	width:860px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#archiv {
	margin-bottom:50px;
}

#archiv ul {
	list-style:none;
}

#archiv li {
	display:inline;
	padding:6px 15px 6px 15px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	margin-right:15px;
	background-color:#fff;
	color:#870000;
}

#archiv a:link {
	color:#870000;
	text-decoration:underline;
	}

#archiv a:visited {
	color:#870000;
	text-decoration:underline;
	}

#archiv a:hover {
	color:#daa9aa;
	text-decoration:none;
	}
	
.referenzen {
	width:860px;
	height:420px;
	margin-bottom:30px;
	background-image:url(images/basic/bg_divider.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.referenzen_last {
	background-image:none;
}
	
.ref {
	width:265px;
	height:310px;
	display:inline-block;
	margin-right:18px;
	margin-bottom:25px;
}

.ref_image {
	margin-bottom:10px;
	-moz-box-shadow:0px 0px 15px #590000;
	-webkit-box-shadow: 0px 0px 15px #590000;
	box-shadow: 0px 0px 15px #590000;
	margin-bottom:15px;
}

.referenzen h1 {
	text-transform:uppercase;
	font-size:130%;
}

.referenzen h2 {
	font-size:110%;
	margin-bottom:3px;
}

.referenzen_last h1 {
	text-transform:uppercase;
	font-size:130%;
}

.referenzen_last h2 {
	font-size:110%;
	margin-bottom:2px;
}

.ref_ansehen {
	float:right;
	color:#870000;
	padding:3px 10px 3px 8px;
	background-color:#fff;
}

a.ref_ansehen:link {
	color:#870000;
	text-decoration:none;
	}

a.ref_ansehen:visited {
	color:#870000;
	text-decoration:none;
	}

a.ref_ansehen:hover {
	color:#daa9aa;
	text-decoration:none;
	}

#footer {
    position: relative;
	margin-top: -200px; /* Negativer Wert der Footer-Höhe */
	height: 200px;
	width:870px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	text-align:center;
	font-size:80%;
	color:#daa9aa;
	background-image:url(images/basic/bg_footer.png);
	background-position:center top;
	background-repeat:no-repeat;
}

#footer p {
	margin-bottom:10px;
}

#footer ul {
	list-style:none;
	margin-right:30px;
}

#footer li {
	display:inline;
	margin-left:15px;
	padding-left:15px;
	border-left:1px solid #a88283;
}

#footer .first {
	margin-left:0px;
	padding-left:0px;
	border:none;
}

#footer a:link {
	color:#daa9aa;
	text-decoration:none;
	}

#footer a:visited {
	color:#daa9aa;
	text-decoration:none;
	}

#footer a:hover {
	color:#fff;
	text-decoration:none;
	}
	
#facebook {
	width:80px;
	margin-left:auto;
	margin-right:auto;
}
	

/* #################### ENDE LAYOUT #################### */





/* #################### MENÜ AKTUELL #################### */

#home #navHome a,
#markensprache #navMarkensprache a,
#profil #navProfil a,
#leistungen #navLeistungen a,
#referenzen #navReferenzen a,
#akademie #navAkademie a,
#kontakt #navKontakt a,
#impressum #navImpressum a {
	color:#fff;
	text-decoration:none;
	}
	
/* #################### ENDE MENÜ AKTUELL #################### */





/* #################### KONTAKTFORMULAR #################### */

form {
}

.form_block {
	margin-bottom:15px;
}

.form_label {
	display:block;
	font-size:80%;
	font-style:italic;
	color:#fff;
	margin-bottom:3px;
}

.form_eingabe {
	width:300px;
	height:25px;
	line-height:25px;
}

.form_nachricht {
	width:305px;
	height:200px;
}

#form_senden {
	font-size:100%;
	border:1px solid #fff;
	background-color:#870000;
	color:#fff;
	padding:5px 18px 5px 18px;
}

.form_subject {
	visibility:hidden;
	height:0px;
}

.form_secfield {
	visibility:hidden;
	height:0px;
}

#hinweis {
	font-size:80%;
	font-style:italic;
	color:#fff;
	margin-bottom:15px;
}

/* #################### ENDE KONTAKTFORMULAR #################### */






/* #################### CLEARFIX HACK #################### */

.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Bereich nicht für IE-mac Anfang \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* Bereich nicht für IE-mac Ende */

/* #################### ENDE CLEARFIX HACK #################### */