@charset "utf-8";
/* CSS Document */


body {
	width:					100%;
	height:					500px;
	background-color:		#003A81;
	font-family:			Book Antiqua, Arial, Helvetica, sans-serif;
	font-size:				9pt;
	margin:					0px 0px 0px 0px;
	padding:         		0px 0px 0px 0px;
	text-align:				left;
	color:					#555555;
	line-height:			15px;

}

.blau {
	color:					#003A80;
	font-size:				14px;
	font-weight:			bold;
	line-height:			18px;
	text-align:				left;
}

a,
.blau_kontakt,
.blau_kontakt a {
	color:					#003A80;
	font-size:				12px;
	font-weight:			normal;
	text-align:				left;
	outline:				none;
}

.blau_kontakt a:hover {
	font-weight:			bold;
}

.red {
	color:					#C50C1F;
	text-align:				left;
}

img {
	border:					0px;
}

p, div, ul, li, img {
	padding:				0px 0px 0px 0px;
	margin:					0px 0px 0px 0px;
}

li {
	list-style:				none;

}

a {
	text-decoration:		none;
	color:					#7E7E7E;
}

div#pos {
	position:				absolute;
	width:					700px;
	height:					500px;
	margin:					-250px 0px 0px -350px;
	top:					50%;
	left:					50%;
	z-index:				1;
}

div#warten {
	visibility:				visible;
	font-size:				16px;
	color:					white;
	position:				relative;
	top:					230px;
}

div.pos2 {
	position:				absolute;
	width:					745px;
	height:					540px;
	margin:					-270px 0px 0px -375px;
	top:					50%;
	left:					50%;
	z-index:				2;
	visibility:				hidden;
}

div#pos3 {
	position:				absolute;
	width:					705px;
	height:					20px;
	overflow:				hidden;
	margin:					0px 0px 0px -350px;
	top:					50%;
	left:					50%;
	z-index:				0;
	color:					#003A81;
	font-size:				8px;
}

div#bewegung {
	position:				absolute;
	width:					745px;
	height:					540px;
	margin:					-270px 0px 0px -375px;
	top:					50%;
	left:					50%;
	z-index:				1;	
}


/* ----------------------------- MAIN --------------------------- */
div#pos div#main {
	width:					100%;
	height:					100%;/*500px;*/
	background-image:		url(spot.jpg);
	background-position:	center;
	background-repeat:		no-repeat;
	background-color:		#003A81;
	z-index:				1;
	filter: 				alpha(opacity=0);
	-moz-opacity: 			0;	
	opacity:				0;
	text-align:				left;
	position:				absolute;
	top:					0;
	margin:					0px 50% 0px 0px;
}

div#pos div#main img#koch {
	position:				relative;
	top:					200px;
	left:					230px;
	height:					95px;
	width:					89px;
}

div#pos div#main img#pfeil {
	position:				relative;
	top:					211px;
	left:					25px;
	height:					11px;
	width:					56px;
	filter: 				alpha(opacity=0);
	-moz-opacity: 			0;	
	opacity:				0;
}

div#pos div#main img#schrift {
	position:				relative;
	top:					190px;
	left:					220px;
	height:					24px;
	width:					150px;
}

div#bewegung div#linie_div {
	height:					1px;
	width:					0px;
	position:				absolute;
	top:					105px;
	left:					746px;
	z-index:				1;	
	background-color:		#FFFFFF; 
}

/* ----------------------------- MENU --------------------------- */
div.pos2 div#menue {
	width:					745px;
	height:					540px;
	z-index:				4;
	filter: 				alpha(opacity=0);
	-moz-opacity: 			0;	
	opacity:				0;
	text-align:				left;
	position:				relative;
	top:					0px;
	left:					0px;
}

div.pos2 div#menue div#schrift2 {
	position:				absolute;
	top:					77px;
	left:					572px;
	height:					26px;
	width:					148px;
	z-index:				1;
}

div.pos2 div#menue div#linie2 {
	position:				absolute;
	top:					102px;
	left:					130px;
	height:					16px;
	width:					616px;
	z-index:				1;
	filter: 				alpha(opacity=0);
	-moz-opacity: 			0;	
	opacity:				0;
}

div.pos2 div#menue div#schriftzug {
	position:				absolute;
	top:					0px;
	left:					0px;
	height:					500px;
	width:					110px;
	z-index:				1;
	filter: 				alpha(opacity=0);
	-moz-opacity: 			0;	
	opacity:				0;
}

div.pos2 div#inhalt ul#navi {
	position:				absolute;
	top:					-50px;
	left:					125px;
	height:					300px;
	width:					68px;
	z-index:				5;
	visibility:				visible;
	filter: 				alpha(opacity=0);
	-moz-opacity: 			0;	
	opacity:				0;
}

