/*



	OneByte GmbH

	e-Business & Webdesign



	www.onebyte.ch

	info@onebyte.ch



	Serkan Tüten

	serkan.tueten@onebyte.ch

	Bettina Gloor

	bettina.gloor@onebyte.ch

*/





/* global settings */

* {

	margin: 0;

	padding: 0;

}



body {

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

	letter-spacing: 0.04em;

	word-spacing: 0.06em;

	line-height: 1.7em;

	color: #000;

	background: #FFF;

}



img, background {

	behavior: url(iepngfix.htc);

}



#container {

	margin: 1.5em auto;

	width: 951px;

	text-align: left;

}



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

   Header

   =================================================== */

#head {

	line-height: 1.4em;

}

#logo {

	float: left;

	width: 907px;

	height: 84px;

	padding: 0 0 0 46px;

	background: url(../images/design/header_bg.jpg) no-repeat top left;

}

#topnavi {

	float: left;

	width: 89px;

	padding-left: 595px;

	padding-top: 2px;

}

#topnavi a:link, #topnavi a:visited, #topnavi a:active {

	color: #000;

	text-decoration: underline;

	float:left;

}

#topnavi a:hover, #topnavi .aktiv, #topnavi .aktiv:visited {

	color: #A11252;

	text-decoration: underline;

	float:left;

}



#suche {

	float: left;

	padding-left: 35px;

	width: 185px;

}

.suchen{

	font-size: 10px;

	width: 100px;

	color: #506467;

}

#navi1 {

	float: left;

	width: 953px;

	height: 83px;

	padding: 42px 0 0 20px;

	font-size: 12px;

	text-align: center;

	letter-spacing: 0.04em;

	background: url(../images/design/navi1_bg.jpg) no-repeat top left;

}

#navi1 ul {

	list-style: none;

}

#navi1 li {

	width: 110px;

	height: 57px;

	float: left;

	padding-right: 23px;

}

#navi1 a:link, #navi1 a:visited, #navi1 a:active {

	color: #FFF;

	text-decoration: none;

}

#navi1 ul li a:hover, #navi1 ul li .aktiv, #navi1 ul li .aktiv:visited {

	color: #000;

	text-decoration: none;

}



#navi2 {

	float: left;

	width: 953px;

	height: 27px;

	padding: 4px 0 0 20px;

	background: url(../images/design/navi2_bg.jpg) no-repeat top left;

	font-size: 10px;

}

#navi2 ul {

	list-style: none;

}

#navi2 li {

	float: left;

  width: 112px;

	height: 23px;

	text-align: center;

	padding-top: 4px;

	padding-right: 2px;

	background: url(../images/design/navi2_button.gif) no-repeat top left;

}

#navi2 a:link, #navi2 a:visited, #navi2 a:active {

	color: #FFF;

	text-decoration: none;

}

#navi2 ul li a:hover, #navi2 ul li .aktiv, #navi2 ul li .aktiv:visited {

	color: #000;

	text-decoration: none;

}

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

   Navigation 3 + 4

   ========================= */

#contentnavi {

	float: left;

	width: 151px;

	margin-top: 20px;

}

#navi34_top {

	float: left;

	width: 130px;

	height: 6px;

	font-size: 1px;

	line-height: 1px;

	background: url(../images/design/boxnavi_bg_header.jpg) no-repeat top left;

}

#navi3 {

	width: 120px;

	height: 165px;

	padding-left: 10px;

	background: url(../images/design/boxnavi_bg_content.jpg) repeat-y top left;

}

#navi3 ul {

	float: left;

	list-style: none;

	margin: 8px 0 0 4px;

}

#navi3 a:link, #navi3 a:visited, #navi3 a:active {

	color: #603146;

	text-decoration: none;

	line-height: 20px;

	background: url(../images/design/navi3_pkt.gif) top left no-repeat;

	display: block;

	padding-left: 15px;

}

/* Für IE */

* html #navi3 a:link, * html #navi3 a:visited, * html #navi3 a:active {

	height: 20px;

}

#navi3 ul li a:hover, #navi3 ul li .aktiv, #navi3 ul li .aktiv:visited{

	color: #A11252;

	text-decoration: none;

	font-weight: bold;

}

#navi4 {

	width: 120px;

	height: 200px;

	padding-left: 10px;

	background: url(../images/design/boxnavi_bg_content.jpg) repeat-y top left;

}

#navi4 ul {

	float: left;

	list-style: none;

	margin: 8px 0 0 4px;

}

#navi4 a:link, #navi4 a:visited, #navi4 a:active {

	color: #603146;

	text-decoration: none;

	height: 20px;

	background: url(../images/design/navi4_pkt.gif) center left no-repeat;

	display: block;

	padding-left: 15px;

}

