body, html {
	margin: 0;
	padding: 0;
}

body {
	background-image: url(../img/higru.gif);
	background-repeat: repeat-x;
}

#main {
	margin: 42px auto 0px auto;
	width: 920px;
	height: 600px;
	overflow: hidden;
}

#main_site {
	float: left;
	width: 906px;
	height: 577px;
	overflow: hidden;
}

#main_site_top_left {
	float: left;
	width: 480px;
	height: 134px;
	overflow: hidden;
	background-color: #d91d1d;
}



#main_site_metanav {
	float: left;
	width: 881px;
	height: 25px;
	background-image: url(../img/header_schatten.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 25px;
	padding-top: 5px;
	overflow: hidden;
}

#main_site_mainnav {
	float: left;
	width: 220px;
	height: 416px;
	padding: 0px 0px 10px 10px;
	background-image: url(../img/px_grey.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	border: 0px solid red;
}

#main_site_mainnav_top {
	height: 300px;
}

#main_site_mainnav_bottom {
	padding-left: 0px;
}

#main_site_content {
	float: left;
	width: 646px;
	height: 393px;
	padding: 0px 15px 25px 15px;
	overflow: auto;
	border: 0px solid red;
}

#main_shadow_right {
	float: left;
	width: 14px;
	height: 577px;
	background-image: url(../img/schatten_rechts.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#main_shadow_bottom {
	float: left;
	width: 920px;
	height: 23px;
	background-image: url(../img/schatten_unten.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	text-align: center;
	font-size: 0.85em;
	
}

div.footer {
	padding-top: 5px;
}

#box {
	float: left;
	width: 400px;
	padding:0px 0px 0px 0px;
	border: 0px solid black;
	background-color: transparent;
}

#serviceBoxNews
{
	padding-right: 10px; 
	margin-right: 10px; 
	float:left;
}

div.punktlinie
{
	background-image:url(/img/linie.gif);
	background-repeat: repeat-x;
	height: 10px;
	margin-bottom: 4px;
	margin-top: 5px;
}

/* Wortbaumeister */
#wbm_status {
	margin-bottom: 10px;
	font-size: 1.0em;
	height: 55px;
}

#wbm_status a {
	color: #c20a0a;
	font-weight: bold;
	text-decoration: none;
}

#wbm_input_letters {
	border: 2px solid #c20a0a;
	padding: 3px;
	width: 370px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 1.0em;
}

#wbm_input_letters a {
	color: #c20a0a;
	text-decoration: none;
}

#wbm_input_text {
	float: left;
	width: 270px;
	font-weight: bold;
	font-size: 1.7em;
	padding-top: 170px;
	padding-bottom: 20px;
	border: 0px solid black;
}

#wbm_image {
	float: left;
	width: 150px;
	border: 0px solid red;
}
/* Wortbaumeister Ende */

/* jQuery Cycle Slideshow */
#cycle_slideshow {
	background-color: #ffffff;
	float: left;
	overflow: hidden;
	width: 426px;
	height: 134px;
	padding: 0;
	margin: 0;
}

#cycle_slideshow img {
	padding: 0px;
	border: 0px solid #ccc;
	background-color: #eee;
	width: 426px;
	height: 134px;
	top: 0;
	left: 0;
}
/* jQuery Cycle Slideshow Ende */

/* Slide-Show */

#imageSlideshowHolder
{

	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

	In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
	border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
	should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

	*/
	/* CSS HACK */
	width: 464px;	/* IE 5.x */
	width/* */:/**/456px;	/* Other browsers */
	width: /**/456px;
	
	/* CSS HACK */
	height: 140px;	/* IE 5.x */
	height/* */:/**/134px;	/* Other browsers */
	height: /**/134px;
	position:absolute;	/* Never change this value */
	margin-left:450px;
	margin-top:0px;
	border:0px solid #000000;
	background-color: #d91d1d;
}

#main_site_top_right {
	float: left;
	width: 456px;
	height: 134px;
	overflow: hidden;
}

.imageInGallery
{		
	width:464px;
	_width:0px;
	height:134px;
	_height:0px;

	
	/* Never change these 3 value */
	left:0px;
	top:0px;
	position:absolute;	
}


#imageSlideshowHolder img
{
	position:absolute;
}

/* Slide-Show- Ende */


#attachments
{
	margin:5px 0px 13px 25px;
	padding:0;
}

#attachments li
{
	list-style:none;
	padding:0;
	margin:0;
}

#attachments li a
{
	height:15px;
	padding:3px 50px 3px 25px;
	color: #c20a0a;
}

#attachments li a.dokument_pdf
{
	background: transparent url(/downloads/img/dokument_pdf.gif) no-repeat 0px 50%;
}
#attachments li a.dokument_excel
{
	background: transparent url(/downloads/img/dokument_excel.gif) no-repeat 0px 50%;
}

#attachments li a.dokument_word
{
	background: transparent url(/downloads/img/dokument_word.gif) no-repeat 0px 50%;
}
#attachments li a.dokument
{
	background: transparent url(/downloads/img/dokument.gif) no-repeat 0px 50%;
}

#attachments li a:hover
{
	color: #000000;
}

/* Formular-Style */
input{
	border: 1px solid #aeaaaa;
}

input.pflicht{
	background-color:#dddddd;
}

.textareapflicht{
	background-color:#dddddd;
	border: 1px solid #aeaaaa;
}

#error{
	border: 0px solid black;
	color: red;
}

tr.hoehe{
	height: 35px;
}

img.thumbover{
padding-right: 7px;
width: 190px;
height: 65px;
}

br.clear{
	clear: both;
}

a.mehr:link, a.mehr:active, a.mehr:visited {
background: transparent url(/img/pfeil.gif) no-repeat 2px 5px; 
padding-left: 20px;
}

div.over {
height: 100px;
border: 0px solid red;
float:left;
}


div.galerie {
	padding-top: 10px;
}

div.img_galerie {
	float: left; 
	margin-top: 7px;
	height: 83px;
}

div.refpic
{
	float: left;
	width: 205px;
	height: 110px;
	padding: 0px 0px 0px 0px;
}