@import url("common.css");
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Farbendeklaration:
HG-Header Grün:		#8E8A5D (RGB: 142,138,93) Annäherung f. Sreenausgabe
HG-Header Grün:		#BC9E52 (RGB: 188,158,82)
Logo-Blau: 			#0072BC (RGB: 0,114,188)
Menüpunkte-Grau:	#939598 /RGB: 101,96,88)
Menüpunkte-Blau: 	#005CA1 (RGB: 0,92,161)
H1,H2-Hellgrau:		#939598  /RGB: 147,149,152)
*/

body {
	background-color:#FFFFFF;
	font-size:12px;
	font-family:Arial, SunSans-Regular, Sans-Serif; /* Verdana, */
	color: black;
	letter-spacing:0.08em;
	padding:0;
	margin:10px 0 0 0;
}

b {font-weight:normal;}
i {font-style:normal;}
u {text-decoration:none;}

a {color: #005CA1; text-decoration:none; outline:none;}
a:visited {color: #005CA1;}
a:hover {color: black; text-decoration:underline;}
a:active { color: #005CA1;}

a.visible_link {color:#005CA1; text-decoration:none;}
a:visited.visible_link { color:#005CA1;}
a:hover.visible_link { color:black; text-decoration:underline;}
a:focus.visible_link { color:black;}
a:active.visible_link { color:black;}

a.fotonavi {font-size: 24px; font-weight: normal; color:gray; text-decoration:none;}
a:visited.fotonavi { color:gray;}
a:hover.fotonavi { color:#005CA1;}
a:focus.fotonavi { color:gray;}
a:active.fotonavi { color:gray;}

h1 {
	font-size: 24px; 
	font-weight: normal;
	color: #939598;
	text-transform: uppercase;
	margin: 0 0 0 13px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 0;
 }

h1 .zusatztext {
	font-size: 10px;
	color: #000000;
	text-transform: uppercase;
}

.h1_abstand0 {
	padding: 0;
}


h2 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	margin: 0 0 0 13px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 0;
}

h3 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	margin: 0 0 0 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}
.tel_mail {
	font-size: 16px;
}


h4 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	margin: 0 0 0 13px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0;
}

h5 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	margin: 0 0 0 0;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}

h6 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	color: #939598;
	margin: 0 0 0 13px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 0;
}


.grossbuchstaben {
	text-transform: uppercase;
 }

.grau {
	color: #939598;
 }

#zusatztext { 
	font-size: 1em; 
	color:#000000; 
	font-weight:normal;
	margin-top: 4px;
	border: 0px solid red;
}

#zusatztext h2 { 
	font-size: 1em; 
	color:#000000; 
	font-weight:normal;
	text-transform:none; 
	display:inline;
	margin:0; 
	padding:0; 
}
/*img.download {vertical-align:middle;}*/

/* ----------container zentriert das layout-------------- */
#container {
	width: 984px; /* ------------- 984 habe ich jetzt mal eingestellt weil d. IE6 mit 980 das Imagebild zum linken Menü umbricht --------- */
	margin: 0 auto; /* ------------- ev. mal einen Patch zur Problematik machen ---------------------------------------------------------- */
	padding: 0;
	background-color: #FFFFFF;
}

/* -----------------Inhalt--------------------- */
#content {
	min-height:540px;
	background-color: #ffffff;
	padding: 0;
	margin: 36px 0 0 305px; /* Abstand InhaltsContainer zum linken Fensterrand */
	border: 0px solid black;
}

#content ul{
	list-style-type: square;
	padding: 10px 0 0 16px;
	margin: 0 0 0 13px;
	display: block;
}

#content li {
	font-size: 13px;
	list-style-type:square;
	margin-bottom:6px;
}

p, pre {
	padding: 0px 12px 10px 13px;
	margin:0;
}

table {
	padding: 0 12px 10px 0;
	margin: 0 0 0 13px;
}

td  {
	padding: 0px 0px 10px 0px;
	margin: 0;
}

pre, code { font-size: 1em;}

.gross {
	width: 5.71em;
	height: 1.07em;}
	
.block { line-height: 11pt; text-align: justify; }

