* {
margin: 0;
}
html, body {
height: 100%;
}

body{
background: url(../img/baumaterial/bg_kopf.jpg) repeat-x;
}
a {
	text-decoration:none;
	color:#222;
}

h2{
color:#8D6D13;
font-size:1.3em;
}

h4{
	margin-top: 3px;
	width:280px;
	background-image:url(../img/baumaterial/star.png);
	background-repeat:no-repeat;
	font-size:0.7em;
	text-indent:8px;
	margin-left:340px;	
	color:#333;
}

strong {
color:#8D6D13;
}


/* -------------------------------------------------
Aussenumrandung
-------------------------------------------------- */
.wrapper {
position: relative;
width: 1200px;
border:0px solid #ff0000;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -218px; /* the bottom margin is the negative value of the footer's height */
}

/* ----------------------------------------------------
Kopfbereich / Header
------------------------------------------------------ */
.header {
height: 270px;
width:1200px;
background: url(../img/logo_cd-event.png) no-repeat;
background-position:center;
text-transform:uppercase;
}

.contact {
position:absolute;
width:100px;
height:18px;
margin-top:242px;
margin-left:-15px;
text-indent:-9px;
}

.contact li{
	list-style-image:url(../img/baumaterial/pfeil_on.png);
	list-style-position:outside;
}

.language {
position:absolute;
width:100px;
height:18px;
margin-top:242px;
margin-left:1111px;
text-indent:-9px;
}

.language li{
	list-style-image:url(../img/baumaterial/pfeil_on.png);
	list-style-position:outside;
}

.deutsch{
	position:absolute;
width:100px;
height:18px;
margin-top:242px;
margin-left:1103px;
text-indent:-9px;
}
.deutsch li{
	list-style-image:url(../img/baumaterial/pfeil_on.png);
	list-style-position:outside;
}



.contact li:hover, .language li:hover, .deutsch li:hover{
list-style-image:url(../img/baumaterial/pfeil.png);
}
.contact a:hover, .language a:hover, .deutsch a:hover{
	color:#4c4c4c;
}

.contact li.active, .language li.active{
list-style-image:url(../img/baumaterial/pfeil.png);
color:#4c4c4c;
}




/* ---------------------------------------------------
Haupt-Navigation
----------------------------------------------------*/
#navigation{
position:relative;
top:40px;
width:1200px;
height:25px;
border:0px solid #000;
text-transform:uppercase;
}
/*--mitte/aktiv link --*/
#navigation .nav-button_aktiv{
position:absolute;
left:540px;
width:123px;
height:23px;
background-color:#666666;
text-align:center;	
padding-top:3px;
}

#navigation .nav-button_aktiv.terms{
	left: 600px;
	top: -3px;
}


#navigation .nav-button_aktiv a{
color:#fff;
}
/*--navigationsbutton --*/
#navigation .nav_button{
height:20px;
border:0px solid #000;
width:auto;
margin:0px 10px 0px 0px;
padding-top:3px;
font-size:0.9em;
}
#navigation .nav_button a{
color:#8D6D13;
}
#navigation .nav_button a:hover{
color:#666;

border-top:1px solid #8D6D13;
border-bottom:1px solid #8D6D13;
padding:6px 0px 6px 0px;
	-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition:all 1.1s ease;
}
/*-- navigation rechter balken --*/
#navigation .right{
position:absolute;
left:670px;
margin-top:3px;
width:680px;
height:20px;
border:0px solid #ff0000;
}

/*-- navigation linker balken --*/
#navigation .left{
position:absolute;
left:0px;
margin-top:3px;
width:540px;
height:20px;
border:0px solid #000;
text-align:right;
}

#navigation .left.terms{
	width: 600px;
}

#navigation .left.terms.en{
	width: 590px;
}

/*-- kontakt -- */
#navigation .kontakt{
position:absolute;
left:540px;
margin-top:3px;
width:720px;
height:20px;
border:0px solid #ff0000;
}


/* -----------------------------------
Inhaltsbereich
------------------------------------*/

.artikel{
width:660px;
min-height:360px;
border:0px solid #000;	
margin-top:100px;
margin-left:540px;
}
.artikel_news{
width:660px;
height:1260px;
border:0px solid #000;	
margin-top:100px;
margin-left:540px;
}
.artikel img{
margin:0 12px 0 0px;;	
}

.artikel ul{
float:left;
list-style-position:outside;
}

.artikel li{
color:#8D6D13;
padding:0px 0px;
margin:0px 35px 0px -25px;
font-weight:600;

}

.foto-box{
margin-top:107px;
width:480px;
height:auto;
float:left;
border:0px solid #ff0000;
z-index:3;
}

/*----------------------------------------
subnavigation
----------------------------------------*/

.subnav_rahmen{
margin-top:118px;
width:280px;
height:auto;
border:0px dotted #ff0000;	
text-transform:uppercase;
float:left;
}

.subnav_rahmen li{
	position:relative;
	width:160px;
	height:24px;
	border:0px solid #000;
	left:20px;
	margin:23px;
	text-indent:6px;
	list-style-image:url(../img/baumaterial/pfeil_subnav.png);
	list-style-position:inside;
}

.subnav_rahmen li, a{
	color:#8D6D13;
}

.subnav_rahmen li:hover{
	background-color:#666;
	color:#fff;	
	list-style-image:url(../img/baumaterial/pfeil_subnav_on.png);
	-webkit-transition: all 1.1s ease;
-moz-transition: all 1.1s ease;
-o-transition:all 1.1s ease;
}

.subnav_rahmen li.active {
	background-color:#666;
	color:#fff;	
	list-style-image:url(../img/baumaterial/pfeil_subnav_on.png);
}

.bilder-rahmen{
	position:relative;
	top:107px;
width:230px;
height:auto;
border:0px solid #000;
left:0px;
float:left;	
	
}





/*---------------------------------------
Kunden
--------------------------------------*/
.kunden_logos{
margin-top:105px;
width:1200px;
height:auto;
border:0px solid #000;
}
.kunden_logos img{
margin:0px 10px 0px 8px;
}

/*---------------------------------------
Impressum seite mit 3 Spalten
-----------------------------------------*/
#impressum{
margin-top:85px;
width:1200px;
min-height:1120px;
border:0px solid #000;
}

#impressum .column_left{
position:absolute;
margin-left:0px;
width:350px;

border:0px solid #ff0000;	
}
#impressum .column_middle{
	position: absolute;
    margin-left: 480px;
    width: 328px;
    height: auto;
    border: 0px solid #ff0000;
    margin-top: 60px;
}
#impressum .column_right{
position:absolute;
margin-left:800px;
width:400px;
height:auto;
margin-left:800px;
border:0px solid #ff0000;	
}

/* ------------------------------------
Referenzen Website
------------------------------------- */
.vorschaubild_news{
width:500px;
height:200px;
border:0px solid #000;
padding:9px 0px;
margin:9px 0px;
}

.vorschaubild_news img{
float:left;	
margin:0px 16px 0px 0px;
}


/* ----------------------------------
 Fussbereich
 ----------------------------------- */
.footer {
position: relative;
width: 100%;
margin: 0 auto;
background: url(../img/baumaterial/bg_fuss.jpg);
}
.footer a {
color: #222;
}
.footer p {
position: absolute;
left: 0;
bottom: 4px;
width: 100%;
padding: 0;
}
.footer, .push {
height: 218px; /* .push must be the same height as .footer and .wrapper*/
border:0px solid #000;
background-color:#fff;
}