/*----------- PAGE LAYOUT ----------------*/

html 
{
	height: 100%;
}

body 
{
	margin: 0px; 
	padding: 0px;
	height: 100%;
	background-color: #FDE6B9;
	font-family: arial, hevetica, sans-serif;
	font-size: 10pt;
}

html>body #header {  /* nur fuer moderne Browser! */
    position: fixed;
}

#header
{
	position:absolute;
	top:      0px;
	left:     0px;
	z-index:  0;
	width:  100%;
	height: 109px;
	margin-bottom: -109px;
	background-color: #911C3B; 
	background-image: url(images/oben_hintergrund.gif); 	
}

html>body #nav {  /* nur fuer moderne Browser! */
    position: fixed;
}

#nav {
	top:    109px;
	height: 100%;
	width:  162px;
	background-color: #911C3B;
	background-image: url(images/menu_hintergrund.gif);
}

#content {
	padding-top: 109px;
	margin-left: 162px;
}

/*----------- PAGE_ELEMENTS -----------*/

#logo {
	position: absolute;
	top:     0px;
	left:    0px;
	width: 162px;
	height: 109px;
	background-image: url(images/logo.gif);
}

#address_top {
	position: absolute;
	top:    0px;
	left:  355px;
	height: 0px;
	color: white;
	text-align: center;
}

#content_container {
	padding-left:  30px;
	padding-top:   30px;
	padding-right: 50px;
}

#picture {
	float: left;
	text-align: center;
}

#text {
	margin-left: 425px;
}

#text_without_picture {
	text-align: center;
}

#w3c {
	position: absolute;
	bottom: 130px;
	left:    15px;
}

img.w3c {
	border: none;
	width:88px;
	height:33px;
}

img.link {
	border: 0px;
}

/*----------- NAVIGATION ----------------*/

ul.navigation
{
	position: absolute;
	padding: 25px 0px;
	margin-left: 0px;  /* only IE */
	margin-top: 2em;
	color: white;
	width: 135px;        /* only IE */
	list-style-type: none;
    font:normal 10pt Verdana, sans-serif;	
}

html>body ul.navigation
{
	margin-left: 0px;
	width: 120px;
	/* for well designed browsers */	
}

li.nav_button {
	height: 40px;
}

/*----------- TEXT-FORMATIERUNG ----------------*/

TD#address_headline 
{
	vertical-align: middle;
	text-align: center;
	color: #D9D9D9;
	font-size: 9pt;
}

#picture_text 
{
	line-height: 15pt;
	text-align: center;
	font-size: 8pt;
}

#page_title 
{
	text-align: left;
	font-size: 13pt;
	font-weight: bold;
}

hr#page_title_line {
	border-width:1px;
	border-style:solid;
	border-color:#4d230f
}

td.kontakt {
	width: 100px;
	font-size: 9pt;
}

/*---------- TABELLEN --------------*/

table {font-size: 11pt;}

table#webdesign_offer 
{
	background-color: #FFFEF5;
	font-size: 10pt;
	padding: 8px;		
	width:300px; 
	height:250px; 
	border:1px solid #024C00;
}

table.referenzen 
{
	width:90%;
	height:500px;
	text-align: left;
}

td.referenzen_left_spacing {width: 45px;}
td.referenzen_left 
{
	padding-top:10px;
	padding-bottom:10px;
	vertical-align: top;	
	width: 200px;
	border-bottom:1px solid #E4E4E4;
}
	
td.referenzen_right 
{
	padding-left:10px;
	vertical-align: top;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #E4E4E4;
}

table#kontakt {
	padding: 20px;
	background-color: #FFFEF8;
	border: solid 1px #EBEBEB;	
}

table.header {
	height: 100%;
	width: 100%;
}

table.lebenslauf {
	width: 570px;
	padding-bottom: 10px;	
}

td.lebenslauf_links {
	text-align: right;
	padding-right: 10px;
	padding-bottom: 10px; 
}

td.lebenslauf_rechts {
	padding-bottom: 10px;
	vertical-align: top;
}

/*------------- LINKS --------------*/

a:link { color:#12537C; text-decoration:none;} 
a:visited { color:#232323; text-decoration:none; } 
a:active { color:#787878; text-decoration:none; } 
a:hover { color:#000000; text-decoration:underline; } 

/*----------- SONSTIGES ------------*/

img.w3c_valid {
	border:0;
	width:88px;
	height:31px;
}