/* CSS Document

BAD SCHALLERBACH STYLING */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../img/hg.jpg);
	background-repeat:repeat-x;
}

#wrapper {
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
}

#main {
	position:absolute;
	height:100%;
	width:992px;
	left:50%;
	margin-left:-496px;
	padding:0px;
	margin-top:0px;
	top:0px;
	background-color:#FFFFFF;
}

#header {
	position:absolute;
	background-image:url(../img/header.jpg);
	top:0px;
	left:0px;
	height:229px;
	width:992px;
}
#content {
	background-image:url(../img/top.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	position:absolute;
	left:0px;
	top:229px;
	height:520px;
	width:992px;
	
}
 /*******************/
 /*     HEADER     */
/******************/
#logo {
	position:absolute;
	top:54px;
	left:13px;
}
.navi {
	position:absolute;
	right:30px;
	bottom:0px;
	height:17px;
	width:330px;
	text-align:right;
	color:#9bc1db;
	font-weight:bold;
	font-size:12px;
}
.navitext {
	position:relative;
	float:left;
	width:200px;
	height:17px;
	bottom:2px;
}

 /*******************/
 /* CONTENT MITTE  */
/******************/

.aktuelles {
	position:absolute;
	background:url(../img/aktuelles.gif);
	left:0px;
	top:5px;
	width:302px;
	height:455px;
}
.box{
	position:relative;
	top:55px;
	width:285px;
	height:100px;
	color:#000000;
	font-size:12px;
	left:5px;
}
.boxtext {
	position:relative;
	float:right;
	height:70px;
	width:180px;
}
.short_text {
	position:absolute;
	background:url(../img/short_text.jpg);
	right:0px;
	top:24px;
	width:297px;
	height:203px;
}
.short_t {
	position:absolute;
	left:10px;
	top:14px;
	width:270px;
	height:170px;
	font-size:12px;
	color:#3081b5;
}
/* Veranastaltungen */
.veranstaltungen {
	position:absolute;
	background:url(../img/veranstaltungen.jpg);
	right:0px;
	bottom:5px;
	width:301px;
	height:274px;
}
.calendar {
	position:absolute;
	top:40px;
	left:70px;
	height:100px;
	width:170px;
}
.titel {
	position:relative;
	top:210px;
	left:30px;
	color:#3184ba;
	height:20px;
	width:180px;
	float:left;
}
.bluemehr {
	display:block;
	position:relative;
	float:right;
	width:54px;
	height:15px;
	top:210px;
	right:40px;
}



 /*******************/
 /* CONTENT RIGHT  */
/******************/

.spalte1{
	position:absolute;
	width: 182px;
	top:0px;
	left:0px;  
	height:507px;
}
.menue {
	position:absolute;
	top:10px;
	left:5px;
	width:170px;
	height:190px;
	background-repeat:no-repeat;
	font-size:11px;
}

.tourismus {
	position:absolute;
	background-image:url(../img/tourismus.jpg);
	bottom:5px;
	left:5px;
	width:170px;
	height:210px;
}
.logos {
	position:relative;
	top:40px;
	left:10px;
}
.spalte2{
	position:absolute;
	top:0px;
	left:195px;
	width:615px;
	height:507px;
}

.spalte3{
	position:absolute;
	right:0px;
	top:0px;
	width:180px;
	right:5px;
	height:507px;
}

.portal {
	position:absolute;
	top:17px;
	right:0px;
	background-image:url(../img/portal.gif);
	height:136px;
	width:159px;
}
.notdienste {
	position:absolute;
	top:165px;
	right:0px;
	height:176px;
	width:159px;
	background-image:url(../img/notdienste.gif);
}
.entsorgung {
	position:absolute;
	bottom:5px;
	right:0px;
	width:159px;
	height:159px;
	background-image:url(../img/entsorgung.gif);
}

 /************/
 /* FOOTER  */
/***********/

#footer {
	 position:absolute;
	 left:0px;
	 top:745px;
	 height:68px;
	 color:#a5b3bd;
	 width:992px;
	 background-color:#FFFFFF;
}
.footer_left {
	 position:absolute;
	 left:10px;
	 top:10px;
	 height:20px;
	 width:300px;
	 float:left;
}	
.footer_right {
	float:left;
	 position:absolute;
	 right:10px;
	 top:10px;
	 height:20px;
	 width:300px;
	 text-align:right;
}
.bottom {
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:14px;
	text-align:center;
	height:30px;
	width:992px;
}
.line {
	position:absolute;
	background-image:url(../img/line.gif);
	background-repeat:repeat-x;
	height:1px;
	width:992px;
	top:34px;
}

/* Schriftformatierungen */

.caps {
	position:absolute;
	top:9px;
	left:37px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#FFFFFF;
	font-weight:bold;
}
.bigcaps {
	position:absolute;
	top:13px;
	left:55px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#FFFFFF;
	font-weight:bold;
}
.bigcaps2 {
	position:absolute;
	top:11px;
	left:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#FFFFFF;
	font-weight:bold;
}
.caps_tour {
	position:absolute;
	top:5px;
	left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#FFFFFF;
	font-weight:bold;
}
.bluetext {
	position:absolute;
	top:34px;
	left:10px;
	width:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#858c94; 
}
.orange {
	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#f5a80f;
	font-weight:bold;
}
.headline {
	font-size:14px;
	font-weight:bold
}

/* Bildformatierungen */

img {
	border:0px;
}
.boximg {
	position:relative;
	display:block;
	float:left;
	height:70px;
	width: 100px;
}
.orangemehr {
	position:relative;
	display:block;
	float:right;
}
.tour {
	margin:8px;
	position:relative;
}
/* Formularformatierungen */

select {
	position:relative;
	border:1px;
	border-color:#9bc1db;
	color:#9bc1db;
	width:50px;
	height:17px;
	font-size:11px;
	float:right;
	bottom:0px;
}
/* folgeseiten styling */
.mid_orange {
	position:absolute;
	background:url(../img/orange_mid.jpg) no-repeat;
	width:599px;
	height:502px;
	bottom:0px;
	left:5px;
}	
.mid_blue {
	position:absolute;
	background:url(../img/blue_mid.jpg) no-repeat;
	width:599px;
	height:502px;
	bottom:0px;
	left:5px;
}
/* Line styling */
hr {
	height:1px;
	color:#e7e9eb;
	border: 1px solid #e7e9eb;
}

/* Linkformatierungen */
a {text-decoration:none; color:#a5b3bd; }
a:link {text-decoration:none; color:#a5b3bd; }
a:active {text-decoration:none; color:#a5b3bd; }
a:visited {text-decoration:none; color:#a5b3bd; }
a:hover {text-decoration:none; color:#526978; }