/*
 OneByte GmbH - e-Business & Webdesign - www.onebyte.ch
 
 Filename    : web_default.css
 Created by  : Serkan T�ten (tue@onebyte.ch)
 Purpose     : Stylesheet f�r Browserdarstellung
 Please note : 
*/

/* ---------------------------------------------------
   Inhaltsbereich der Seite importieren
   =================================================== */
@import url("editor.css");



/* ---------------------------------------------------
   Global
	 evt. anstelle von * nur diese verwenden damit es
	 weniger komplikationen gibt:
	 html, body, div, ul, ol, li, dl, dt, dd, h1, h2,
	 h3, h4, h5, h6, pre, form, p, blockquote, fieldset,
	 input
   =================================================== */
* {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

html[xmlns^="http"] {	/* verhindert Mozilla-Zucken * > Firefox 1.5  */
	overflow-y: scroll;
}
body {
	background-color: #594f4d;
	behavior: url("csshover.htc");
}

#bg_design {
	background: url(../images/design/design.gif) repeat scroll bottom center;
	/*background:transparent url(../images/design.gif repeat scroll bottom center;*/
	height:228px;
/*	position:fixed;*/
	position: absolute;
	right:20px;
	top: 50px;
	width:15px;
	z-index: -10;
}

#webcontainer {
	width: 911px;
	margin: 50px auto;
}

.clearer { /* ACHTUNG: IE8 macht mit <br class=clearer> 1px Abstand - L�sung: <span class="clearer" /></span> */
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------
   Header zuoberst auf der Seite
   =================================================== */
#header {
	float: left;
	width: 237px;
	background-color: #fff;
	padding-left: 33px;
	padding-top: 121px;
	height: 359px;
}



/* ---------------------------------------------------
   Main
   =================================================== */
#content {
	background: url(../images/design/content_bg.jpg) repeat-y;
	width: 911px;
	min-height:480px;
 	height:auto !important;
 	height:480px;
	z-index: 20;
}

*+html #content {
	margin-top:50px;
}

* html #content {
	margin-top:50px;
}


#content_startseite {
	background: url(../images/design/content_bg.jpg) repeat-y;
	width: 911px;
	min-height:480px;
 	height:auto !important;
 	height:480px;
	z-index: 20;
}


*+html #content_startseite {
	margin-top:50px;
}

* html #content_startseite {
	margin-top:50px;
}

#startseite {
	width: 630px;
	height: 480px;
	margin-right: 11px;
	float: right;	
}

#startbild {
	width: 630px;
	height: 291px;
	float: right;
	padding: 0;
}

#inhaltsbereich_start {
	width: 550px;
	height: 120px;
	float: right;
	padding: 35px 80px 0 0;
}


#inhaltsbereich {
	width: 364px;
	float: left;
	padding: 55px 40px 0 0;
}



#stimmungsbild {
	width: 225px;
	margin-right: 11px;
	float: right;
}


/* ---------------------------------------------------
   GoogleMaps
   =================================================== */
small {
	position: absolute;
	padding: 5px 10px;
	right: 0;
	bottom: 0;
	z-index: 15;
	background-color: #336600;
	text-align: center;
	background: url(../images/design/GoogleMaps_bg.png) repeat;
}
small a {
	text-decoration: none;
}
small a:hover {
	text-decoration: underline;
}




/* ---------------------------------------------------
   Footer zuunterst auf der Seite
   =================================================== */
#footer {
	background: url(../images/design/footer_bg.jpg) top #594F4D no-repeat;
	width: 911px;
	margin-top: 0;
	border-top: 0;
	height: 105px;
	clear: both;
}

#adresse { 
	color: #A69F9E;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	float: right;
	width: 692px;
	padding: 0 11px 0 0;
	text-align: right;
	top:0;
	letter-spacing: 0.05em;
}

#adresse .strong { 
	color: #A69F9E;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#adresse a{
	color: #A69F9E;
	text-decoration:none;	
}

#adresse a:hover{
	text-decoration:underline;
}

/* ---------------------------------------------------
   Webdesign OneByte zuunterst ausserhalb der Webpage
   ===================================================
#copyright {
	clear: both;
	margin-left: 45px;
	color: #C1C1C1;
	font-size: 11px;
	padding-top: 2em;
	padding-bottom: 1em;
}
#copyright a {
	text-decoration: none;
	color: #999;
	font-size: 11px;
}
#copyright a:hover, #copyright a:active {
	text-decoration: underline;
	color: #333;
} */