/*
 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;
}
html[xmlns^="http"] {	/* verhindert Mozilla-Zucken * > Firefox 1.5  */
	overflow-y: scroll;
	padding: 0px;
  margin: 0px;
}
body {
	background-color: #FFFFFF;
	padding: 0px;
  margin: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}


#webcontainer {
	width: 750px;
	margin-left: auto;
	margin-right: 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 { 
	height: 133px;
	width: 750px;
}
#logo {
	background:	url(../images/design/header_logo.gif) no-repeat;
	height: 104px;
	width: 750px;
	padding: 0;
	text-decoration: none;
}

#logo a {
		text-decoration: none;
		cursor: pointer;
}
	
#home{
	width: 580px;
	height: 104px;
	float:left;
}
#header_status {
	width: 170px;
	height: 104px;
	float:right;
	background: none;
	padding: 0;
}

#balken {
	width: 750px;
	padding: 0;
}

/* ---------------------------------------------------
   Hauptnavigation
   =================================================== */

#mainnavi {
	width: 130px; 
	float:left; 
	margin: 0;
	padding: 25px 0 0 0;
}

#mainnavi li {
	display: block;
	line-height: 250%;
}
#mainnavi li a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #0A2541;
	padding: 0 0 0 22px;
	background: url(../images/design/list_nav.gif) no-repeat 8px center;
}
#mainnavi li a:hover, #mainnavi li a.aktiv {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #0A2541;
	background: url(../images/design/list_aktiv_nav.gif) no-repeat 8px center;
}


/* ---------------------------------------------------
   Subnavigation
   =================================================== */

#mainnavi li ul li a {
	text-decoration: none;
	font-size: 11px;
	color:#0A2541;
	display: block;
	padding: 4px 0 5px 28px;
	line-height: 100%;
	background: url(../images/design/list_nav.gif) no-repeat 15px center;
}
*+html #mainnavi li ul li a {
	text-decoration: none;
	font-size: 11px;
	color:#0A2541;
	display: block;
	padding: 1px 0 1px 28px;
	line-height: 40%;
	background: url(../images/design/list_nav.gif) no-repeat 15px center;
}
* html #mainnavi li ul li a {
	text-decoration: none;
	font-size: 11px;
	color:#0A2541;
	display: block;
	padding: 1px 0 1px 28px;
	line-height: 40%;
	background: url(../images/design/list_nav.gif) no-repeat 15px center;
}

#mainnavi li ul li a:hover, #mainnavi li ul li a.aktiv {
	text-decoration: none;
	display: block;
	font-size: 11px;
	background: url(../images/design/list_aktiv_nav.gif) no-repeat 15px center;
}

/* ---------------------------------------------------
   Slideshow
   =================================================== */
	 
#banner {
	width: 130px;
	float: left; 
	margin-top: 30px;
	font-size: 11px;
}
#banner a:link {
	text-decoration : none;
	color : #FF3300;
}
#banner a:visited {
	text-decoration : none;
	color : #FF3300;
}
#banner a:hover {
	color:#FF3300;
	text-decoration:underline;
}
#banner a:active {
	text-decoration:underline;
	color : #FF3300;
}


/* ---------------------------------------------------
   Main
   =================================================== */
#content {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	background: #EEEEEE url(../images/design/bg_content.gif) no-repeat bottom;
}
#inhaltsbereich {
	background: #FFFFFF url(../images/design/bg_inhaltsbereich.gif) no-repeat bottom;
	padding: 30px 30px;
	margin-left: 130px;
	border-left: 1px solid #FFFFFF;
	margin-right: 0px;
}
div#inhaltsbereich { 
min-height: 500px;
height:expression(this.scrollHeight > 500 ? "auto":"500px");
}


/* ---------------------------------------------------------------

	Hauptinhalt
	
--------------------------------------------------------------- */

#nachoben {
	margin-top: 1em;
	font-size: 12px;
}


/* ---------------------------------------------------
   Footer zuunterst auf der Seite
   =================================================== */
#footer {
	clear: both;
	width: 750px;
}
#balken_unten {
	width: 750px;
	padding: 0;
}
#adresse {
	width: 750px;
	padding: 0;
	color: #003366;
	text-align: center;
	font: 12px/150% Arial, Helvetica, sans-serif;
	padding: 10px 0;
}

#adresse a:link {
	text-decoration : none;
	color : #FF3300;
	font: 12px Arial, Helvetica, sans-serif;
}
#adresse a:visited {
	text-decoration : none;
	color : #FF3300;
}
#adresse a:hover {
	color:#FF3300;
	text-decoration:underline;
}
#adresse a:active {
	text-decoration:underline;
	color : #FF3300;
}

/* ---------------------------------------------------
   Stellen-Formulare
   =================================================== */

.red {
	color: #E63E24;
}
.adresse {
	color : #666666;
	text-align: right;
}
.rahmen {
	border : 1px solid #888888;
	font-family : Arial, Helvetica, sans-serif;
	width : 300px;
}
.button {
	border : 1px solid #444444;
	font-family : Arial, Helvetica, sans-serif;
	width : 140px;
}



/* ---------------------------------------------------
   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;
}*/