/*------------------------------------------
  Basics
------------------------------------------*/

/*
Colors:
header bg: 			#af5840
header text: 		#fae9c7
body bg: 			#fae9c7
navi text: 			#833522
navi text hover: 	#fae9c7
body link: 			#ac5843
body link hover: 	#69210f
*/


* { 
	margin: 0; 
	padding: 0; 
	} 
	
html { 
	margin: 0; 
	padding: 0; 
	font-size: 62.5%; /* 10px = 100% */
	} 

body { 
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 140%; 
	font-weight: 300;	
	line-height: 1.5em; 
	color: #000; 
	margin: 0; 
	padding: 0; 
	background-color: #fae9c7;
	background-image: url('../images/header-bg2.gif');
	background-repeat:repeat-x;
	} 

a:link, a:visited, a:active { 
	text-decoration: none; 
	color: #ac5843; 
	}
a:hover, a:visited:hover { 
	text-decoration: underline; 
	color: #69210f; 
	} 

.clear { 
	clear: both; 
	display: block; 
	} 

p { 
	vertical-align: top; 
	margin: 0 0 0 0; 
	padding: 0 0 15px 0; 
	} 

img {
	border: 0; 
	}
	
hr {
	border: none; 
	border-top: 1px solid #d9c396; 
	background-color: #fae9c7; /* Farbe für Opera und Firefox */ 
	color: #fae9c7; /* Farbe für Internet Explorer (IE) */
	height: 1px;
	margin: 10px 0px 10px 0px;
	}

ul {
	list-style-type: none;
	padding: 0px;
    margin: 0px;
    }

li a {
    color: #ac5843;
    font-weight: 400;
    line-height: 3em;
	}

#projekte li a {
    line-height: 1em;
	}

#header ul {
	position: absolute;
	top: 176px;
	left: 55px;
	display: inline;
	z-index: 20;
}
#header ul li {
	display: inline;
	padding-right: 3.3em;
	text-transform: uppercase;
	}

#header ul li a {
	color: #833522;
    }
#header ul li a:hover {
	color: #fae9c7;
	}


/*------------------------------------------
  Boxes and areas
------------------------------------------*/ 

#wrapper { 
	position: relative; 
	z-index: 0; 
	width: 1000px; 
	margin: 0 auto 0 auto; 
	padding: 0; 
	/* border: 1px solid #f00; */
	} 


/* Header */	

#header { 
	position: absolute; 
	z-index: 5; 
	top: 0px; 
	height: 228px; 	
	width: 100%;
	/* border: 1px solid yellow; */
	} 

#headertitle { 
	position: absolute; 
	z-index: 10; 
	top: 0px;
	left: 150px;
	padding: 100px 0 0 0; 
	} 

#headerimage { 
	position: absolute; 
	z-index: 15; 
	top: 0px; 
	left: 600px;
	width: 300px;
	height: 228px; 	
	} 
	

/* Content */	

#content { 
	position: absolute; 
	width: 340px;
	padding: 0 0 0 150px; 
	top: 298px;
	color: #000;
	} 

#content_impressionen { 
	position: absolute; 
	width: 680px;
	padding: 0 0 0 150px; 
	top: 298px;
	color: #000;
	} 

#contentimage {
	position: absolute; 
	z-index: 15; 
	top: 228px;
	left: 600px;
	width: 300px;
	} 

#cms {
	position: absolute;
	top: 0;
	right: 80;
	z-index: 9999;
	}


.button230 {
	position: relative; 
	float: left; 
	height: 166px; 
	width: 230px;
	}

	
div a.block {
	display: block; 
	width: 255px; 
	height: 46px; 
	padding: 120px 0 0 15px;
	text-decoration: none; 
	color: #999; 
	}

div a.block-start {
	display: block; 
	width: 215px; 
	height: 46px; 
	padding: 120px 0 0 15px;
	text-decoration: none; 
	color: #999; 
	}

div a.block:hover, div a.block-start:hover {
	text-decoration: none; 
	color: #444; 
	}
	

/*------------------------------------------
  Typefaces
------------------------------------------*/

h2 { 
	font-size: 1.3em; 
	font-weight: 400; 
	} 

h3 { 
	font-size: 1.2em; 
	font-weight: 400; 
	margin: -15px 0 35px 0;
	} 

h4 { 
	font-size: 1.2em; 
	font-weight: 400; 
	margin: -15px 0 5px 0;
	} 

b { 
	font-family: 'Roboto Condensed', sans-serif; 
	font-weight: 400;	
	} 
	
.right {
	float:right;
	}

.left {
	float:left;
	}

.small {
	font-size: 0.8em;
	}

.orange { color: #ED820E; }

.spacer25 { margin-right: 25px; }

.title { 
	color: #fae9c7;
	font-family: 'Nothing You Could Do', cursive;
	font-size: 4em;	
	text-shadow: 4px 4px 4px rgba(0,0,0,0.5);
	} 

.standard {
	font-family: 'Roboto Condensed', Arial, Geneva, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	font-size: 14px; 
	font-weight: 300;
	margin-top: 25px;
	color: #fae9c7; 
	}



/*------------------------------------------
  Typefaces
------------------------------------------*/

td { 
	vertical-align: top; 
	}