/* #FFD96E;
#CEA54A;
*/

body {
	color: #000000;
	font-family: helvetica, arial, sans-serif;
	font-size: 100.1%;
	padding: 0;
	margin: 0;
	text-align: center;
	background: url(../images/bg_top.png) repeat-x top;
	line-height: 1.2em;
}

#rahmen {
	display: block;
	background: #FFFFFF;
	color: #000000;
	font-size: 0.8em;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	text-align: left;
}

#header {
	background: #FFD96E;
	color: #000000;
	margin: 0;
	padding:0;
	height: 165px;
	width: 100%;
	border: 0px;
	border-bottom: 26px solid white;
	border-top: 1px solid  #FFD96E;
}

#header #logo {
	float: right;
	margin: 20px 15px 0 0;
	padding: 0;
	background: #FFD96E;
	width: 140px;
	height: 129px;
        border: none;
}

#header #navigation {
display: block;
top: 0;
left: 0;
height: 165px;
width: 770px;
padding: 0;
margin: 0 0 0 3px;
list-style: none;
}

#header #navigation li {
float: left;
margin: 0;
padding: 0;
}

#header #navigation li a {
display: block;
color: black;
height: 28px;
font-size: .9em;
text-decoration: none;
margin: -1px 0 0 0;
padding: 138px 8px 0 8px;
font-weight: normal;
text-transform: uppercase;
}
#header #navigation li a:hover {
background: #FFFFFF
}
#header #navigation li a:active{
background: #FFFFFF
}

#header #navigation li#current a{
background: #FFFFFF
}

#content {
width: 465px;
float: left;
margin: 0 0 0 10px;
}

#content_teaser {
width: 99%;
margin: 0 0 0 10px;
}

#content_teaser p {
margin: 0.5em 0 0.5em 0;
}

#content_teaser div.blog {
width: 225px;
float: left;
margin: 0 12px 0 0;
}

h1.contentheading, h2.contentheading, h1.componentheading, h2.componentheading, #content h1, #content h2, #content_teaser h1, #content_teaser h2 {
display: block;
margin: 0 0 0.8em 0;
padding: 0px;
font-size: 1.7em;
text-transform: uppercase;
font-weight: normal;
line-height: 1.2em;
}


#content li {
list-style: none url(../../../images/line.jpg);
}

#highlight {
width: 307px;
min-height: 200px;
margin: 0px 150px 0 0;
padding: 0;
float: right;
background: white;
}

#footer {
clear: both;
}

div.wrap {
font-size: .1em;
margin: 0;
padding: 0;
clear: both;
width: 100%;
}


/* blogansichten */

.article_separator
{
	border: solid 1px #333333;
	display: none;
	margin: 0px 0 0px 0;
}

.blog { padding: 0; }

a.readon{
background: #FFD96E;
color: black;
margin: 0;
padding: 0 5px 0 5px ;
text-decoration: none;
float: right;
font-size: .85em;
}

a.readonreferenzen {
background: #FFD96E;
color: black;
margin: 0;
padding: 0 5px 0 5px ;
text-decoration: none;
float: right;
font-size: .85em;

}

#referenzmenue a{
background: #FFD96E;
color: black;
margin: 0 0 2px 0;
padding: 0 5px 0 5px ;
text-decoration: none;
font-size: 1em;
}

#footer {
border-top: 1px solid #FFD96E;
width: 100%;
height: 30px;
margin: 12px 0 12px 0;
}

#footer ul.menu {
width: 100%;
width: 100%;
margin: 8px 0 0 0;
padding: 0;
}

#footer ul.menu li{
float: right;
list-style: none;
margin: 0 0 0 8px;
}

#footer ul.menu li a{
color: gray;
text-decoration: none;
}

div.contact {
}

div.contact_address address{
	font-style: normal;
}


div.contact_address span.marker {
	clear: both;
	display: block;
	width: 125px;
	float: left;
	font-style: normal;
}

form#emailForm {
}

form#emailForm label {
width: 100%;
display: block;
}

form#emailForm input {
width: 45%;
display: block;
border: 1px solid silver;
margin: 0 0 12px 0;
}

form#emailForm textarea {
width: 95%;
display: block;
border: 1px solid silver;
margin: 0 0 12px 0;
}

form#emailForm .validate {
border: 1px solid silver;
background: #FFD96E;
}

#content_teaser div.blogreferenzen {
width: 76%;
margin: 0;
float: left;
}

div#content_teaser div.blogreferenzen div.article_column {
width: 225px;
height: 345px;
float: left;
margin: 0 12px 0 0;
}

div#content_teaser div.blogreferenzen div.article_column img {
width: 225px;
height: 260px;
float: left;
margin: 5px 0 10px 0;
}


#content_teaser div.blogreferenzen h3, #content_teaser div#referenzmenue h3 {
display: block;
margin: 0 0 0.4em 0;
padding: 0px;
font-size: 1em;
text-transform: uppercase;
line-height: 1.0em;
font-weight: bold;
}

#content_teaser span.row_separator {
display: block;
clear: both;
border: none;
}

div#referenzmenue {
width: 200px;
float: left;
margin: 0;
}

.img_right {
float: right;
margin: 0px 150px 50px 40px;
}