/*
 OneByte GmbH - e-Business & Webdesign - www.onebyte.ch
 
 Filename    : web_default.css
 Created by  : Franziska Jungen (fj@onebyte.ch)
 Purpose     : Stylesheet für Browserdarstellung
*/

/* ---------------------------------------------------
   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: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}
body {
	background-color: #c2b68a;
}

#webcontainer {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.clearer {
	clear: both;
	display: block;
	font-size: 1px;
	height: 0pt;
	line-height: 1px;
	margin: 0pt;
	padding: 0pt;
}

/* ---------------------------------------------------
   Header zuoberst auf der Seite
   =================================================== */
#header {
	width: 950px;
}
#titelspruch {
	text-transform: uppercase;
	background-color: #882105;
	float: left;
	width: 403px;
	height: 84px;
	padding-top: 15px;
	padding-left: 97px;
	padding-right: 250px;
}
.titelspruch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #dfdfdf;
}
.titelspruchweiss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #ffffff;
}
#oben_rechts {
	width: 200px;
	height: 99px;
	float: right;
}
#blog {
	background-color: #898989;
	width: 200px;
	height: 23px;
}
#logo {
	height: 76px;
	width: 200px;
}
#bildstrecke {
	clear: both;
	width: 950px;
	height: 116px;
}

/* ---------------------------------------------------
   Hauptnavigation
   =================================================== */
#mainnavi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	width: 196px;
	float: left;
}
#mainnavi ul {
	list-style: none;
}
#mainnavi ul li {
	list-style: none;
	border-bottom: 1px solid white;
}
#mainnavi ul li a.shopaktiv { /* speziell um .aktiv zu umgehen */
	background-color: #b93d00;
	display: block;
	padding-left: 10px;
	width: 186px;
	line-height: 26px;
	text-decoration: none;
	color: white;
	font-weight: bold;
}
#mainnavi ul li a.shopaktiv:hover { /* speziell um .aktiv zu umgehen */
	background-color: #df6949;
	display: block;
	padding-left: 10px;
	width: 186px;
	line-height: 26px;
	text-decoration: none;
	color: white;
	font-weight: bold;
}
/* Stufe 1 */
#mainnavi ul li a {
	background-color: #898989;
	display: block;
	width: 186px;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	margin-right: 15px;
	padding-left: 10px;
}
#mainnavi ul li a:hover, #mainnavi ul li a:active, #mainnavi ul li a.aktiv {
	background-color: #a7a7a7;
	text-decoration: none;
	color: white;
}
#mainnavi ul li ul li { 
	border-bottom: none;
}

/* Stufe 2 */
#mainnavi ul ul li a, #mainnavi ul ul li a:visited {
	background-color: #ff8000;
	padding-left: 15px;
	display: block;
	width: 181px;
	line-height: 26px;
	text-decoration: none;
	color: white;
	border-top: 1px solid white;
}
#mainnavi ul ul li a:hover, #mainnavi ul ul li a:active, #mainnavi ul ul li a.aktiv {
	background-color: #ffac59;
	line-height: 26px;
	text-decoration: none;
	color: white;
}

/* ---------------------------------------------------
   Smallnavigation
   =================================================== */
#smallnavi {
	height: 23px;
	line-height: 23px;
	padding-left: 10px;
	color: #fff;
	font-size: 12px;
	float: left; 
}
#smallnavi a {
	text-decoration: none;
	color: #fff;
}
#smallnavi a:hover, #smallnavi a:active, #smallnavi a.aktiv {
	text-decoration: underline;
	color: #fff;
}
a.flagge {
	float: right;
	text-align: right;
	padding-top: 8px;
	padding-right: 15px;
}

/* ---------------------------------------------------
   Main
   =================================================== */
#content {
	background: #882105 url(../images/design/bg_content.gif) top left repeat-y;
	width: 950px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
#inhaltsbereich {
	float: left;
	width: 504px;
	padding: 20px;
}
.white {
	color: white;
}


/* ---------------------------------------------------
   Spalte ganz rechts auf der Seite
   =================================================== */
#spalte_rechts {
	background-color: #e7e7e7;
	width: 200px;
	float: right;
	font-size: 12px;
}

#spalte_rechts a {
	color: #000;
	text-decoration: none;
	font-size: 12px;
}
#spalte_rechts a:visited {
	color: #000;
	text-decoration: none;
}
#spalte_rechts a:hover, #spalte_rechts a:active {
	color: #000;
	text-decoration: underline;
}
.titelblock {
	background-color: #898989;
	width: 195px;
	height: 21px;
	padding-top: 5px;
	padding-left: 5px;
	color: white;
	font-size: 12px;
}
#shop_rechts {
	background-color: #ff8000;
	width: 190px;
	height: 72px;
	color: white;
	padding-top: 10px;
	padding-left: 10px;
	border-bottom: 1px solid white;
}
#spalte_rechts p {
	padding-top: 5px;
	padding-left: 5px;
	color: black;
}
#newsletterarchiv {
	width: 200px;
	float: right;
}

#newsletterarchiv a {
	color: #882105;
	text-decoration: none;
}
#newsletterarchiv a:hover {
	color: #ff8000;
	text-decoration: underline;
}

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

#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;
	color: #fff;
	font-size: 11px;
 	text-align: right;
}
#copyright a {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
}
#copyright a:hover, #copyright a:active {
	text-decoration: underline;
	color: #fff;
}