#navi4 ul li a:hover, #navi4 ul li .aktiv, #navi4 ul li .aktiv:visited{

	color: #A11252;

	text-decoration: none;

	font-weight: bold;

}

#navi5 {

	width: 120px;

	height: 30px;

	padding-left: 10px;

	background: url(../images/design/boxnavi_bg_content.jpg) repeat-y top left;

}

#navi5 ul {

	float: left;

	list-style: none;

	margin: 0 0 2px 4px;

}

#navi5 a:link, #navi5 a:visited, #navi5 a:active {

	color: #603146;

	text-decoration: none;

	background: url(../images/design/navi5_pkt.gif) center left no-repeat;

	display: block;

	padding-left: 15px;

}

#navi5 ul li a:hover, #navi5 ul li .aktiv, #navi5 ul li .aktiv:visited {

	color: #A11252;

	text-decoration: none;

	font-weight: bold;

}

#navi6 {

	width: 120px;

	height: 30px;

	padding-left: 10px;

	background: url(../images/design/boxnavi_bg_content.jpg) repeat-y top left;

}

#navi6 ul {

	float: left;

	list-style: none;

	margin: 0 0 2px 4px;

}

#navi6 a:link, #navi6 a:visited, #navi6 a:active {

	color: #603146;

	text-decoration: none;

	background: url(../images/design/navi4_pkt.gif) center left no-repeat;

	display: block;

	padding-left: 15px;

}

#navi6 ul li a:hover, #navi6 ul li .aktiv, #navi6 ul li .aktiv:visited {

	color: #A11252;

	text-decoration: none;

	font-weight: bold;

}

#navi7 {

	width: 120px;

	height: 30px;

	padding-left: 10px;

	background: url(../images/design/boxnavi_bg_content.jpg) repeat-y top left;

}

#navi7 ul {

	float: left;

	list-style: none;

	margin: 0 0 2px 4px;

}

#navi7 a:link, #navi7 a:visited, #navi7 a:active {

	color: #603146;

	text-decoration: none;

	background: url(../images/design/navi7_pkt.gif) center left no-repeat;

	display: block;

	padding-left: 15px;

}

#navi7 ul li a:hover, #navi7 ul li .aktiv, #navi7 ul li .aktiv:visited {

	color: #A11252;

	text-decoration: none;

	font-weight: bold;

}

#navi34_bottom {

	float: left;

	width: 130px;

	height: 6px;

	background: url(../images/design/boxnavi_bg_footer.jpg) no-repeat top left;

}



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

   Main

   =================================================== */

#main {

	float: left;

	background: url(../images/design/main_bg.jpg) repeat-y;

	width: 953px;

}

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

   Content

   ========================= */

#content {

	float: left;

	width: 682px;

	padding: 20px 60px 20px 60px;

}

#bilder_links {

	float: left;

	width: 100px;

	padding: 65px 0px 20px 60px;

}

#content_rechts {

	float: left;

	width: 562px;

	padding: 20px 60px 20px 20px;

}

#bilder_links_breiter {

	float: left;

	width: 210px;

	padding: 65px 0px 20px 60px;

}

#content_rechts_schmaller {

	float: left;

	width: 452px;

	padding: 20px 60px 20px 20px;

}

#content h1, #content_rechts h1, #content_rechts_schmaller h1{

	font-size: 12px;

	color: #a11252;

	padding: 10px 0;

}

#content h2, #content_rechts h2, #content_rechts_schmaller h2{

	font-size: 11px;

	padding: 5px 0;

}

#content h3, #content_rechts h3, #content_rechts_schmaller h3{

	font-size: 11px;

	color: #FFF;

	font-weight: bold;

}

#content td, #content_rechts td, #content_rechts_schmaller td{

	padding: 0 10px;

}

.table_border {

	border: 1px solid #000000;

}

.bild{

	padding: 30px 0;

}

.bildrechts{

	padding: 30px 0;

	float: right;

}

#content p, #content_rechts p, #content_rechts_schmaller p{

	font-size: 11px;

	padding: 0 0 10px 0;

	text-align: justify;

}

#content td{

	text-align: justify;

}

#content a, #content a:visited, #content_rechts a, #content_rechts a:visited, #content_rechts_schmaller a, #content_rechts_schmaller a:visited, #suche a, #suche a:visited  {

	color: #a11252;

	text-decoration: none;

	border-bottom: 1px #a11252 solid;

}

#content a:hover, #content a:active, #content_rechts a:hover, #content_rechts a:active, #content_rechts_schmaller a:hover, #content_rechts_schmaller a:active, #suche a:hover, #suche a:active {

	background: #ECECF0;

	color: #a11252;

	text-decoration: none;

	border-bottom: 1px #a11252 solid;

}