fieldset.box { Color: #000000; Font-Weight: normal; Width: 86%; Border: 0px solid #939598; }
legend.box { Color: #000000; Font-Weight: bold; Text-Align: center; }
.eingabefeld { Color: black; Background-Color: white; Font-Size: 11px; width:180px; Border: 1px solid #939598; } 
.auswahlfeld { Color: black; Background-Color: white; Font-Size: 11px; width:185px; Border: 1px solid #939598; } 
.textfeld { Color: black; Background-Color: white; Font-Size: 11px; width:644px; Border: 1px solid #939598; } 
.bestellen-textfeld {  height: 17px; width: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.bestellen-textarea {  height: 95px; width: 250px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.bestellen-kaestchen {  background-color:#FFFFFF; height: 16px; width: 16px; margin: 5px 0 0 0; padding: 5px 0 0 0; border:0px solid black; }

/* --------------left navigavtion------------- */
#leftnavi {
	float: left;
	overflow:hidden;
	width: 280px;
	margin: 0;
	padding:29px 0 0 0;
	color:#000000;
	border: 0px solid black;
}
#leftnavi ul{
	list-style-type: none;
	padding: 0 10px 0 15px;
	margin: 0;
	display: block;
	line-height: 16px;
}

#leftnavi ul li.last{
	border: 0px solid gray;
}

/*#leftnavi ul.borderbottom{
	border-bottom:1px solid #ffffff;
	padding: 0 0px 0px 2px; /* Abstand der SubMenüpunkte zum linken Rand */	


#leftnavi li a {
	font-size: 13px;
	font-weight: normal;	
	color: #000000;
	text-decoration:none;
	text-transform: uppercase;
	list-style-type:disc;
	padding-left:12px; /* Abstand der Textes der SubMenüpunkte zur Grafik der Listenpunkte */
	letter-spacing: -0.01em;
	background: url(images/listtype.gif) no-repeat;
	display:block;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 5px; */
}

#leftnavi li a:hover {
	color: #005CA1;
	text-decoration: none; 
	background: url(images/listtype.gif) no-repeat;
}

#leftnavi li a.aktiv {
	color: #005CA1;
	background: url(images/listtype.gif) no-repeat;
}

/*Klasse für den Gratis Button*/

.leftnavi_inaktiv_gratis {
	color:red;
	font-weight:bold;
}

/*
#leftnavi li a.inaktiv {
	color: #000000;
} */

#leftnavi  li li a { font-size: 1.1em; }
#leftnavi li {
	margin: 0;
	padding: 7px 0 7px 0; /* Abstand der Haupt-Menüpunkte untereinander */
	border-bottom: 1px solid #cccccc;
}
#leftnavi li li{
	margin: 0;
	padding: 5px 0 0 0; /* Abstand der Sub-Menüpunkte untereinander */
}
#leftnavi li a.selected {
	margin: 0;
	padding: 0 0 0 25px;
	color:#ffffff;
}

#leftnavi li li a.selected {
	margin: 0;
	padding: 0;
}
 .grafik_kurve_box {
      
      margin-bottom: 6px;
      font-size: 11px;
   }

   .grafik_kurve_box_top {
      background-image:url(images/grafik_kurve_top.gif);
      background-repeat: no-repeat;
      width: 280px;
      height: 8px;
      background-color: #fff;
      font-size: 0em;
   }

   .grafik_kurve_box_bottom {
      background-image:url(images/grafik_kurve_bottom.gif);
      background-repeat: no-repeat;
      width: 280px;
      height: 8px;
      background-color: #fff;
      font-size: 0em;
   }

   .grafik_kurve_box_content {
	  background-image: url(images/grafik_kurve_bg.gif);
      background-repeat: repeat-y;
      background-position: top right;
      padding-bottom: 5px;
   }

   .vsb_box_top {
      background-image:url(images/vsb_box_top.gif);
      background-repeat: no-repeat;
      width: 300px;
      height: 8px;
      background-color: #fff;
      font-size: 0em;
   }

   .vsb_box_top_grau {
      background-image:url(images/vsb_box_top_grau.gif);
      background-repeat: no-repeat;
      width: 300px;
      height: 22px;
      background-color: #fff;
      font-size: 14px;
	  padding: 4px 0 0 7px;
   }

   .vsb_box_bottom {
      background-image:url(images/vsb_box_bottom.gif);
      background-repeat: no-repeat;
      width: 300px;
      height: 8px;
      background-color: #fff;
      font-size: 0em;
   }

   .vsb_box_content {
	  background-image: url(images/vsb_box_bg.gif);
      background-repeat: repeat-y;
      width: 300px;
      background-position: top left;
      padding-bottom: 5px;
	  padding-left: 5px;
	  text-align:left;
	  vertical-align:middle;
   }
   
   .vsb_box_text {
      width: 300px;
      background-color: #fff;
	  padding: 4px 7px 0 7px;
   }
   
