/****************************************************
 * Color Scheme (percent to white))
 ****************************************************
 *    %  blue    black   red     
 *       006699  000000  600f0f  
 * ------------------------------
 *    6  eff5f8  efefef  f5f0f0  <---
 *   10  e5eff4  e5e5e5  efe7e7  
 *   15  d8e8ef  d8d8d8  e7dbdb  <---
 *   21  c9dee9  c9c9c9  ddcccc  <---
 *   28  b7d4e2  b7b7b7  d2bbbb  
 *   36  a3c7da  a3a3a3  c5a8a8  
 *   45  8cbad1  8c8c8c  b79393  
 *   55  72aac6  727272  a77b7b  
 *   66  569abb  565656  966060  
 *   78  3887af  383838  824343  <---
 *   91  1673a2  161616  6e2424  
 *  100  006699  000000  600f0f  
 ****************************************************/



/****************************************************
 * General
 ****************************************************/
body {
  background-color: #ffffff;
  color: #000000;
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
}

body.side {
  background-color: #efefef;
  color: #000000;
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
}

.black {
  color: black;
}

.white {
  color: white;
}

.blue {
  color: #3887af;
}

h1 {
  color: #8c8c8c;
  font-size: 14px;
  font-weight: bold;
  border: 0px;
  margin: 0px;
  padding: 0px;
}
h2 {
  color: #3887af;
  font-size: 14px;
  font-weight: bold;
}
h3 {
  font-size: 12px;
}
h4 {
  font-size: 11px;
}
h5 {
  font-size: 10px;
}

a {
  color: #3887af;
  text-decoration: none;
}

a:hover {
  color: #824343;
  text-decoration: underline;
}

p { 
  margin: 0px;
  padding: 0px;
  padding-bottom: 16px;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  vertical-align: top;
  line-height: 16px;
}

