/* ALLGEMEIN ##################################################### */
body {
	margin:0px;
	overflow-x: hidden;
	}
img{
	border:none;
	margin:0px;
	}
input, p, h1, select{
	margin:0px;	
	}
	
a { 	color:#990000; text-decoration:none; }
a:hover{ text-decoration:none; color:#990000; }



/* ############################################################# */
#head_pic{
	position:absolute; left:108px; top:6px; width:680px; height:200px; text-align:left; z-index:2;
}

#head_pic #neueskizze{
	position:absolute; width:800px; height:400px; background: url('../img/neue_anfahrtsskizze.jpg'); z-index:2;
}

#title_about, #title_login, #title_logo { 
	position:absolute; left:9px;
}
	
#title_home{
	position:absolute; left:13px; top:262px; z-index:8;
}

#login_box{
	position:absolute; width:190px; height:171px; left:754px; top:262px; z-index:8;
}
	
#navi_box{
	position:absolute; width:402px; height:171px; left:132px; top:262px; z-index:8;
}

#logo_bg {
	position:absolute; top:240px; left:951px; z-index:8;
	/*width: 100%px;*/ height: 222px;
	/*background-image: url('../img/bg_logobox.gif');*/
}
#logo_box {
	position:absolute; top:263px; left:950px; z-index:9;
}
#logo_fader {
	position:absolute; top:284px; left:951px; z-index:9;
}

#content{
	position:absolute;
	left:346px;
	top:206px;
	width:402px;
	height:148px;
	z-index:10;
}
	
#content_top{	position:relative; width:401px; height:5px; }
#content_mid{	position:relative; width:401px; }
#content_bot{	position:relative; background-repeat:no-repeat; width:401px;height:20px; }

#content_news{
	position:absolute;
	left:346px;
	top:206px;
	width:402px;

	z-index:10;
}

#content_works_top{	position:relative; width:651px; height:8px; }
#content_works_mid{	position:relative; width:651px; height:474px; }
#content_works_bot{	position:relative; background-repeat:no-repeat; width:651px;height:10px; }