#bilder{

	text-align: center;

}

#bilder_alignleft{

	text-align: left;

}



#bilder a, #bilder a:visited, #bilder_rechts a, #bilder_rechts a:visited, #bilder_alignleft a, #bilder_alignleft a:visited {

	border-bottom: none;

}

#bilder a:hover, #bilder a:active, #bilder_rechts a:hover, #bilder_rechts a:active, #bilder_alignleft a:hover, #bilder_alignleft a:active {

	background: none;

	border-bottom: none;

}

#text_links {

	float: left;

	width: 400px;

}

#bilder_rechts {

	float: left;

	width: 100px;

	padding: 30px 0 0 10px;

}

.liste {

	padding-left: 20px;

}

.liste ul {

	list-style-type: disc;

}

.liste li {

	margin-bottom: 3px;

	text-align: left;

}

.rot {

	color: #990000;

	font-weight: bold;

}

.TableLinks {

	float: left; 

	width: 169px; 

	height: 180px;

}



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

   Navigation 3 + 4

   ========================= */

#contentnavi {

	float: left;

	width: 151px;

	margin-top: 20px;

}

#navi34_top {

	float: left;

	width: 130px;

	height: 6px;

	font-size: 1px;

	line-height: 1px;

	background: url(../images/design/boxnavi_bg_header.jpg) no-repeat top left;

}

#navi3 {

	width: 120px;

	height: 165px;

	padding-left: 10px;

	background: url(../images/design/boxnavi_bg_content.jpg) repeat-y top left;

}

#navi3 ul {

	float: left;

	list-style: none;

	margin: 8px 0 0 4px;

}

#navi3 a:link, #navi3 a:visited, #navi3 a:active {

	color: #603146;

	text-decoration: none;

	line-height: 20px;

	background: url(../images/design/navi3_pkt.gif) top left no-repeat;

	display: block;

	padding-left: 15px;

}

/* Für IE */

* html #navi3 a:link, * html #navi3 a:visited, * html #navi3 a:active {

	height: 20px;

}

#navi3 ul li a:hover, #navi3 ul li .aktiv, #navi3 ul li .aktiv:visited{

	color: #A11252;

	text-decoration: none;

	font-weight: bold;

}

#navi4 {

	width: 120px;

	height: 200px;

	padding-left: 10px;

	background: url(../images/design/boxnavi_bg_content.jpg) repeat-y top left;

}

#navi4 ul {

	float: left;

	list-style: none;

	margin: 8px 0 0 4px;

}

#navi4 a:link, #navi4 a:visited, #navi4 a:active {

	color: #603146;

	text-decoration: none;

	height: 20px;

	background: url(../images/design/navi4_pkt.gif) center left no-repeat;

	display: block;

	padding-left: 15px;

}

#navi4 ul li a:hover, #navi4 ul li .aktiv, #navi4 ul li .aktiv:visited{

	color: #A11252;

	text-decoration: none;

	font-weight: bold;

}

#navi34_bottom {

	float: left;

	width: 130px;

	height: 6px;

	background: url(../images/design/boxnavi_bg_footer.jpg) no-repeat top left;

}



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

   Sitemap

   =================================================== */

.sitemap li {

	list-style: none;

}

.sitemap ol {

	margin-left: 15px;

	margin-bottom: 5px;

}

.sitemap li {

}

.sitemap ol ol {

	margin-left: 15px;

}

.sitemap ol li {

	list-style: inside;

}

.titel {

	font-size: 12px;

	color: #a11252;

	padding: 10px 0;

}



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

   Footer

   =================================================== */

#footer {

	clear: both;

	height: 20px;

	width: 951px;

	color: #B4B7C0;

	text-align: center;

	background: url(../images/design/footer_bg.jpg) no-repeat top left;

	padding-top: 25px; 

}

#footer a, #footer a:visited {

	color: #a11252;

	text-decoration: underline;

}

#footer a:hover, #footer a:active {

	color: #a11252;

	text-decoration: underline;

}

.footer_pink {

	color: #A11252;

}



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

   Webdesign OneByte zuunterst ausserhalb der Webpage

   =================================================== */

#webdesign {

	clear: both;

	height: 20px;

	width: 951px;

	text-align: center;

	color: #B4B7C0;

	font-size: 11px;

	padding-top: 1em;

	padding-bottom: 2em;

}

#webdesign a {

	text-decoration: none;

	color: #B4B7C0;

	font-size: 11px;

}

#webdesign a:hover, #webdesign a:active {

	text-decoration: underline;

	color: #a11252;

}