/*
 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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}
body {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
}

#webcontainer {
	width: 968px;
	margin: 0 auto;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.clearer {
	clear: both;
	display: block;
	font-size: 1px;
	height: 0pt;
	line-height: 1px;
	margin: 0pt;
	padding: 0pt;
}
.linie {
	border-bottom: 1px #355FB2 solid;
	/*border-top: 1px #355FB2 solid;*/
	height: 5px;
	margin-bottom: 10px;
}

/* ---------------------------------------------------
   Header zuoberst auf der Seite
   =================================================== */
#header { 
	height: 77px;
	background-color: white;
}
#logo {
	width: 270px;
	float: left;
	padding: 0;
}
#headerRechts {
	float: right;
	/*background: url(../images/design/header_linie.jpg);*/
	width: 698px;
	height: 77px;
	padding: 0;
}
/* ---------------------------------------------------
   Servicenavigation oben rechts
   =================================================== */
#servicenavi {
	background-color: #6d758a;
	color: white;
	width: 350px;
	height: 21px;
	float: right;
	text-align: right;
	padding-top: 6px;
	padding-right: 20px;
}
#servicenavi a {
	color: white;
	font-size: 11px;
	text-decoration: none;
}
#servicenavi a:hover, #servicenavi a:active, #servicenavi a.aktiv  {
	color: white;
	font-size: 11px;
	text-decoration: underline;
}

/* ---------------------------------------------------
   Hauptnavigation
   =================================================== */
#mainnavi {
	
}
#mainnavi ul {
	background-color: white;
	height: 33px;
	line-height: 33px;
	width: 968px;
}
#mainnavi li {
	background: url(../images/design/bg_navigation_off.jpg) repeat-x;
	list-style: none;
	float: left;
	display: block;
	width: 160px;
	height: 32px;
	text-align: center;
	border-right: 1px solid white;
}
#mainnavi li a {
	background: url(../images/design/bg_navigation_off.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: white;
	text-decoration: none;
	display: block;
	width: 160px;
	height: 32px;
	padding-top: 3px;
}
#mainnavi li a:hover, #mainnavi li a.aktiv {
	background: url(../images/design/bg_navigation_over.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: white;
	text-decoration: none;
	display: block;
	width: 160px;
	height: 32px;
	padding-top: 3px;
}
#mainnavi li.lastelem {
	background: url(../images/design/bg_navigation_off.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: white;
	display: block;
	width: 163px;
	height: 35px;
	border-right: 0;
}
#mainnavi li.lastelemaktiv {
	background: url(../images/design/bg_navigation_over.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: white;
	display: block;
	width: 163px;
	height: 35px;
	border-right: 0;
}
#container_navi {
	margin-top: 3px;
	height: 130px;
}
* html #container_navi {
	margin-top: 0;
}
#kundenmeinungen {
	float: left;
	width: 149px; 
	height: 120px;
	background: #770342;
	line-height: 150%;
	font-style: italic;
	font-size: 9px;
	color: #FFFFFF;
	padding: 5px 5px 5px 6px;
}
* html #kundenmeinungen {
	padding: 5px;
}
#stimmungsbild {
	float: left;
	width: 643px;
	height: 130px;
	margin-left: 1px;
}
/* ---------------------------------------------------
   Subnavigation
   =================================================== */
#subnavi {
	float: left;
	width: 160px;
	height: 1px;
}
#subnavi li {
	line-height: 17px;
	border-bottom: #FFF 1px solid;
	list-style: none;	
}
#subnavi li a {
	display: block;
	padding: 3px 4px 3px 14px;
	text-decoration: none;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #67043a/*url(../images/subnavi_bg.gif) no-repeat top left*/;
}
/*#subnavi li a:visited{
	color: #C0CFED;
	background: #26447F;
}*/
#subnavi li a:hover, #subnavi li a:active, #subnavi li a.aktiv {
	color: #3c4763;
	display: block;
	text-decoration: none;
	background: #FFF /*url(../images/subnavi_bg_on.gif) no-repeat top left*/;
}
#block {
	float: left;
	width: 160px;
	height: 1px;
}

/* ---------------------------------------------------
   Sub-Sub Navigation
   =================================================== */
#subnavi ul ul a, #subnavi ul ul a:visited {
	width: 175px;
	padding-left: 30px;
	background-color: #D0D0D0;
}
#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;
}

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


/* ---------------------------------------------------
   Main
   =================================================== */
#main {
	margin-top: 1px;
	background: url(../images/main_bg.gif) left top repeat-y;
	width: 968px;
}
* html #main {
	margin-top: -1px;
	background: url(../images/main_bg.gif) left top repeat-y;
	width: 968px;
}
#inhaltsbereich {
	float: left;
	width: 548px;
	padding: 48px;
	background: white;
	min-height: 460px;
 	height: auto !important;
 	height: 460px;
	color: #3c4763;
}
#inhaltsbereich .team {
	border:1px solid #355FB2;
}

#nachoben {
	float: left;
	margin-left: 200px;
	font-size: 11px;
	position: absolute;
	z-index: 110;
	margin-top: -58px;
	height: 35px;
	padding: 20px 6px 2px 10px;
	font-size: 11px;
}

/* ---------------------------------------------------
   News RSS
   =================================================== */
.rss {
	height: 16px;
	background: url(../images/icons/rss_feed_symbol.gif) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
	color:#FFFFFF;
	margin-left:10px;
}
.rss a {color:#FFFFFF; text-decoration:none}
.rss a:hover {color:#FFFFFF; text-decoration:underline}
/* ---------------------------------------------------
   Goodies: News und Tipp der Woche
   =================================================== */
#goodies {
	float: right;
	width: 163px;
	color: white;
}
* html #goodies {
	width: 158px;
}
#goodies h1 {
	line-height: 8px;
	float: left;
	width: 141px;
	border-bottom: 1px solid white;
	padding: 11px;
	background: #67043a;
	font-size: 12px;
	font-weight: bold;
	color: white;
}
#goodies h2 {
	padding-top: 6px;
	font-weight: bold;
	font-size: 11px;
}
#tipps, #news {
	width: 143px;
	float: left;
	border-bottom: 1px solid white;
	font-size: 11px;
	padding: 10px;
}
* html #tipps, * html #news {
	padding-left: 3px;
}
#clear {
	clear: both;
}


#adresse {
	float: left;
	position: absolute;
	z-index: 100;
	margin-top: -260px;
	height: 215px;
	padding: 20px 6px 2px 5px;
	font-size: 11px;
	color: #FFF;
}
#adresse a, #adresse a:hover {
	color: white;
	text-decoration: underline;
}

#adresse hr {
	background-color:#fff;
	color: #fff;
	width: 150px;
}

/* ---------------------------------------------------
   Footer zuunterst auf der Seite
   =================================================== */
#footer {
	clear: both;
	width: 968px;
	margin: 0 auto;
	height: 25px;
	line-height: 25px;
}
#copyright {
	float: right;
	color: #666666;
	font-size: 11px;
}
#copyright a {
	text-decoration: none;
	color: #666666;
	font-size: 11px;
}
#copyright a:hover, #copyright a:active {
	text-decoration: underline;
	color: #355fb3;
}