.news_topic{	position: relative; width:340px; margin-left:24px; background-color:#FFFFFF; }
.news_pic{		position: relative; width:94px; padding-bottom:24px; float:left;}
.news_txt{		position:relative; width:230px; padding-bottom:24px; float:left;}

/* onmouseover für NewsPic Border */
.news_pic_border img{ 		border:2px #FFFFFF solid; }
.news_pic_border:hover img{	border:2px #990000 solid; }
.news_pic_border:hover{		color: red; } /* irrelevant definition to overcome IE bug */

#news_break{ padding: 2px 0px 8px 26px; }


#imprint{ 	position:absolute; left:138px; top:730px; width:190px; height:40px; }
#imprint_works{ 	position:absolute; left:138px; top:540px; width:190px; height:40px; }
#imprint_upper{ 	position:absolute; left:138px; top:472px; width:190px; height:40px; }

.v_line{ 	position:absolute; left:132px; }
	
.arrow{ 				position:absolute; left:100px; top: 24px;	 }
.arrow_home a{ 			width:56px; height:18px; display:block; background-image:url(../img/arrow_back_home.gif); }
.arrow_home a:hover{	display:block; background-position:0px -18px; }

.title{		position:absolute; left:142px;}
	
.headline{
	position:relative; top:52px; left:26px; width:340px; height:50px; margin-bottom:20px; 
	font-family: Arial, Helvetica, sans-serif; font-size: 16px;line-height:20px; font-weight:bold;
}
	
.text{
	position:relative;
	top:20px;
	left:26px;
	width:320px;
	padding-bottom:120px;
}



/* FONTS ############################################################# */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color:#3A565D;
	/*color:#785343;*/
	}
a.i_link{		color:#990000; text-decoration:underline;}
a.i_link:hover{	background-color:#990000; text-decoration:underline; color:#FFFFFF;}

a.i_play{		background: url(../img/play.gif) left 4px no-repeat; padding-left: 12px; color:#990000; text-decoration:underline;}
a.i_play:hover{	background: url(../img/play2.gif) left 4px no-repeat; background-color:#990000; text-decoration:underline; color:#FFFFFF;}

a.imprint{		display:block; color:#990000; height:15px; }
a.imprint:hover{display:block; background-color:#000000; text-decoration:none; color:#FFFFFF}

a.sound{		display:block; color:#990000; }
a.sound:hover{display:block; background-color:#FFFFFF; text-decoration:none; color:#000000;}
	
#content_mid p{	padding: 0px 20px 8px 26px; }


	
/* FORMS ############################################################# */
input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:17px;
	width:140px;
	
	border-left:1px #A9958A solid;
	border-top:1px #A9958A solid;
	border-right:1px #ffffff solid;
	border-bottom:1px #ffffff solid;
	background-color:#DBD7D2;
	color:#5A453D;
	margin-bottom:4px;
	padding-left:2px;
	padding-top:2px;
}
	
.submit_login{
	width:64px; height:42px; border:none;
	background-color:none;
	background: url(../img/btn_login.gif) no-repeat;
}

.select_but{ 	position:absolute; width:160px; height:21px; cursor: default; z-index:10;}
.select_but p{	padding:2px 0px 0px 6px; }

.select{ 	position:absolute; width:160px; height:116px;z-index:12; overflow:auto; display:none;}
/* .select{ 	position:absolute; width:160px; height:116px;z-index:12; overflow:-moz-scrollbars-vertical;overflow-x:hidden;overflow-y:scroll; display:none;} */
.select ul{ margin:0px 0px 0px; padding: 0px; list-style:none; }
.select a{ 	width:138px; height:18px; margin:0px; padding-left:6px; overflow: hidden; text-decoration: none;display:block; }



/* Works ############################################################# */
.works_select_but{
	border:1px #3D2921 solid; color:#FFFFFF;   
}
.works_select_but a{
	color:#CFC5BF; display:block; height:21px; text-decoration:none;
	background-image:url(../img/bg_works_select.png); 
 	background-position:0px 0px;   
}
.works_select_but a:hover{ 
	background-position:0px -21px;  color:#FFFFFF;
}

.works_select{	 		width:160px; border:1px #3D2921 solid;  background-color:#775C4B; /*background-color:#775C4B;*/}	
.works_select a{ 		color:#AF9F95; border-bottom:1px #3D2921 solid;}
.works_select a:hover{ 	color:#FFFFFF; background-color:#674A37;}

.works_headline{
	font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold;
}


/* News ############################################################# */

.news_select_but{
	border:1px #3D2921 solid; color:#FFFFFF; 
}
.news_select_but a{
	color:#CFC5BF; display:block; height:21px; text-decoration:none;
	background-image:url(../img/bg_works_select.png); 
 	background-position:0px 0px;   
}
.news_select_but a:hover{
	background-color: #333333;
	background-position:0px -21px;  color:#FFFFFF;
}

.news_select{			border:1px #3D2921 solid; background-color:#775C4B;}	
.news_select a{			color:#AF9F95; border-bottom:1px #3D2921 solid;}
.news_select a:hover{	color:#FFFFFF; background-color:#674A37;}

/* ################################################################################## */
/* NAVIGATION -> about   ############################################################ */
/* ################################################################################## */
#navi{
	position:absolute;
	top:20px;
	left:143px; 
}
/* Menü Einstellungen */
#navi ul{
	margin:36px 0px 0px;
	padding: 0px;
	list-style:none;
	}
	
#navi li a{
	margin:0px;
	padding:0px;
	text-indent: -200px;
  	text-decoration: none;
	overflow: hidden;
	width:234px; 
	

	display:block; 
	}
	
/* Marketing ---------------------------------------------- */
#btn_marketing a{ height:16px;  background: url(../img/_navigation.gif) 0px 0px   no-repeat;}
#btn_marketing a:hover{ background-position:-234px 0px; }
body#marketing li#btn_marketing a{ background-position:-234px 0px; }

/* Lernen ---------------------------------------------- */
#btn_lernen a{ height:16px; background: url(../img/_navigation.gif) 0px -16px  no-repeat;}
#btn_lernen a:hover{ background-position:-234px -16px; }
body#lernen li#btn_lernen a{ background-position:-234px -16px; }
	
/* Geld ---------------------------------------------- */
#btn_geld a{ height:16x; background: url(../img/_navigation.gif) 0px -32px  no-repeat;}
#btn_geld a:hover{ background-position:-234px -32px; }
body#geld li#btn_geld a{ background-position:-234px -32px; }


/* City Bremen --------------------------------------------- */
#btn_citybremen a{ height:16px; background: url(../img/_navigation.gif) 0px -48px  no-repeat;}
#btn_citybremen  a:hover{ background-position:-234px -48px; }
body#citybremen  li#btn_citybremen  a{ background-position:-234px -48px; }

/* Messezentrum --------------------------------------------- ALT // NICHTMEHR VERWENDET */
#btn_messezentrum a{ height:16px; background: url(../img/_navigation.gif) 0px -48px  no-repeat;}
#btn_messezentrum  a:hover{ background-position:-234px -48px; }
body#messezentrum  li#btn_messezentrum  a{ background-position:-234px -48px; }

/* Messezentrum --------------------------------------------- */
#btn_historie a{ height:16px; background: url(../img/_navigation.gif) 0px -80px  no-repeat;}
#btn_historie  a:hover{ background-position:-234px -80px; }
body#historie  li#btn_historie  a{ background-position:-234px -80px; }

/* Kontakt ---------------------------------------------- */
#btn_kontakt a{ height:16px; background: url(../img/_navigation.gif) 0px -64px no-repeat;}
#btn_kontakt a:hover{ background-position:-234px -64px; }
body#kontakt li#btn_kontakt a{ background-position:-234px -64px; }

/* ENDE
#######################################################################
*/