/*defaults*/
*, html {
	margin: 0;
	padding: 0;
}
body 	{background:#2765AF url('../images/body_bg.jpg') repeat-x 0 0; color:#000000; margin:20px 0; padding:0; font-family:"arial, Trebuchet MS", verdana, "Times New Roman", serif; font-size:90%;}
p		{margin:0; padding:0 0 0 0; }
a		{color:#0066CC; text-decoration:underline; }
a:hover	{color:#0077DD; text-decoration:none;}
img 	{border: none;}
ul		{list-style-position: inside;}


/*structural elements*/
#container	{margin:0px auto; text-align:center; width:760px; }
#holder		{width:100%; padding:20px 20px 20px 20px; background:#FFFFFF; text-align:left; }
#logo		{padding:5px 30px 20px 0px;}
#logo a		{color: #57001D; font-size: 11px; text-decoration: none;}
#logo a:hover		{color: #57001D; font-size: 11px; text-decoration: underline;}
#de_navigation, #en_navigation	{padding:10px 0; position: relative; }
#header		{height:200px; background-color: #DADADA; padding: 10px; z-index: 2; overflow: hidden; clear: both;}
#bannercontainer { overflow: hidden; height: 200px; z-index: 1;}
#header_slider {height: 100%; background:url("../images/slider/slider.jpg") no-repeat; z-index: 1;}
#content	{float:left; width:100%; padding:20px 10px 0 0; line-height:160%; z-index: 1;}
#news		{float:right; width:220px; padding:20px 0; line-height:140%; text-align:justify; }
.newsItem	{padding:20px 20px 5px 20px; background:#FEFFD5; border:1px solid #FFEB70; font-size:90%; margin-bottom:20px; float:right;
line-height:140%;
padding:20px 0;
text-align:justify;
width:250px;}
#footer		{clear:both; width:100%; font-size:80%; background:#DADADA; padding:20px; text-align:left; border-top:2px solid #2765AF;}
#copyright	{float:right; }


/*headings*/
.newsItem h1	{color:#225799; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; }
#content h1		{font-size:20px; font-weight:normal; line-height:130%; margin:0; padding:0 0 20px 0; color: #0066CC;}
#content h2		{font-size:18px; color: #0066CC;}
#content h3		{font-size:16px; color: #0066CC;}
#content h4		{font-size:14px; color: #0066CC;}
#logo h1		{font-weight:normal; font-size:170%; margin:0; padding:0; color:#225799; }


/*contact*/
.contact {}
.contact th {color: #666666;}
.contact input, .contact textarea {color: #333333; font-size: 17px; border: 1px solid #D3D3D3; font-weight: bold;}

#footer ul 		{margin:0; padding:0; }
#footer li 		{margin:0; padding:0; list-style:none; display:inline; }
#footer a		{color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; }
#footer a:hover	{color:#000000; text-decoration:none; }

/*Leistungsspektrum*/
.leistungsspektrum_box_left {width: 250px; height: 250px; text-align: center; background-color: #81CEFF; border: 2px solid #000000; padding: 5px; margin-right: 50px; margin-bottom: 10px; float: left;}
.leistungsspektrum_box_right {width: 250px; height: 250px; text-align: center; background-color: #ffffff; border: 2px solid #000000; padding: 5px; margin-bottom: 10px; float: right;}

/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/
.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 */

#bottom_navigation {
	margin: auto;
	float: left;
	color: #6D6F72;
	line-height: 2em;
	background-color: #DCDCDC;
	width: 100%;
	border-bottom: 1px solid white;
}

#bottom_navigation div ul {
	margin-left: 15px;
	margin-right: 15px;
}

#bottom_navigation div ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left: 8px;
	padding-right: 8px;
	float: left;
}

#bottom_navigation div ul li a, #bottom_navigation div ul li {
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #6D6F72;
}

#bottom_navigation div ul li a:hover {
	text-decoration: underline;
}

#flag {
	text-align: right;
}

#de_ueber_uns_anfahrt, #en_ueber_uns_anfahrt {
	text-align: center;
}

#de_footer_navigation, #en_footer_navigation {
	width: 90%;
	float: left;
}

#de_index_left, #en_index_left {
	float: left;
	width: 65%;
}

#de_index_right, #en_index_right {
	float: right;
	width: 30%;
}

.yellow_box {
	background-color: #FFFFAD;
	border: 2px solid #FFFF00;
	padding: 5px;
}

/** webpages cms **/
.editable_content {
    position: relative;
}

.hoverable:hover {
    outline: 1px dashed lightgray;
	position: relative;
    /* background-color: #FFFFCC; */
}