/*
 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     : 13.04.07 tue: Erstentwurf
*/


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

body { background-color: #F5EFEB; text-align: center; padding-top: 15px; padding-bottom: 15px; }

#webcontainer { margin: 0 auto; background-color: #fff; text-align: left; width: 950px; border: 1px solid #A2B7CC; padding: 1px; }

/* ---------------------------------------------------
   Headbereich mit Logo, Hauptnavigation und Smallnavi
   =================================================== */
#head { height: 90px; }

#logo { float: left; width: 200px; height: 80px; text-align: center; vertical-align: middle; margin-top: 5px; }

#smallnavi { float: right; width: 450px; text-align: right; padding-right: 15px; padding-top: 10px; color: #AAA; }
#smallnavi a { font-size: 11px; text-decoration: none; color: #777; }
#smallnavi a:hover, #smallnavi a:active, #smallnavi .aktiv { text-decoration: none; color: #003876; }

#mainnavi { float: right; width: 725px; list-style: none; }
#mainnavi li { float: left; }
#mainnavi a { text-decoration: none; padding: 4px 0; color: #003876; }
#mainnavi a span span { heigt: 40px; line-height: 40px; padding-left: 8px; }
#mainnavi a span { padding-top: 10px; padding-bottom: 10px; heigt: 40px; line-height: 40px; padding-right: 8px; }
#mainnavi a:hover span { background-image: url(../myGfx/navi_bronze_l.gif); background-repeat: no-repeat; background-position: left center; }
#mainnavi a:hover span span { background-image: url(../myGfx/navi_bronze_r.gif); background-repeat: no-repeat; background-position: right center; }

#mainnavi .aktiv span { background-image: url(../myGfx/navi_blau_l.gif); background-repeat: no-repeat; background-position: left center; }
#mainnavi .aktiv span span { background-image: url(../myGfx/navi_blau_r.gif); background-repeat: no-repeat; background-position: right center; }

/* ---------------------------------------------------
   Inhaltsbereich der Webseite
   =================================================== */
#table_content { width: 100%; }

#cell_left { width: 200px; border-top: 1px solid #A2B7CC; height: 100%; background-color: #E5EBF1; vertical-align: top; }
#cell_right { border-top: 1px solid #A2B7CC; width: 725px; height: 100%; vertical-align: top; padding-top: 20px; padding-bottom: 15px; }

#cell_navigation { width: 200px; background-color: #E5EBF1; border-bottom: 1px solid #fff; vertical-align: top; }
#cell_navigation2 { width: 200px; background-color: #E5EBF1; vertical-align: top; }

#cell_adresse { background-color: #003876; color: #E5EBF1; padding-left: 18px; height: 150px; vertical-align: middle; }
#cell_adresse a { text-decoration: none; color: #E5EBF1; }
#cell_adresse a:hover, #cell_adresse a:active { text-decoration: underline; }

h1 { margin-top: 0.75em; margin-bottom: 0.75em; font-size: 16px; color: #003876; font-weight: normal; padding-bottom: 5px; border-bottom: 1px solid #d0dbe5; }

h2 { color: #003876; font-size: 13px; margin-bottom: 0.25em; }

p { line-height: 1.50em; font-size: 12px; margin-bottom: 0.75em; text-align: left; padding-right: 25px; }

.stimmungsbild { padding-right: 0; }

#cell_right ul { margin-left: 2em; margin-bottom: 1em; }
#cell_right li { margin-bottom: 0.5em; }

#cell_right img {	/* margin-bottom: 2.5em; */ }

#cell_right table {margin:0; padding:0;}

#cell_right a { text-decoration: none; color: #B67A6D; }
#cell_right a:hover { text-decoration: underline; color: #945549; }

#cell_right .on_top { text-decoration: none; color: #B67A6D; background: url(../myGfx/arrow_t_blau.gif) no-repeat left center; padding-left: 18px; }
#cell_right .on_top:hover { text-decoration: underline; color: #945549; }

.trennlinie { margin-top: 15px; border-top: 1px solid #d0dbe5; line-height: 1px; height: 1px; margin-bottom: 10px; }

/* ---------------------------------------------------
   Tabellen
   =================================================== */
#cell_right .referenzen { border: none; }
#cell_right .referenzen td { /* vertical-align: top; */ padding-right: 15px; padding-bottom: 8px; padding-top: 8px; width: 320px; border-bottom: 1px solid #D0DBE5; }

#cell_right .suchtab { border: none; }
#cell_right .suchtab td { /* vertical-align: top; */ padding-right: 15px; padding-bottom: 8px; padding-top: 8px; border-bottom: 1px solid #D0DBE5; }

#cell_right .suchtab_ohne td { padding-right: 15px; padding-bottom: 8px; padding-top: 8px; }

.def_tab { border: none; }
.def_tab td { vertical-align: top; padding-right: 15px; padding-bottom: 8px; padding-top: 8px; width: 320px; border-bottom: 1px solid #D0DBE5; }

.spez_tab {border: 1px solid #ddd;}
.spez_tab td {padding:5px; vertical-align:top;}

.kontakt_tab {border:0; margin:0; padding:0;}
.kontakt_tab td {padding-right:15px; padding-bottom:5px; vertical-align:top; line-height:150%}

/* Zebra Funktion */
.tableRowEven { background-color: #e7e7e7; }
.tableRowEven td { vertical-align: top; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; }
.tableRowUnEven { background-color: #fff; }
.tableRowUnEven td { vertical-align: top; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; }

/* ---------------------------------------------------
   Subnavigation
   =================================================== */
#subnavi {
	width: 198px;
	float: left;
	padding-bottom: 50px;
	padding-top: 25px;
	padding-left: 1px;
}
/* Hack für alle IE */
* html #subnavi {
	width: 199px;
}
#subnavi ul {
	list-style: none;
	border-top: 1px solid #A2B7CC;
}
#subnavi ul li {
	line-height: 27px;
	border-bottom: 1px solid #A2B7CC;
}
#subnavi ul a {
	font-size: 12px;
	text-decoration: none;
	color: #001F57;
	display: block;
	border-top: 1px solid #E5EBF1;
	border-bottom: 1px solid #E5EBF1;
	background: url(../myGfx/arrow_r.gif) no-repeat left center;
	padding-left: 28px;
}
#subnavi ul a:hover, #subnavi ul a:active, #subnavi ul a.aktiv {
	color: #001F57;
	display: block;
	/*background: url(link_subnavi.gif) no-repeat left center;*/
	text-decoration: none;
	font-weight: bold;
	background-color: #F3F5F8;
}
/* ---------------------------------------------------
   Sub-Sub Navigation
   =================================================== */
#subnavi ul ul {
	margin-bottom: 10px;
}

#subnavi ul ul li {
	margin-bottom: 0;
}
#subnavi ul ul a {
	/*background: url(link_subsubnavi_dark.gif) no-repeat left center;
	padding-left: 11px;*/
	padding-left: 0px;
	margin-left: 15px;
	color: #999;
	padding-bottom: 2px;
}
#subnavi ul ul a:hover, #subnavi ul ul a:active, #subnavi ul ul a.aktiv {
	color: #4E7E38;
	/*background: url(link_subsubnavi.gif) no-repeat left center;
	padding-left: 11px;*/
	padding-left: 0px;
	padding-bottom: 2px;
}



/* ---------------------------------------------------
   Footer zuunterst auf der Seite
   =================================================== */
#footer {
	width: 920px;
	color: #C29085;
	margin: 5px auto;
}


/* ---------------------------------------------------
   Webdesign OneByte zuunterst ausserhalb der Webpage
   =================================================== */
#copyright {
	float: left;
	text-align: left;
	width: 500px;
	color: #C29085;
	font-size: 11px;
}
#onebyte {
	float: right;
	text-align: right;
}
#onebyte a {
	text-decoration: none;
	color: #C29085;
	font-size: 11px;
}
#onebyte a:hover, #onebyte a:active {
	text-decoration: underline;
	color: #AF6C5F;
}

/* OpenBox Editor */
.HardCoreWebEditor, .test {
	text-align: left;
}