html{
margin:0;
padding:0;
}
body
{
text-align: center;
background: #F7BE33;
margin:0;
padding:0;
font: 76% Arial,Helvetica,sans-serif; 
}

body,p,table,tr,td,li,ul,ol { 
	font-style: normal; 
	font-weight: normal; 
	color: #000000;  
	}
h1,h2,h3,h4,h5,h6{
	font-family: Arial,Helvetica,sans-serif;  
	font-size: 1.2em; 
	font-weight: bold; 
	color: #FF0000;
	margin: 10px 0;
	padding: 0;
	}
	
h1,h2 {
	text-transform: uppercase;	
}

h2{
	color: #000000;
}

h3{
	font-size: 1.1em; 
}

h4{
	font-size: 1.1em;
	color: #000000;
}

img.fl {
  float: left;
  margin: 0 5px 5px 0;
}

img.fr {
  float: right;
  margin: 0 0 5px 5px;
}

.w {
color: #FFFFFF;
}
.r {
color: #FF0000;
}

.rb {
color: #FF0000;
font-weight:bold;
}

.bl {
color: #000000;
}

A:link, A:visited, A:active
{
text-decoration: none;
color: #FFFFCC;
}
A:hover
{
text-decoration: underline;
color: #663300;
}

A:active
{
color: #FF0000;
}

ul li {
	margin-bottom: 0.5em;
}

.klein {
	font-size: 11px;
}

div#container
{
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: left;
background: #F7BE33;
background: #F7BE33 url(images/bg_main4.gif) no-repeat 0px 54px;
padding:0;
}

div#navigation {
float:left;
background: transparent url("images/bg_main4.gif") no-repeat 0px 0px;
border-right: 2px solid #000000;
width:169px;
height:400px;
}

div#content {
margin-left:185px;
margin-right: 175px;
}

div#header {
	background: url(images/bg_header.gif) repeat-x right top;
}

div.news {
	width: 100%;
	float: left;
	margin: 0 0 25px 0;
}

div#illu {
float:right;
width:158px;
}

div#illu img {
float:right;
margin: 10px 5px 0px 0px;
clear:right;
float:right;
}

div#illu p {
	margin: 15px 5px 10px 0px;
	clear:left;
	text-align:right;
}

div#illu p.dc {
	margin: 0 5px 10px 0px;
	clear:right;
	text-align:right;
}

div#footer {
	display:none;
	clear:both;
	height:34px;
	background: #282C30 url("images/bg_footer2.gif");
}

div#footer p {
    color: #FFFFFF;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 5px 5px 5px 5px;
	}

div#footer p a:link,
div#footer p a:visited,
div#footer p a:active,
div#footer p a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}

/* navigation */
ul#topnav {
margin:0;
padding:0;
width:169px;
list-style:none;
}

ul#topnav li {
border-bottom: 1px solid #674520;
margin-bottom: 0;
}

ul#topnav li a:link,
ul#topnav li a:visited,
ul#topnav li a:active,
ul#topnav li a:hover {
	display:block;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
	padding:3px;
	width:163px;
}

ul#topnav li a:hover {
	background: #D3A32C;
	color: #FFFFFF;
}

ul#topnav li ul {
margin:0 0 0 15px;
padding:0;
list-style:none;
background:none;
}

ul#topnav li ul li {
text-align:right;
margin-bottom: 0;
}

ul#topnav li ul li a:link,
ul#topnav li ul li a:visited,
ul#topnav li ul li a:active,
ul#topnav li ul li a:hover {
	display:block;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px;
	width:150px;
}

ul#topnav li ul li a:hover {
	background: #D3A32C;
}

/* Tabellen-Styles */
table.preise {
	border: 1px solid #999999;
	background-color: #F7BE33;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width:95%;
}

table.preise th {
	background-color: #999999;
	text-align:left;
	font-weight:bold;
}

table.preise td.b {
	background-color: #DDDDDD;
	text-align:left;
	font-weight:normal;
}

table.preise td.p {
	background-color: #C0C0C0;
	text-align:right;
	font-weight:normal;
}

table.kp {
	border: 1px solid #999999;
	background-color: #F7BE33;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	width:95%;
}

table.kp td.h {
	background-color: #999999;
	text-align:center;
	font-size: 10px;
	font-weight:bold;
}

table.kp tr.h td {
	background-color: #999999;
	text-align:center;
	font-size: 10px;
	font-weight:bold;
}

table.kp td.k {
	background-color: #DDDDDD;
	text-align:left;
	font-weight:normal;
}

table.kp td.z {
	background-color: #C0C0C0;
	text-align:center;
	font-size: 10px;
	font-weight:normal;
}

/*Formularfelder */

input[type=text], select{
	font-size: 0.9em;
	width: 200px;
	}
	
input[type=text].sizeA, select.sizeA{
	font-size: 0.9em;
	width: 4em;
	}
	

/* Menüsteuerung */

body ul#topnav li ul#sub1,
body ul#topnav li ul#sub2,
body ul#topnav li ul#sub3,
body ul#topnav li ul#sub4,
body ul#topnav li ul#sub5,
body ul#topnav li ul#sub6,
body ul#topnav li ul#sub7 {
display:none;
}

/* Startseite */
body#start div#content {
margin-right: 10px;
}

body#start div#illu {
display:none;
}

/* Projekte */

body#projekte div#illu {
display:inherit;
}

body#projekte ul#topnav li ul#sub2 {
display:block;
}

/* Specials */

body#specials div#illu {
display:inherit;
}

body#specials ul#topnav li ul#sub4 {
display:block;
}

/* Konzept */

body#konzept div#illu {
display:inherit;
}

body#konzept ul#topnav li ul#sub1 {
display:block;
}

/* Profile */

body#profile div#illu {
display:inherit;
}

body#profile ul#topnav li ul#sub3 {
display:block;
}


/* Kontakt */ 

body#kontakt div#illu {
display:inherit;
}

body#kontakt ul#topnav li ul#sub6 {
display:block;
}