/* Stylesheet (c)2008 LOGO-SYS AG, im Auftrag von www.vbk.ch */


/* ===================================================================== */
/* = Alles zuruecksetzen                                                = */
/* ===================================================================== */
*{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
}

/* ===================================================================== */
/* = Allgemeines                                                       = */
/* ===================================================================== */
body {
	font: 11px/16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #fff;
	text-align: center;
}

/* Links */
a:link, a:active, a:visited {
	color: #bb3433;
	text-decoration: none;
}
a:hover {
	color: #bb3433;
	text-decoration: underline;
}

/* Absaetze */
#address p {
	line-height: 16px;
	margin: 0 16px;
}

p {
	line-height: 16px;
	margin: 0 0 12px 0;
}

html, body {
    height: 100%;
}

h1 {
	font: 25px/32px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	width: 390px;
	padding-top: 35px;
	margin-bottom: 23px;
}

h2 {
	font: 20px/27px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

ul.list li {
	margin: 0 0 12px 13px;
}

.both ul li {
	margin: 0 0 3px 13px;
}

.left img {
	margin-bottom: 10px;
}

table {
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	margin-top: 5px;
	border-collapse: separate;	
}

*+html table {
	height: 387px;
}

.line {
	height: 5px;
}

/* ===================================================================== */
/* = Layout                                                            = */
/* ===================================================================== */

#centering {
	height: 50%;
	width: 100px;
	margin-bottom: -280px;
	float: left;
}

#box {
	position: relative;
	width: 780px;
	height: 540px;	
	top: 0px;
	margin: auto auto;
	background: transparent url(../images/bgBox.gif) no-repeat;
	clear: left;
	padding: 10px;
}

#content {
	position: relative;
	width: 780px;
	height: 540px;
	background-color: #070214;
	clear: left;
}	

#leftcol {
	position: relative;
	width: 260px;
	height: 540px;
	background: url(../images/bgLeftcol.gif);
	float: left;
}

#rightcol {
	position: relative;
	width: 520px;
	height: 540px;
	float: left;
}

.left {
	padding: 10px 10px 5px 10px;
	float: left;
	background-color: transparent;
}

.right {
	float: left;
	padding: 10px 0 10px 0;
	background-color: transparent;
}

.both {
	width: 500px;
	padding: 10px 10px 5px 10px;
	clear: both;
	background-color: transparent;
}

iframe {
	width: 500px;
	height: 258px;
	margin-bottom: 15px;
}

.bgHome {
	background-image: url(../images/bgHome.jpg);
}

.bgService {
	background-image: url(../images/bgService.jpg);
}

.bgProdukte {
	background-image: url(../images/bgProdukte.jpg);
}

.bgHersteller {
	background-image: url(../images/bgHersteller.jpg);
}

.bgKontakt {
	background-image: url(../images/bgKontakt.jpg);
}

.bgReferenzen {
	background-image: url(../images/bgReferenzen.jpg);
}

.bgShop {
	background-image: url(../images/bgShop.jpg);
}

#logo {
	position: relative;
	width: 260px;
	height: 70px;
	background-color: #070214;
}

#address {
	position: absolute;
	width: 260px;
	left: 0;
	bottom: 10px;
}

table.products td {
	font-size: 15px;
	line-height: 22px;
}

table.products {
	border-width: 0px;
	border-style: hidden;
	border-color: white;
	border-collapse: collapse;
	background-color: transparent;
}
table.products th {
	border-width: 1px;
	padding: 5px;
	border-style: dotted;
	border-color: white;
	background-color: transparent;
}
table.products td {
	width: 25%;
	height: 25%;
	border-width: 1px;
	padding: 5px;
	border-style: dotted;
	border-color: white;
	background-color: transparent;
	text-align: center;
}

table.producer td {
	font-size: 13px;
	line-height: 22px;
}

table.producer {
	border-width: 0px;
	border-style: hidden;
	border-color: white;
	border-collapse: collapse;
	background-color: transparent;
}
table.producer th {
	border-width: 1px;
	padding: 5px;
	border-style: dotted;
	border-color: white;
	background-color: transparent;
}
table.producer td {
	width: 20%;
	height: 20%;
	border-width: 1px;
	padding: 5px;
	border-style: dotted;
	border-color: white;
	background-color: transparent;
	text-align: center;
}


/* ===================================================================== */
/* = Navigation                                                        = */
/* ===================================================================== */

#nav {
	position: relative;
	width: 243px;
	margin-top: 20px;
	padding-left: 17px;
	
	font: 12px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#nav ul {
	list-style-position: inside;
	list-style-type: none;
}

#nav ul li {
	width: 230px;
	height: 20px;
	display: block;
	background-image: none;
	padding-left: 12px;	
}

#nav ul li a:link, #nav ul li a:active, #nav ul li a:visited {
	color: #fff;
	text-decoration: none;
	display: block;
}

#nav ul li a:hover {
	color: #bb3433;
	text-decoration: none;
	display: block;
}

li.active {
	background: url(../images/actNav.gif) no-repeat !important;
	color: #bb3433 !important;
}

ul.subnav {
	list-style-position: inside;
	list-style-type: none;
}

ul.subnav li {
	margin-bottom: 5px;
}

ul.subnav li.subact {
	color: #bb3433 !important;
	background-image: none !important;
}

ul.subnav li a:link, ul.subnav li a:active, ul.subnav li a:visited {
	color: #fff;
	text-decoration: none;
}

ul.subnav li a:hover {
	color: #bb3433;
	text-decoration: none;
}


/* ===================================================================== */
/* = Lightbox Gallery                                                  = */
/* ===================================================================== */

#lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }

#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }

.lbLoading { background: #fff url(../images/ajax-loader.gif) no-repeat center; }

#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }

#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }

#lbPrevLink { left: 0; }

#lbPrevLink:hover { background: transparent url(../images/prevlabel.gif) no-repeat 0 15%; }

#lbNextLink { right: 0; }

#lbNextLink:hover { background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; }

#lbBottom { font: 11px/17px normal Tahoma, Verdana, Arial, Helvetica, sans-serif;  color: #000; text-align: left; background: #fff url(../images/bg.gif) top center; }

#lbCloseLink { display: block; float: right; width: 93px; height: 25px; background: transparent url(../images/closelabel.gif) no-repeat center; margin: 8px 0; outline: none; }

#lbCaption, #lbNumber { margin-right: 71px; padding-left: 10px; }

#lbCaption { font-weight: bold; }