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


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

body {
	background-color: #ffffff;
	text-align: left;
}

#webcontainer {
	width: 915px;
	margin: 0 auto;
	margin-top:15px;
	background-color: #fff;
	text-align: left;
}

/* ---------------------------------------------------
   Header zuoberst auf der Seite
   =================================================== */
#header {
	height: 87px;
}



/* ---------------------------------------------------
   Navigation
   =================================================== */
#navi {
	width: 190px;
	background-color: #999999;
	float: left;
	background-image:url(../img/styles/navi.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	min-height: 560px;
    height: auto;
}

#clear {
clear:both;
}
#adresse {
	margin-top: -98px;
	margin-left:10px;
	position:absolute;
	z-index:10;
	float:left;
	height:145px;
	color:#FFFFFF;}
#adresse a {text-decoration:none; color:#FFFFFF}

* html #navi { /* Für IE */
        height: 560px;
}

#navi ul {
	list-style: none;
	margin-top:45px;
	border-top: 1px solid #ffffff;
}
#navi ul li {
	/* line-height: 16px; */
}
#navi ul a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding-bottom: 2px;
	padding-top: 3px;
	padding-right:10px;
	text-align:right;
	border-bottom: 1px solid #ffffff;
}
#navi ul a:hover, #navi ul a:active, #navi ul a.aktiv {
	text-decoration: none;
	color: #fff;
	display: block;
	padding-bottom: 2px;
	padding-top: 3px;
	padding-right:10px;
	text-align:right;
	border-bottom: 1px solid #ffffff;
	background-color:#669933;
}



/* ---------------------------------------------------
   Inhaltsbereich der Seite
   =================================================== */

#contentrahmen {
	background-color: #fff;
	clear: both;
	
}

#contenttop {
	float: right;
	width: 714px;
	height:216px;
	background-color: #669933;
}

#contenttopText {
	margin-left:12px; 
	margin-top: 20px; 
	color:#FFFFFF;
	height:155px;
}

#contenttopText a {
	text-decoration: underline;
	color: #fff;}


#contenttopTitel h1 {
	margin-left:12px;
	font-size: 30px;
	color:#FFFFFF;
	font-weight:100;

}
#content {
	margin-top:9px;
	background-image:url(../img/styles/content_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float: right;
	width: 714px;
	background-color: #CCCCCC;
	min-height: 335px;
    height: auto;
	color:#666666;
}

* html #content { /* Für IE */
        height: 335px;
}

#contentIndex {
	margin-top:9px;
	float: right;
	width: 714px;
	background-color: #669933;
	min-height: 335px;
    height: auto;
}

#contentIndex a {
	text-decoration: underline;
	color: #fff;}



* html #contentIndex { /* Für IE */
        height: 335px;
}

#contentIndex p {
	margin-left:12px; 
	padding-top: 15px; 
	color:#FFFFFF;
}
#contentIndex h1 {
	margin-top:8px;
	margin-left:12px;
	font-size: 30px;
	color:#FFFFFF;
	font-weight:100;

}



#content p {
	margin-left:12px; 
	padding-top: 12px; 
	color:#666666;
}

#content a {
	color:#666666;
	text-decoration:none;
}

#content a:hover{
	color:#669933;
	text-decoration:none;

}
#content p img {
margin-right:7px;
margin-bottom:7px;
}


#content h1 {
	margin-left:12px;
	font-size: 30px;
	color:#FFFFFF;
	font-weight:100;

}
#content ul {
	padding-left: 20px;
	padding-bottom: 15px;
	margin-top: 0px;
}
#content ul li {
	margin-bottom: 2px;
	text-align: left;
	list-style-image: url(../images/punkt_blau.gif);
	line-height: 18px;
}
#content ol {
	padding-left: 20px;
	padding-bottom: 15px;
	margin-top: 0px;
	list-style-type: decimal;
}
#content ol li {
	margin-bottom: 2px;
	text-align: left;
	line-height: 18px;
}


	 
	 
	 
/* ---------------------------------------------------
   Bildergallery
   =================================================== */
