/*

	OneByte GmbH
	e-Business & Webdesign

	www.onebyte.ch
	info@onebyte.ch

	Bettina Gloor
	bettina.gloor@onebyte.ch

*/
/* global settings */
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: small;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	letter-spacing: 0.03em;
	word-spacing: 0.05em;
	line-height: 150%;
	color: #000;
	background: #32556B;
}
#container {
	margin: 0em auto;
	text-align: left;
	width: 966px;
	background: #FFF;
}

/* Header */
#header {
	float: left;
	height: 184px;
	border-bottom: 2px #FFF solid;
}
#slogan {
	float: left;
	width: 430px;
	height: 48px;
	padding-left: 30px;
	padding-top: 38px;
}
#logo {
	float: left;
	width: 400px;
	height: 48px;
	padding-left: 100px;
	padding-top: 15px;
}
#stimmungsbild {
	float: left;
	padding-left: 2px;
}

/* Mainnavigation */
#navigation {
	clear: both;
	width: 964px;
	height: 30px;
	padding-left: 2px;
	margin-top: -2px;
}
#navigation ul {
	list-style: none;
}
/* Für IE */
* html #navigation li, * html #navigation a {
	float: left;
	display: block;
	font-size: 11px;
	text-align: center;
	width: 105px;
	padding-right: 1px;
}
/* Für alle anderen Browser */
html>body #navigation li, html>body #navigation a {
	float: left;
	display: block;
	height: 39px;
	font-size: 11px;
	text-align: center;
	width: 106px;
	border-right: 1px solid #FFF;
}
#navigation a:link, #navigation a:visited{
	margin-top: 2px;
	height: 30px;
	background: #3A5D73;
	text-decoration: none;
	color: #FFF;
	line-height: 210%;
	padding-top: 9px;
}
#navigation ul li a:hover, #navigation ul li .aktiv, #navigation ul li .aktiv:visited{
	background-color: #7495AB;
	color: #FFF;
	text-decoration: none;
}

/* Linien unter der Mainnavigation */
/* Für IE */
* html #linie1 {
	float: left;
	width: 962px;
	height: 2px;
	padding-top: 2px;
	border-bottom: 2px #7495AB solid;
	line-height: 1px;
	margin-top: -2px;
}
/* Für alle anderen Browser */
html>body #linie1 {
	float: left;
	width: 962px;
	height: 2px;
	padding-top: 2px;
	border-bottom: 2px #7495AB solid;
	line-height: 1px;
}
#linie2 {
	float: left;
	width: 962px;
	height: 1px;
	border-bottom: 10px #7495AB solid;
	line-height: 1px;
}

/* Content der Homeseite */
#box_content_home {
	float: left;
	width: 966px;
	line-height: 150%;
	color: #000;
}
#content_home_links {
	float: left;
	width: 432px;
	padding: 16px 28px;
	border-right: #7495AB solid 2px;
}
#content_home_rechts {
	float: left;
	width: 420px;
	padding: 16px 28px;
}
#newtom_mehr {
	float: left;
	width: 196px;
}
#newtom_bild {
	float: right;
	width: 224px;
}

/* Content der Allgemeinen Seite */
#box_content_allgemein {
	float: left;
	width: 910px;
	line-height: 150%;
	color: #000;
	padding: 16px 28px;
}
#content_allgemein {
	float: left;
	width: 655px;
	padding-right: 25px;
}
#content_bild {
	padding: 5px 0 10px 0;
}

#content_allgemein2 {
	float: left;
	width: 455px;
	padding-right: 25px;
}


#box_content_produkte table {
	text-align: left;
}

h1 {
	color: #000;
	font-size: 15px;
	line-height: 150%;
	padding-bottom: 10px;
}
h2 {
	color: #000;
	font-size: 12px;
	line-height: 150%;
	padding: 10px 0px;
}

.liste {
	font-size: 12px;
	padding-left: 20px;
}
.liste ul {
	list-style-type: disc;
}
.liste li {
	margin-bottom: 5px;
	text-align:left;
}
.liste_blank {
	font-size: 12px;
	padding-left: 10px;
}
.liste_blank ul {
	list-style-type: none;
}
.liste_blank li {
	margin-bottom: 5px;
	list-style-type: none;
	text-align:left;
}

.normFormfield {
	width: 180px;
	color: #000099;
}

/* Footer */
#footer {
	clear: both;
	height: 32px;
	color: #FFF;
	font-size: 12px;
	padding-left: 2px;
	padding-top: 2px;
	border-top: 44px solid #FFF;
}
#linie3 {
	float: left;
	width: 962px;
	height: 1px;
	border-top: 2px #7495AB solid;
	line-height: 1px;
}
#adresse {
	float: left;
	height: 23px;
	width: 942px;
	background: #7495AB;
	padding-left: 20px;
	padding-top: 4px;
}
#adresse a, #adresse a:visited{
	color: #FFF;
}
#adresse a:hover, #adresse a:active {
	color: #FFF;
}

/* OneByte */
#onebyte {
	padding-right: 15px;
	padding-top: 4px;
	color: #FFF;
	font-size: 10px;
	text-align: right;
	background: #32556B;
}
#onebyte a, #onebyte a:link, #onebyte a:visited {
	text-decoration: none;
	color: #FFF;
}	
#onebyte a:hover, #onebyte a:active	{
	text-decoration: underline;
	color: #FFF;
}

/* default weblinks */
a, a:visited {
	text-decoration: underline;
	color: #000;
}	
a:hover, a:active	{
	text-decoration: underline;
	color: #000;
}


* html body {
	font-size: x-small; /* für IE5/Win */
	f\ont-size: small; /* für andere IE-Versionen /*
}