/*
blue: #3764A0
*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/framework/bg_left.gif);
	background-repeat: repeat-y;
	background-color:#3764A0;
}
#BoxContent strong{ color:#333333;}
#BoxContent { line-height:16px;}
#BoxContent h1{ margin:0 0 10px 0px;}
#BoxLeft{
	display:block;
	width:225px;
	text-align:center;
	padding:5px 0 0 0;
	background-image:url(../images/framework/bg_logo.gif);
	background-repeat:no-repeat;
	background-position:0px 60px;
	height:300px;
}
#BoxReferences{
	text-align:left;
	display:block;
	position:absolute;
	left:15px;
	top:255px;
	width:192px;
}
#BoxSearch{
	display:block;
	position:absolute;
	top:550px;
	left:15px;
}
#BoxSearch #border{border:1px solid #666666; height:16px; float:left; overflow:hidden;}
#BoxSearch #search{width:165px; border:none; text-indent:2px;}
#BoxReferenceSingle{
	display:table;
	position:relative;
	height:48px;
	padding:5px 0 0px 0;
	background-image:url(../images/framework/bg_reference.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#BoxReferences #BoxReferenceSingle a{
	font-size:9px;
}
#BoxReferenceSingle img{
	float:left;
	margin-right:5px;
	border: 1px solid #999999;
}
#BoxReferenceSingle strong{
	color:#666666;
}
#BoxM3{
	position:absolute;
	display:block;
	left:0px;
	width:240px;
	text-align:center;
	padding:0px;
	margin:0px;
	bottom:5px;
}

#BoxLeft a, #BoxM3 a{
	font-size:9px;
	color:#666666;
	text-decoration:none;
}
#BoxLeft a:hover, #BoxM3 a:hover{
	text-decoration:underline;
}
	
.MenuVerticalSmall ul, .MenuVerticalSmall li{
	display:block;
	list-style-type:none;
	margin:0px; padding:0px;
}
.MenuVerticalSmall li{
	float:left;
	padding:0 5px 0 5px;
	border-right:1px solid #666666;
}
.logo{position:absolute; left:0px; top:70px;}
#BoxRight{
	position:absolute;
	top:0px;
	left:225px;
	display:block;
	width:685px;
}
#BoxMenu{
	position:relative;
	height:70px;
	width:685px;
	z-index:2;
}

/*Menu*/
.unternehmen{ width:134px; display:block; background:0 0px; background-image:url(../images/framework/menu.gif);height:70px;}
.service{ width:78px; display:block; background:-134px 0px; background-image:url(../images/framework/menu.gif);height:70px;}
.leistungen{ width:110px; display:block; background:-212px 0px; background-image:url(../images/framework/menu.gif);height:70px;}
.referenzen{ width:115px; display:block; background:-322px 0px; background-image:url(../images/framework/menu.gif);height:70px;}
.aktuelles{ width:104px; display:block; background:-437px 0px; background-image:url(../images/framework/menu.gif);height:70px;}
.links{ width:64px; display:block; background:-541px 0px; background-image:url(../images/framework/menu.gif);height:70px;}
.kontakt{ width:80px; display:block; background:-605px 0px; background-image:url(../images/framework/menu.gif);height:70px;}

/* remove the bullets, padding and margins from the lists */
.menu ul{
	list-style-type:none;
	padding:0;
	margin:0;
}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
	float:left;
	position:relative;
}

/* :root .menu li { position:absolute \0/IE9; }  /* IE9 */ 

/* use the table to position the dropdown list */
.menu table{
	position:absolute;
	border-collapse:collapse;
	left:-1px;
	top:69px;
}

/* style all the links */
.menu .m2 a, .menu .m2 :visited {
display:block;
font-size:10px;
width:160px;
color:#000;
text-decoration:none;
padding-left:7px;
background-color:#FFFFFF;
-moz-opacity:0.7;
filter:Alpha(opacity=70);
line-height:17px;
z-index:100;
border-bottom:1px solid #DFDFDF;
}
/* style the links hover */
.menu :hover {
color:#FFFFFF;
background-color:#000000;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:150px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul :hover ul{
visibility:visible;
}


#BoxMood{
	display:block;
	height:160px;
	width:685px;
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	background-image:url(../images/framework/mood1.jpg);
}
#BoxBgContent{
	display:block;
	width:692px;
	background-image:url(../images/framework/bg_content.gif);
	background-repeat:repeat-y;
	padding-bottom:10px;
}
#BoxContent{ padding:15px 20px 10px 25px; display:block; line-height:18px; }
#BoxShadMood{
	width:7px;
	height:170px;
	position:absolute;
	top:70px;
	left:685px;
	background-image:url(../images/framework/shad_mood.gif);
	background-repeat:no-repeat;
}
#BoxShadContent{
	display:block;
	width:692px;
	height:7px;
	background-repeat:no-repeat;
	background-image:url(../images/framework/shad_end_content.gif);
}
#BoxShadMoodEnd{
	display:block;
	width:692px;
	height:15px;
	background-repeat:no-repeat;
	background-image:url(../images/framework/shad_end_mood.gif);
}
#BoxPageTitle{
	position:absolute;
	top:245px;
	left:685px;
	width:30px;
	height:262px;
	background-image:url(../images/framework/title_page.gif);
	background-repeat:no-repeat;
}
#BoxBreadcrumb{
	position:absolute;
	top:215px;
	left:0px;
	width:685px;
	height:15px;
	background-color:#000000;
	-moz-opacity:0.7;
	filter:Alpha(opacity=70);
	color:#FFFFFF;
	font-size:9px;
	text-indent:12px;
	overflow:hidden;
}
#BoxBreadcrumb a, #BoxBreadcrumb strong {color:#FFFFFF;}
/*Seitentitel - die Klassen verschieben das Titleimage*/
.Titleunternehmen{ background-position:00px 0;}
.Titleservice{ background-position:-30px 0;}
.Titleleistungen{ background-position:-60px 0;}
.Titlereference{ background-position:-90px 0;}
.Titlenews{ background-position:-120px 0;}
.Titlelinks{ background-position:-150px 0;}
.Titlekontakt{ background-position:-180px 0;}
.Titlesitemap{ background-position:-210px 0;}
.Titlelogin{ background-position:-240px 0;}
.Titledisclaimer{ background-position:-270px 0;}
.Titleadmin{ background-position:-300px 0;}

.BoxImgPositionRight.webcam img{width:333px;height:250px;}