/*============================================================================================
                         www.haudel-elemente-gmbh.de - CSS Document
============================================================================================*/

* {
	padding:0;
	margin:0;
}

body {
	background:url(../images/bg_body.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585B62;
	background-color:#CBE1F9;
}

/*--------------------------------------- DIV Settings ---------------------------------------*/

#wrapper {
	margin: 0 auto 0 auto;
	width:878px;
	height:auto;
	/*background-color:#CBE1F9;*/
}

#header {
	width:878px;
	height:231px;
	background:url(../images/bg_header.jpg) no-repeat;

}

#menu {
	width:878px;
	height:48px;
}

#container {
	width:878px;
	min-height:450px;
	background:url(../images/bg_container.jpg) no-repeat;

}

*html #container{
	height:450px;
}

#title {
	float:left;
	width:509px;
	height:auto;
	margin-left:25px;
	margin-top:37px;
}

#content{
	float:left;
	width:490px;
	height:auto;
	padding-top:15px;
	padding-left:25px;
	
	padding-bottom:25px;
}
#content_right{
	float:right;
	width:300px;
	height:auto;
}

#leistung_box {
	float:right;
	width:266px;
	height:122px;
	background: url(../images/bg_leistungen.gif) no-repeat;
	color:#018FF6;
}

#galerie_box {
	float:right;
	margin:16px 0 0 0;
	width:266px;
	height:122px;
	background: url(../images/bg_galerie.gif) no-repeat;
	color:#018FF6;
}

#footer {
	clear:both;
	width:100%;
	height:131px;
	background: #898989 url(../images/bg_footer.jpg) repeat-x;

}

#bottom {
	margin: 0 auto 0 auto;
	padding: 30px 0 0 50px;
	width:878px;
	height:80px;
	color:#615C5C;
	

}

/*--------------------------------------- Other Settings ---------------------------------------*/
.absatz {
	line-height:20px;
	padding-bottom:10px;
	text-align:justify;

}


.title {
	font-size:20px;
	font-weight:bold;
	color:#018FF6;
	letter-spacing:1px;
}


.bottom_text {
	line-height:20px;
	font-size:12px;
	
}

#content ul {
	list-style-type:none;
	padding-left:20px;
	font-size:14px;
	font-weight:bold;
	
		
}

#content ul li {
	padding-bottom:10px;
	list-style-image:url(../images/bullet.png);
	padding-left:5px;
		
}

#container a {
	text-decoration:underline;
	color:#018FF6;
	font-weight:bold;
}

#container a:hover {
	text-decoration:none;
	color:#018FF6;
	font-weight:bold;
}

#bottom a {
	text-decoration:underline;
	color:#018FF6;
	font-weight:bold;
}

#bottom a:hover {
	text-decoration:none;
	color:#018FF6;
	font-weight:bold;
}

.highlight {
	font-size:14px;
	color:#018FF6;
}

.highlight_b {
	font-size:12px;
	color:#018FF6;
	font-weight:bold;
}

.highlight_bold {
	font-size:14px;
	color:#018FF6;
	font-weight:bold;
}

.img_border {
	border:1px solid #fff;
}

/* ====================================================================================
				CLEARFIX Settings
======================================================================================= */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */