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

/* ---------------------------------------------------
   Inhaltsbereich der Seite importieren
   =================================================== */

@import url("editor.css");


/* ---------------------------------------------------
   Global
   =================================================== */
* {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body {
	background-color: #fff;
}

#webcontainer {
	width: 1000px;
}


/* ---------------------------------------------------
   Header zuoberst auf der Seite
   =================================================== */
#header { 
	height: 70px;
	background-color: #0055A3;
}
#logo {
	width: 190px;
	float: left;
	padding: 10px 0 0 20px;
}


/* ---------------------------------------------------
   Hauptnavigation
   =================================================== */
#mainnavi {
}
#mainnavi ul {
	background-color: #33B1E7;
	padding-left: 10px;
	height: 40px;
	line-height: 40px;
	width: 780px;
	float: right;
}
/* IE Hack */
* html #mainnavi ul {
	width: 780px;
}
#mainnavi li {
	list-style: none;
	float: left;
}
#mainnavi li a {
	text-decoration: none;
	font-family: TheSans, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	margin-right: 15px;
}
#mainnavi li a:hover,
#mainnavi li a.aktiv {
	text-decoration: none;
	font-family: TheSans, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #0055A3;
}

/* ---------------------------------------------------
   Subnavigation
   =================================================== */
#subnavi {
	width: 210px;
	float: left;
	font-size: 11px;
}
#subnavi ul {
	list-style: none;
}
#subnavi ul li {
	line-height: 16px;
}
#subnavi ul a {
	text-decoration: none;
	color: #555;
	display: block;
	width: 190px;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 5px;
	margin-bottom: 1px;
}
/* IE Hack */
*+html #subnavi ul li {
	padding-left: 0;
}
* html #subnavi ul a,
* html #subnavi ul a:visited {
	width: 190px;
}

#subnavi ul a:hover,
#subnavi ul a:active,
#subnavi li a.aktiv {
	color: #fff;
	background-color: #7F7F7F;
	text-decoration: none;
	display: block;
	width: 190px;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 5px;
	margin-bottom: 1px;
}
/* IE Hack */
* html #subnavi ul a:hover,
* html #subnavi ul a:active,
* html #subnavi li a.aktiv {
	width: 190px;
	padding: 2px 0 2px 15px;
}

/* ---------------------------------------------------
   Sub-Sub Navigation
   =================================================== */
#subnavi ul ul a,
#subnavi ul ul a:visited {
	width: 175px;
	padding-left: 30px;
	background-color: #D0D0D0;
}
/* IE Hack */
* html #subnavi ul ul a,
* html #subnavi ul ul a:visited {
	width: 175px;
}

#subnavi ul ul a:hover,
#subnavi ul ul a:active,
#subnavi ul ul a.aktiv {
	background-image: url('../images/design/links/pfeil_blau.gif');
	background-repeat: no-repeat;
	background-position: 15px center;
	background-color: #D0D0D0;
	color: #000;
	padding-left: 30px;
	width: 175px;
}
/* IE Hack */
* html #subnavi ul ul a:hover,
* html #subnavi ul ul a:active,
* html #subnavi ul ul a.aktiv {
	width: 175px;
}

#robi {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* ---------------------------------------------------
   Smallnavigation
   =================================================== */
#smallnavi {
	height: 30px;
	line-height: 30px;
	padding-right: 10px;
	float: right;
	width: 780px;
	text-align: right;
	color: #FFFFFF;
	font-size: 11px;
}
#smallnavi a {
	text-decoration: none;
	color: #FFFFFF;
}
#smallnavi a:hover, #smallnavi a:active, #smallnavi a.aktiv {
	text-decoration: underline;
	color: #FFFFFF;
}

/* ---------------------------------------------------
   Krümelnavigation
   =================================================== */
#kruemel {
	height: 20px;
	line-height: 20px;
	border-left: #E5E5E5 solid 210px;
	background-color: #7F7F7F;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 10px;
}
#kruemel a {
	text-decoration: none;
	color: #FFFFFF;
}
#kruemel a:hover, #kruemel a:active {
	text-decoration: underline;
	color: #FFFFFF;
}
#kruemelstart {
	height: 20px;
	border-left: #0055A3 solid 210px;
	background-color: #7F7F7F;
}

#kruemel.kruemelgruen {
	background-color: #aecd5c;
}
#kruemel.kruemelorange {
	background-color: #ff9900;
}

#startbild {
	/* margin-bottom: 30px;*/
	width: 760px;
	height: 259px;
}

/* ---------------------------------------------------
   Main
   =================================================== */
#content {
	background: url(../images/design/content_bg.gif) repeat-y;
	float:left;
}
#contentstart {
	margin-bottom: 20px;
	border-bottom: 3px solid #33B1E7;
	height: 259px;
}
#inhaltsbereich {
	width: 730px;
	float: right;
	padding: 30px;
}
/* IE Hack */
*+html #inhaltsbereich {
	width: 730px;
	padding: 30px 0 0 0;
}
* html #inhaltsbereich {
	width: 730px;
	padding: 30px 0 0 0;
}
.txtarea {
	width: 440px;
}

#headpic {
	padding-bottom: 30px;
	width: 440px;
}

/* ---------------------------------------------------
   4 Spalten auf der Startseite
   =================================================== */
#startbereich {
	padding-left: 20px;
}
/* ---------------------------------------------------
   Texte in den Spalten auf der Startseite
   =================================================== */
#startbereich h2 {
	font-weight: bold;
	color: #0055A3;
	line-height: 18px;
}
#startbereich p {
	color: #000000;
	line-height: 15px;
	padding-bottom: 15px;
}
#startbereich a {
	text-decoration: none;
	color: #0055A3;
}
#startbereich a:hover, #startbereich a:active {
	text-decoration: underline;
	color: #0055A3;
}


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

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

.suchfeld {
	border: 1px solid #666;
	width: 150px;
	height:18px;
}


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

/* ---------------------------------------------------
   Spalte ganz rechts auf der Seite
   =================================================== */
#spalte_rechts {
	width: 180px;
	height: 200px;
	float: right;
	padding-right: 20px;
	font-size: 11px;
}
/* IE Hack */
*+html #spalte_rechts,
* html #spalte_rechts {
	width: 200px;
}
* html #spalte_rechts {
	width: 200px;
}
#spalte_rechts_fixed {
	position: absolute;
	top: 130px;
	left: 790px;
	width: 190px;
}
html>body #spalte_rechts_fixed {  /* nur fuer moderne Browser! */
	position: fixed;
}

/* ---------------------------------------------------
   Tabellen
   =================================================== */
.tab_default td {
	padding-right: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
.tab_content {
	margin-bottom: 2em;
}
.tab_content td {
	padding-right: 10px;
	vertical-align: top;
	height: 15px;
}
.tab_history td {
	vertical-align: top;
	padding: 5px;
}
.tab_messe td {
	vertical-align: top;
	padding-right: 5px;
	padding-bottom: 3px;
}

/* ---------------------------------------------------
   Footer zuunterst auf der Seite
   =================================================== */
#footer {
	padding-left: 30px;
	height: 50px;
	line-height: 50px;
	border-left: #E5E5E5 solid 210px;
	clear: both;
}
#footerstart {
	height: 50px;
	line-height: 50px;
	padding-left: 80px;
	clear: both;
}
#footer a, #footerstart a {
	text-decoration: none;
	color: #0055A3;
}
#footer a:hover, #footer a:active, #footerstart a:hover, #footerstart a:active {
	text-decoration: underline;
	color: #0055A3;
}

#footer_robi {
	padding-left: 30px;
	height: 10px;
	line-height: 10px;
	border-left: #E5E5E5 solid 210px;
	clear: both;
}
#footer_robi a {
	text-decoration: none;
	color: #0055A3;
}
#footer_robi a:hover, #footer_robi a:active {
	text-decoration: underline;
	color: #0055A3;
}

#adresse { 
	float: right;
	width: 585px;
	padding-right: 26px;
	padding-top: 25px;
	text-align: left;
	line-height: 150%;
}

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

/*highlight*/

.highlight { background-color: yellow }
#inhaltsbereich h2 .highlight {font-size: 14px; background-color: yellow }
#inhaltsbereich h1 .highlight {font-size: 16px; background-color: yellow }