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

html 
{
	height: 100%;
}

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

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

#header
{
	position:absolute;
	top:      0px;
	left:     0px;
	z-index:  0;
	width:  100%;
	height: 120px;
	margin-bottom: -120px;
	background-color: #4e4e4e;
	border-bottom: 2px solid #FFDE00;
}

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

#nav {
	top:    120px;
	height: 100%;
	width:  160px;
	background-image: url(images/menu_background.gif);
}

#content {
	padding-top: 120px;
	margin-left: 160px;
}

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

#logo {
	position: absolute;
	top:    15px;
	left:   15px;
	width: 200px;
	height: 85px;
	background-image: url(images/logo.jpg);
}

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

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

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

#text {
	margin-left: 330px;
}

#text_without_picture { } 

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

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

img.link {
	border: 0px;
}

img.img_large {
	border: 1px solid black;
}

p.downloads_description {
	width: 300px;
	text-align: left;
}

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

ul.navigation
{
	position: absolute;
	padding: 0px 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: 30px;
}

/*----------- TEX-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: 12pt;
	font-weight: bold;
}

hr#page_title_line {
	border-width:1px;
	border-style:dashed;
	border-color:#4E4E4E
}

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#kontakt {
	padding: 20px;
	background-color: #FFFEF8;
	border: solid 1px #EBEBEB;	
}

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

/*----------- REFERENZEN -----------*/
.referenzen {
	padding: 5px 20px 20px 20px;
}

.referenz {
	padding: 15px 15px 25px 15px;
	margin-top: 15px;
	border: 1px solid #dfdfdf;
	background-color: #efefef;
}

.referenz_bild {
	float: left;
}

.referenz_bild a img {
}

.referenz_text {
	margin-left: 315px;
}

/*----------- DOWNLOADS ------------*/
.downloads {
	padding: 5px 20px 20px 20px;
}
.download {
	margin-top: 15px;
	background-color: #efefef;
	padding: 10px;
	border: 1px solid #dfdfdf;
}
#download_img_wf {
	float: left;
	width: 200px;
	height: 148px;
	background-image: url(images/wf_small.jpg);
}

#download_img_sg {
	float: left;
	width: 200px;
	height: 156px;
	background-image: url(images/simplegallery_small.jpg);
}

.download_text {
	margin-left: 220px;
}

/*------------- LINKS --------------*/
.subtitle {
	text-weight: bold;
}

/*--------- LINK-Darstellung -------*/

a:link { color:#12537C; text-decoration:none;} 
a:visited { color:#12537C; 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;
}