ul {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

ol {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.list {
  margin: 0px;
  padding: 0px;
  padding-bottom: 16px;
}

.listhead {
  margin: 0px;
  padding: 0px;
  padding-bottom: 8px;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  vertical-align: top;
  line-height: 16px;
}

.listfooter {
  margin: 0px;
  padding: 0px;
  padding-top: 8px;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  vertical-align: top;
  line-height: 16px;
}



/****************************************************
 * Header
 ****************************************************/
.headerStart {
  height: 16px;
  background-color: #000000;
  border-bottom: 1px solid #383838;
  padding: 0px;
}

.headerStartLeft {
  height: 16px;
  font-size: 11px;
  font-weight: bold;
  color: #c9dee9;
  padding-left: 8px;
  float: left;
}

.headerStartFlag {
  margin-right: 8px;
  float: left;
}

.headerStartRight {
  height: 16px;
  font-size: 11px;
  font-weight: bold;
  color: #c9dee9;
  padding-right: 8px;
  word-spacing: 8px;
  text-align: right;
}

.headerLogo {
  height: 64px;
  background-color: #3887af;
  border-bottom: 1px solid #000000;
  padding-left: 16px;
  font-size: 20px;
  font-weight: bold;
  color: #c9dee9;
  padding-left: 8px;
  word-spacing: 8px;
  vertical-align: top;
}

.headerNavContainer {
  height: 20px;
  background-color: #efefef;
  padding-left: 200px;
  color: #3887af;
}

.headerNav {
  height: 20px;
  width: 568px;
  background-color: #efefef;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #3887af;
}



/****************************************************
 * Navigation
 ****************************************************/
.nav { 
  border: 0px;
  padding: 0px;
  margin: 0px;
  background-color: #efefef;
  text-align: left;
  vertical-align: top;
  width: 100%;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  line-height: 18px;
  padding-bottom: 0px;
}

.navItem { 
  background-color: #d8e8ef;
  text-align: left;
  border-bottom: 1px solid #000000;
  color: #ffffff;
}


.navMain { 
  padding-left: 18px;
}
.navMainOpened { 
  background-color: #3887af;
  padding-left: 18px;
}
.navMainSelected { 
  background-color: #3887af;
  border-left: 14px solid #824343;
  padding-left: 4px;
}
.navLinkMain { 
  color: #3887af;
}
.navLinkMainOpened { 
  color: #ffffff;
}
.navLinkMainSelected { 
  color: #ffffff;
}


.navSub { 
  background-color: #eff5f8;
  border-left: 14px solid #3887af;
  padding-left: 4px;
}
.navSubSelected { 
  background-color: #eff5f8;
  border-left: 14px solid #824343;
  padding-left: 4px;
  color: #3887af;
}
.navLinkSub { 
  color: #3887af;
}
.navLinkSubSelected { 
  color: #3887af;
}






/****************************************************
 * Content
 ****************************************************/
/* 600 pixel width, with 16px white padding */
.content {
  width: 568px;
  height: 100%;
  background-color: #ffffff;
  border: 0px;
  padding: 16px;
  margin: 0px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  vertical-align: top;
}

/* real content width is 568 */
.contentBox {
  width: 568px;
  background-color: #ffffff;
  border: 0px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 24px;
}

/* title is 560 pixel (8px padding-right)*/
.contentBoxTitle {
  width: 560px;
  background-color: #efefef;
  border-top: 2px solid #824343;
  border-bottom: 2px solid #d8d8d8;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0px;
  padding-right: 8px;
  margin-bottom: 8px;
  text-align: right;
  font-weight: bold;
}

/* resulting width for content (text, tables, ...) 552px */
.contentBoxItem {
  width: 552px;
  background-color: #ffffff;
  padding-top: 0px;
  padding-bottom: 16px;
  padding-left: 8px;
  padding-right: 8px;
}

.contentBoxTable {
  width: 552px;
  border: 0px;
  margin: 0px;
  padding-top: 16px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

.contentBoxTableLine0 {
  border-top: 1px dotted #824343;
  background-color: #eff5f8;
  padding: 8px;
}

.contentBoxTableLine1 {
  border-top: 1px dotted #824343;
  background-color: #efefef;
  padding: 8px;
}



/****************************************************
 * Image
 ****************************************************/

/*a img { 
  border: 0px;
}*/

.imagegroup { 
  margin: 0px;
  padding: 0px;
  padding-bottom: 16px;
  border: 0px;
  width: 552px;
  float: none;
  display: table;
}

.imageboxl { 
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 552px;
  margin-right: 8px;
  margin-bottom: 8px;
  float: left;
}

.imageboxm { 
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 552px;
  margin-right: 8px;
  margin-bottom: 8px;
  float: left;
}

.imageboxs { 
  margin: 0px;
  padding: 0px;
  border: 0px;
  width: 552px;
  margin-right: 8px;
  margin-bottom: 8px;
  float: left;
}

.imagecontent { 
  margin: 0px;
  padding: 8px;
  border: 0px;
  background-color: #eff5f8;
  border: 1px solid #3887af;
}

.iprop { 
  margin: 0px;
  padding: 0px;
  border: 0px;
  float: left;
  padding-right: 8px;
}

.idesc { 
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.icopy { 
  margin: 0px;
  padding: 0px;
  border: 0px;
  padding-top: 8px;
  font-size: 10px;
  color: #383838;
}

.webshopartnr {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  vertical-align: top;
  line-height: normal;
}

.webshopbezeichnung {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  vertical-align: top;
  line-height: normal;
}

.webshoppreis {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  text-align: right;
  vertical-align: top;
  line-height: normal;
}

.webshopBestellleiste {
	width: 560px;
	background-color: #efefef;
	border-top: 2px solid #d8d8d8;
	border-bottom: 2px solid #d8d8d8;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 8px;
	margin-bottom: 8px;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
}

.webshoptext {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  vertical-align: top;
  line-height: normal;
}

.contentBoxTableHeader {
	border-top: 1px none #824343;
	padding: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #824343;
	border-bottom-color: #824343;
	border-left-color: #824343;
}

.agbnr {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  vertical-align: top;
  line-height: normal;
}

.agbtext {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  vertical-align: top;
  line-height: normal;
}

.agbzustimmungnein {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  vertical-align: top;
  line-height: normal;
}

.agbzustimmungja {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  text-align: right;
  vertical-align: top;
  line-height: normal;
}

.webshopformularcaption {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  text-align: left;
  vertical-align: middle;
  line-height: normal;
}