div.pos2 div#inhalt ul#navi li {
	height:					17px;
	width:					60px;
	margin:					0px 0px 9px 2px;
	padding:	            0;

}

div.pos2 div#inhalt ul#navi li a,
div.pos2 div#inhalt ul#navi li a:hover {
	color:					#003A80;
	font-size:				12px;
	font-weight:			bold;	
	padding:                0;
	margin:					0;
	text-align:				left;
}
	

div.pos2 div#inhalt div#koch1 {
	position:				absolute;
	top:					-118px;
	left:					82px;
	height:					45px;
	width:					45px;
	z-index:				5;
	visibility:				hidden;	
	background-image:		url(koch.jpg);
	background-repeat:		no-repeat;
}

div#menue_bg {
	position:				absolute;
	top:					0px;
	left:					0px;
	width:					100%;
	height:					100%;
	z-index:				1;	
	filter: 				alpha(opacity=0);
	-moz-opacity: 			0;	
	opacity:				0;
	visibility:				hidden;
	background-image:		url(bg_menuepx.jpg);
	background-position:	center;
	background-repeat:		repeat-y;	
}

div.pos2 div#inhalt {
	width:					745px;
	height:					540px;
	z-index:				5;
	text-align:				left;
	position:				relative;
	top:					0px;
	left:					0px;
	visibility:				hidden;
}

div.pos2 div#inhalt div#white {
	position:	 			absolute;
	top:					138px;
	left:					208px;
	height:					367px;
	width:					527px;
	z-index:				8;	
	background-color:		#FFFFFF;
	filter: 				alpha(opacity=0);
	-moz-opacity: 			0;
	opacity:				0;	
}

/* ----------------------------- INHALT MAIN --------------------------- */
div.pos2 div#inhalt div#content {
	position:				absolute;
	top:					138px;
	left:					208px;
	height:					352px;
	width:					507px;
	z-index:				5;
	background-color:		#FFFFFF;
	visibility:				hidden;
	padding:                5px 10px 10px 10px;	
	text-align:				left;
}

div.pos2 div#inhalt div#content img.ueberblenden {
	width:					457px;
	height:					295px;
	border:					35px solid #ffffff;
	float:					none;
	position:				absolute;
	top:					0px;
	left:					0px;
}

div.pos2 div#inhalt div#content img#vorspann1,
div.pos2 div#inhalt div#content img#vorspann2,
div.pos2 div#inhalt div#content img#vorspann3 {
	position:				absolute;
	width:					142px;
	height:					95px;
	left:					358px;
	margin:					0px 0px 3px 0px;
}
div.pos2 div#inhalt div#content img#vorspann1 {
	top:					15px;
}
div.pos2 div#inhalt div#content img#vorspann2 {
	top:					113px;
}
div.pos2 div#inhalt div#content img#vorspann3 {
	top:					211px;
}

div.pos2 div#inhalt div#content a div.link {
	position:				absolute;
	background-image:		url(inhalt_koch.jpg);
	background-position:	bottom right;
	background-repeat:		no-repeat;	
	top:					318px;
	left:					478px;
	height:					45px; 
	width:					45px;
}

div#intro { 
	visibility:				hidden;
	background-color:		#FFFFFF;
	position:				absolute;
	top:					15px;
	left:					15px;
}

div.pos2 div#inhalt div#content div#videoBalken {
	position:				absolute;
	width:					302px;
	height:					40px;
	background-color:		#ccd8e6;
	top:					268px;
	left:					15px;
}
/* ----------------------------- INHALT BERICO SLIDER --------------------------- */
.slidercontainer{
	border:					#FFFFFF 0px none;
}
.sliderimages{
	border-left:			#FFFFFF 5px solid;
}

div.pos2 div#inhalt div#content div#scrollbox {
	width:					284px; 
	height:					64px; 
	background-color:		#FFFFFF; 
	position:				absolute; 
	overflow:				hidden;
	left:					10px;
	top:					130px;
}

img#berico {
	position:				absolute;
	width:					210px;
	height:					290px;
	top:					10px;
	left:					300px;
}

p#pBerico {
	width:					284px;
	position:				absolute; 
	left:					10px;
	top:					220px;
}
	

/* ----------------------------- INHALT SERVICE --------------------------- */
div.pos2 div#inhalt div#content img#service {
	width:					161px;
	height:					105px;
	position:				absolute;
	right:					10px;
	top:					10px;
}

div.pos2 div#inhalt div#content img#service1,
div.pos2 div#inhalt div#content img#service2,
div.pos2 div#inhalt div#content img#service3,
div.pos2 div#inhalt div#content img#service4 {
	filter: 				alpha(opacity=0);
	-moz-opacity: 			0;	
	opacity:				0;
	position:				absolute;
	left:					10px;
}