.gallery_bilder  {
	float: left;
	width: 180px;
}
.gallery_beschrieb  {
	float: left;
	padding-left: 20px;
	/*width: 559px;*/
}
.gallery_bilder a, .gallery_bilder a:visited, .gallery_bilder a:hover, .gallery_bilder a:active{
	text-decoration: none;
	border-bottom: none;
	background: none;
}
.gallery_spalten {
	float: left;
	padding: 7px;
	width: 706px;
	border-left: 1px solid #DACDAF;
	border-right: 1px solid #DACDAF;
	border-top: 1px solid #DACDAF;
}
.gallery_spalten_last {
	clear: both;
	width: 782px;
	border-top: 1px solid #DACDAF;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}
#gallery_text  {
	float: left;
	width: 175px;
	padding-right: 15px;
}
#gallery  {
	float: left;
}
	 


/* ---------------------------------------------------
   Footer zuunterst auf der Seite
   =================================================== */
#footer {
	clear: both;
	line-height: 50px;
	background-color: #00488A;
	color: #fff;
}
#footer a {
	text-decoration: none;
	color: #bbb;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #ccc;
}




/* ---------------------------------------------------
   Webdesign OneByte zuunterst ausserhalb der Webpage
   =================================================== */
#copyright {
	clear: both;
	background-color:#FFFFFF;
	color: #C1C1C1;
	text-align: right;
	font-size: 11px;
	padding: 10px 0;
}
#copyright a {
	text-decoration: none;
	color: #999;
	font-size: 11px;
}
#copyright a:hover, #copyright a:active {
	text-decoration: underline;
	color: #999;
}


/* ---------------------------------------------------
   Lightbox
   =================================================== */
#lightbox {
	background-color:#fff;
	margin: -20px 10px 10px 10px;
	padding: 10px;
	z-index:2000;
}
#lightboxCaption {
	background-color:#fff;
	font-size: 12px;
	padding: 6px 0 6px 0;
}
#lightbox img { 
	border: none;
} 
#overlay img { 
	border: none;
}
#overlay { 
	text-align: left;
	background-image: url(../img/lightbox/overlay.png);
}

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../img/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/lightbox/overlay.png", sizingMethod="scale");
}




/* ---------------------------------------------------
   Links
   =================================================== */
a.intern {
	background: url(link_intern.gif) no-repeat left center;
	padding-left: 11px;
}
a.intern:link, a.intern:visited {
	text-decoration: none;
}
a.intern:hover, a.intern:active {	
	text-decoration: underline;
}

a.extern {
	background: url(link_extern.gif) no-repeat left center;
	padding-left: 11px;
}
a.extern:link, a.extern:visited {
	text-decoration: none;
}
a.extern:hover, a.extern:active {	
	text-decoration: underline;
}

a.nachoben {
	background: url(nach_oben.gif) no-repeat left center;
	padding-left: 10px;
}
a.nachoben:link, a.nachoben:visited {
	text-decoration: none;
}
a.nachoben:hover, a.nachoben:active {	
	text-decoration: underline;
}

a.download {
	background: url(link_warenkorb.gif) no-repeat left center;
	padding-left: 10px;
}
a.download:link, a.download:visited {
	text-decoration: none;
}
a.download:hover, a.download:active {	
	text-decoration: underline;
}

a.zurueck {
	background: url(link_intern_back.gif) no-repeat left center;
	padding-left: 10px;
}
a.zurueck:link, a.zurueck:visited {
	text-decoration: none;
}
a.zurueck:hover, a.zurueck:active {	
	text-decoration: underline;
}

a.maillink {
	background: url(link_mail.gif) no-repeat left center;
	padding-left: 12px;
}
a.maillink:link, a.maillink:visited {
	text-decoration: none;
}
a.maillink:hover, a.maillink:active {	
	text-decoration: underline;
}