/* ----------------------------------------------- Kundenmeinungen ---------------------------------------------------------- */

div .div_als_linie {
	width: 651px;
	height:1px;
	border-bottom: 1px solid #939598;
	margin: 0 20px 7px 13px;
	padding: 0;
}

.linksbuendig {
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color:#666666;
	margin: 0 0 0 13px;
	padding: 0px;
	border: 0px solid black;
}

.rechtsbuendig {
	text-align: right;
	margin: 0px 11px 7px 13px;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #919191;
}
/* ----------------------------------------------- Kundenmeinungen ---------------------------------------------------------- */

/* -----------footer--------------------------- */
	
.Abstand {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.imagebild {
	margin: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#container #schauraum {
	height: 472px;
	width: 675px;
	overflow-x: scroll;
	overflow-y: hidden;
    white-space: nowrap;
	margin-bottom: 10px;

}
#container #content #schauraum img {
	padding-right: 2px;
	padding-bottom: 2px;
}


.premiumlogo {
	margin: 0px;
	padding: 4px 12px 8px 0;
	border: 0px solid red;
}
/* Boxen */

#anzeigenbox{
	margin: 0;
	padding: 0;
}
.anzeigenboxreo {
	padding-right: 0px; 
	padding-left: 0px; 
	background: url(images/box_ro.gif) no-repeat right top; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px
}
.anzeigenboxlio {
	padding-right: 0px; 
	padding-left: 0px; 
	background: url(images/box_lo.gif) no-repeat left top; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px
}
.anzeigenboxreu {
	padding-right: 0px; 
	padding-left: 0px; 
	background: url(images/box_ru.gif) no-repeat right bottom; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px
}
.anzeigenboxliu {
	padding-right: 0px; 
	padding-left: 0px; 
	background: url(images/box_lu.gif) no-repeat left bottom; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px
}
.anzeigenbox {
	padding-right: 8px; 
	padding-left: 3px; 
	padding-bottom: 0px; 
	margin: 0 0 6px 0px; 
	padding-top: 11px
}
.anzeigenboxrand {
	font-size: 12px
}
.anzeigenbox P {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px
}
.anzeigenbox TABLE {
	width: 95%;
}
.anzeigenbox TH {
	padding-right: 0px; 
	padding-left: 0px; 
	font-weight: bold; 
	padding-bottom: 0px; 
	color: #fff; 
	padding-top: 0px; 
	text-align: left
}
.anzeigenbox TD {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; vertical-align: top; 
	color: #000; 
	padding-top: 0px; 
	text-align: left
}
/* Ende Boxen */

.redmarker {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}
.content_img {
	margin-left: 18px;
}
.premiumreferenzenbox {
	margin: 0 4px 10px 0;
}
.video_bg {
	background-image:url(images/imagebilder/imagebild_videos.jpg); 
	background-repeat: no-repeat; 
	background-position: top left; 
}

div .video_bg_youtube {
	background-image:url(images/imagebilder/imagebild_youtube_videos.jpg); 
	background-repeat:no-repeat; 
	padding: 5px 0 20px 5px
}
.absatz_gr11 {
	font-size: 11px;
}
.folder_bestellung {
	float:left; 
	width: auto;
	padding-left:13px;	
}
#container #content ul {
	list-style-type: square;
	display: block;
	margin-left: 13px;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}