div.pos2 div#inhalt div#content img#service1 {
	top:					46px;
}
div.pos2 div#inhalt div#content img#service2 {
	top:					126px;
}
div.pos2 div#inhalt div#content img#service3 {
	top:					206px;
}
div.pos2 div#inhalt div#content img#service4 {
	top:					286px;
}

div.pos2 div#inhalt div#content p.service_text {
	position:				absolute;
	top:					46px;
	left:					135px;
	width:					213px;
}
div.pos2 div#inhalt div#content p.service_text2 {
	position:				absolute;
	top:					124px;
	left:					135px;
	width:					383px;
	padding-bottom:         1px;
}

/* ----------------------------- INHALT MENUE --------------------------- */
.menue1,
.menue2,
.menue3 {
	width:					94px;
	position:				absolute;
	left:					459px;
}

.menue1 {
	top:					95px;
}
.menue2 {
	top:					163px;
}
.menue3 {
	top:					231px;
}


div#bewege_oben {
	position:				absolute;
	top:					95px;
	left:					459px;
	width:					94px;
	height:					0px;
	background-color:		#ffffff;
	filter: 				alpha(opacity=75);
	-moz-opacity: 			0.75;	
	opacity:				0.75;
}

div#bewege_unten {
	position:				absolute;
	bottom:					73px;
	left:					459px;
	width:					94px;
	height:					170px;
	background-color:		#ffffff;
	filter: 				alpha(opacity=75);
	-moz-opacity: 			0.75;
	opacity:				0.75;
}

p.menue_text {
	margin-top:				3px;
	width:					444px;
	padding-bottom:         1px;
}

/* ----------------------------- INHALT UPTODATE --------------------------- */
div.pos2 div#inhalt div#content div#up_titel {
	position:				absolute;
	top:					10px;
	left:					335px;
	width:					190px;
	font-size:				12px;
	text-align:				left;
}

div.pos2 div#inhalt div#content div#vid1 {
	width:					145px;
	height:					80px;
	background-image:		url(uptodate1.jpg);
	background-repeat:		no-repeat;
	position:				absolute;
	top:					15px;
	left:					20px;
	padding:                10px 10px 10px 10px;
}
div.pos2 div#inhalt div#content a img.vid1 {
	position:				absolute;
	top:					15px;
	left:					195px;
	width:					126px;
	height:					105px;
}

div.pos2 div#inhalt div#content div#vidbalken1 {
	width:					126px;
	height:					20px;
	background-color:		#ccd8e6;
	position:				absolute;
	top:					121px;
	left:					195px;
}

div.pos2 div#inhalt div#content div#vid2 {
	width:					155px;
	height:					80px;
	background-image:		url(uptodate2.jpg);
	background-repeat:		no-repeat;
	position:				absolute;
	top:					174px;
	left:					150px;
	padding:                10px 10px 10px 10px;
	text-align:				left;
}
div.pos2 div#inhalt div#content a img.vid2 {
	position:				absolute;
	top:					174px;
	left:					17px;
	width:					126px;
	height:					105px;
}
div.pos2 div#inhalt div#content div#vidbalken2 {
	width:					126px;
	height:					20px;
	background-color:		#ccd8e6;
	position:				absolute;
	top:					280px;
	left:					17px;
}

div.pos2 div#inhalt div#content div#vid3 {
	width:					145px;
	height:					70px;
	background-image:		url(uptodate3.jpg);
	background-repeat:		no-repeat;
	position:				absolute;
	top:					62px;
	left:					345px;
	padding:                10px 10px 10px 10px;
}
div.pos2 div#inhalt div#content a img.vid3 {
	position:				absolute;
	top:					157px;
	left:					383px;
	width:					126px;
	height:					105px;
}
div.pos2 div#inhalt div#content div#vidbalken3 {
	width:					126px;
	height:					20px;
	background-color:		#ccd8e6;
	position:				absolute;
	top:					263px;
	left:					383px;
}

/* ----------------------------- INHALT KONTAKT --------------------------- */
div.pos2 div#inhalt div#kontakt {
	position:	 			absolute;
	top:					138px;
	left:					208px;
	height:					367px;
	width:					527px;
	z-index:				9;	
	background-color:		#FFFFFF;
	visibility:				hidden;
}

p.impressum {
	margin-top:				8px;
	font-size: 0.9em;
}

/* ----------------------------- INHALT KONTAKT --------------------------- */
div#preloader {
	width:					200px;
	height:					15px;
	background-color:		#999999;
	position:				relative;
	top:					260px;
	text-align:				left;
}

div#preloadStatus {
	width:					0px;
	height:					15px;
	position:				absolute;
	top:					0px;
	left:					0px;
	background-color:		#666666;
}