/*	
		name:			birrfeld.css
		autor: 			a.meier/th.wyss
		beschreibung:	css file für template.html
		bemerkungen:	update ist stets zu aktualisieren!
		erstellt am:	08.08.2005
		update:
*/


/* Body-Tag Anpassungen */
BODY {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#9ACAE9;
	overflow:auto;
 	overflow-x: Hidden;
	/* für firefox */
	overflow:-moz-scrollbars-vertical;
}

/* Breite ganze Seite */
table#site {
	
	height:100%;
	font-size: 11px;
}
/* Schriftgrösse global */
.bodytext, .bodytext font {
	font-size: 11px !important;
}

/* oberer Abstand (Platzhalter) */
td#space_top {
	background-repeat: no-repeat;
	background-image: url(../images/bg_top.jpg);
	height: 9px;
}
/* rechter Abstand (Platzhalter) */
td#space_right {
	background-color:#9ACAE9;
	width: 24px;
	height: 340px;
}
/* Balken links */
table#space_L{
	width: 54;
	height:100%;
}
td#space_left_top{
	background-repeat: no-repeat;
	vertical-align: top;
	width: 54px;
}
div#space_left_top {
	background-repeat: no-repeat;
	background-image: url(../images/bg_left_oben.jpg);
	background-position: top;
	width: 54px;
	height: 306px;
}
td#space_left_bottom{
	background-repeat: no-repeat;
	vertical-align: bottom;
	width: 54px;
}
div#space_left_bottom {
	background-repeat: no-repeat;
	background-image: url(../images/bg_left_unten.jpg);
	background-position: bottom;
	width: 54px;
	height: 293px;
}
/* Balken rechts */
table#bar_R {
	height:100%;
	width:18px;
}
td#bar_right_top {
	background-repeat: no-repeat;
	vertical-align:top;
	width: 18px;
}
div#bar_right_top {
	background-repeat: no-repeat;
	background-image: url(../images/balken_rechts_oben.jpg);
	background-position: top;
	width: 18px;
	height: 306px;
}
td#bar_right_bottom {
	background-repeat: no-repeat;
	vertical-align:bottom;
	width: 18px;
}
div#bar_right_bottom {
	background-repeat: no-repeat;
	background-image: url(../images/balken_rechts_unten.jpg);
	background-position: bottom;
	width: 18px;
	height: 293px;
}
/* Ausrichtung mittlere Spalte nach oben */
td#main {
	vertical-align:top;
	width: 713px;
	height:100%;	
}
table#main {
	height:100%;	
	width: 713px;	
	border-top:#5A5A5A 1px solid;
	background-color:#000000;
}

/* Flash Plugin Main */
td#plugin_main {
	background-repeat:no-repeat;
	background-position: top;
	width: 713px;
	height: 282px;
}
table#header {		
	width: 713px;		
	background-color:#000000;
	vertical-align:top;
}

td#headpic {
	height: 242px;
	width: 477px;
	padding-top:0px;
	border-left:#5A5A5A 1px solid;
	vertical-align:top;
}
td#news {
	height: 242px;
	width: 236px;
	border-right:#5A5A5A 1px solid;
	background-repeat:no-repeat;
	background-image: url(../images/bg_news.gif);
	vertical-align:top;
	padding-left:7px;
	padding-top:40px;
}

td#intro {
	height: 16px;	
	vertical-align:top;
	padding-left:15px;
	color:#B5BCD3;
	border-bottom:#910C02 1px dashed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
}
td#newsoben {
	height: 16px;	
	width:236px;
	vertical-align:top;
	background-repeat:no-repeat;
	background-image: url(../images/news_oben.jpg);
}
/* News Bereich */
DIV#news {
	position:relative;
	left:500px;
	top:-200px;
}
/* Menu oben horizontal */
td#titlelinks {
	height: 24px;
	width: 447px;
	padding-left:15px;
	border-left:#5A5A5A 1px solid;
	border-top:#910C02 1px dashed;
	background-color:#000000;
	border-bottom:#5A5A5A 1px solid;
}
td#newsunten {
	height: 24px;
	border-bottom:#5A5A5A 1px solid;
	border-right:#5A5A5A 1px solid
	background-color:#000000;
	background-repeat:no-repeat;
	background-image: url(../images/news_unten.jpg);
}

/* Background Mainfield */
td#background_main {
	background-image: url(../images/background_main.jpg);
	background-repeat:repeat-y;
	width: 713px;
	vertical-align:top;
}

/* coresystems Logo */
td#footer {
	background-image: url(../images/footer.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 713px;
	height: 24px;
	padding-left:16px;
	font-size:9px;
}
td#bgBottom {
	background-image: url(../images/bg_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 713px;
	height: 35px;
}
/* Breite Content Bereich*/
table#content {	
	width: 713px;
	background-image: url(../images/background_main.jpg);
	background-repeat:repeat-y;
	vertical-align:top;
	font-size: 11px;
}
/* SubMenu */
td#menu {
	vertical-align: top;
	padding-left: 1px;
	width: 149px;
}
/* body class menu */ 
.menu {	
	vertical-align: top;
	padding-left: 0px;
	background-image: url(../images/background_main.jpg);
	background-repeat:repeat-y;
	
	/*scrollbar */
	scrollbar-arrow-color:#000000;
	scrollbar-base-color:#353535;
	scrollbar-shadow-color:#5A5A5A;
	scrollbar-face-color:#353535;
	scrollbar-highlight-color:#5A5A5A;
	scrollbar-dark-shadow-color:#5A5A5A;
	scrollbar-3d-light-color:#5A5A5A;
}
/* body class bottom */ 
.bottom {	
	vertical-align: top;
	padding-left: 0px;
	background-image: url(../images/background_middle.jpg);
	background-repeat:repeat-y;
}
/* Placeholder */
td#placeholder {	
	width: 10px;
}
/* Content */
td#content {	
	vertical-align: top;
	width: 513px;
	padding-top: 10px;
	padding-bottom: 10px;
}
table#reservation {
	height:100%;
	background-color:#9ACAE9;
}
/* Reservation Lotse */
div#lotse {
	background-repeat:no-repeat;
	background-image: url(../images/lotse.gif);
	background-position:top;
	width: 205px;
	height: 305px;
}
/* Reservation Lotse BG */
td#lotse {
	background-color:#9ACAE9;
	vertical-align:top;
	height: 340px;
}
div#bgcenter{
	background-repeat:no-repeat;
	background-image: url(../images/bg_logo.jpg);
	background-position:bottom;
	width: 205px;
	height: 294px;
}
td#bgcenter {
	width: 205px;
	height: 294px;
	vertical-align:bottom;
}
div#bgright{
	background-repeat:no-repeat;
	background-image: url(../images/bg_right.jpg);
	background-position:bottom;
	width: 572px;
	height: 294px;
}
td#bgright {
	width: 572px;
	height: 294px;
	vertical-align:bottom;
}
td#wolkeright {
	background-repeat:no-repeat;
	background-image: url(../images/wolken_rechts.jpg);
	width: 572px;
	height: 305px;
}


