/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
	font-size: 0.8em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	padding:0;
	margin:0;
	background: #fff url(medien/hintergrund02.jpg) top left repeat-x;}

a {color: #4f6b72;}
a:visited {color: #4f6b72;}
a:hover {color: #cc3333;}
a:active { color:#cc3333;}

a img {
border: none;
}

h1 {
	font: normal 1.6em Georgia, "Times New Roman", Times, serif;
	color: #cc3333;
}

h2 {
	font: normal 1.4em Georgia, "Times New Roman", Times, serif;
	color: #4f6b72;
}

h3 {
	font: normal 1.2em Georgia, "Times New Roman", Times, serif;
	color: #4f6b72;
}

h4 {
	font: normal 1.05em Georgia, "Times New Roman", Times, serif;
	color: #4f6b72;
}

h5 {
	padding: 0 0 0 25px;
	font: normal 1.0em Georgia, "Times New Roman", Times, serif;
	color: #4f6b72;
	}

h6 {
	font: normal 1.0em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #4f6b72;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
	
h6.subhead
{
color: #4f6b72;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
font-size: 1.1em; line-height: 0.5em;
padding:20px 0 0 25px;
margin:0;
}

p.nocaps
{
	color: #003466;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	text-transform: none;
	padding:20px 0 0 25px;
	margin:0;
}

p.achtung
{
	color: #E32012;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.1em;
	line-height: 1.3em;
	text-transform: none;
	padding:40px 0 0 25px;
	margin:0;
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
}

/* ----------banner for logo-------------- */
#banner {
	margin: 0;
	padding: 0;
}
#banner p{
	margin-left: 20em;
	padding: 25px;
}

/* -----------------Inhalt--------------------- */
#content {
	min-height:600px;
	background-color: #ffffff;
	padding: 0;
	margin: 0 5em 0 19em;
}

p, pre {
	font-size: 1.05em;
	text-decoration: none;
	color: #4f6b72;
	padding: 8px 20px 5px 25px;
	margin:0;
}
pre, code { font-size: 1.2em;}

h1 {
	padding:10px 0 15px 25px;
	margin:0;
}
h2 {
	padding: 0;
	margin:20px 20px 0 25px;
}

h3 {
	padding: 4px 5px 4px 22px;
	margin:25px 5px 0 0;
}

h4 {
	padding: 4px 5px 4px 30px;
	margin:0 5px 0 0;
}

h5 {
	padding:0;
	margin:0;
}	

h6 {
	padding:0;
	margin:0;
}	


hr {
	border: thin solid #BAC1C7; 
	height:1px;
	margin:0 0 0 30px;
	
}
.gross {
	width: 5.71em;
	height: 1.07em;}
	
.img {
	padding: 0;
	margin: 0;
	}
	
.img2 {
	padding: 2px 0px 2px 5px;
	margin:15px 0px 0 25px;
	}	

		
.imglinks {
	float: left;
	padding: 0;
	margin:20px 40px 5px 40px;
	}
	
.imgright {
	float: right;
	padding: 2px 5px 2px 5px;
	margin:50px 150px 80px 100px;
	}	
	
/* bild */ 

.bild {
	margin: 20px 2px 15px 15px;	
	padding: 15px;
	border: 1px solid #C7CCD2;
	background-color: #fff;
}
	
.karte {
	margin: 0 0 20px 25px;	
	padding: 0;
}
	
.list {
	margin: 5px 10px 10px 25px;
	padding: 0;
	list-style: none;

}

.img_no_border {
	margin: 0;	
	padding: 0;
	border: none;
}

.list p {
	font-size: 1.1em;
	line-height: 0.7em;
	background: #fff url(medien/dot_gray_small.gif) no-repeat 0 60%;
	color: #4f6b72;
	}
	
	
#feld {
width: 600px;
position: relative;
margin:0 0 0 20px;
float: left;
}	

#feld2 {
width: 600px;
position: relative;
margin:0;
float: left;
}	

#feld3 {
width: 450px;
position: relative;
margin:0 0 0 20px;
float: left;
}
	
#feld4 {
width: 360px;
position: relative;
margin:70px 0 0 20px;
float: left;
}

.thumbnail
{
float: left;
width: 260px;
margin: 0 10px 10px 25px;
padding: 5px;
font-size: 1.05em;
text-decoration: none;
color: #4f6b72;
}
	
.linie {
	padding: 0;
	margin:5px 200px 30px 20px;
	list-style-type: none;
	background:url(medien/linie.gif) no-repeat 0 50%;
}

.iconlist {
list-style: none;
margin: 40px 0px 0px 15px;
padding: 0;
}

.iconlist p {
font-size: 0.9em;
line-height: 1.3em;
}

li.web	 
{
background-image: url(medien/pi_oben.gif);
background-repeat: no-repeat;
background-position: 88% 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
text-align: right;
}

#contentlist {
	list-style-type: square;
	list-style-position: outside;
	color: #4f6b72;
	font-family: verdana, arial, Helvetica, sans-serif;

}

#contentlist p{
	margin-right: 40px;
	padding:  0 0 10px 10px;
}	

/* ----------Spalten-------------- */

#spalte-1 {
width: 360px;
position: relative;
float: left; }

#spalte-2 {
width: 300px;
position: relative;
float: right; }

/* ----------Showroom-------------- */

#showroom {
margin: 0 0 0 23px;
}


/* ----------farbtafel-------------- */

#farbtafel {
	width: 500px;
	padding: 0;
}

th.farb {
	font: normal 1.0em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #4f6b72;
	background: #fff;
	text-align: center;
	padding: 2px 0 8px 0;
	border-style: none;
}


td.farb {
	padding: 10px;
	color: #4f6b72;
	text-align: center;
	border: none;
	
}

/* Selector */ 

.selector {
	margin: 1px;	
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #EFF0F2;
	border-bottom: 1px solid #999;
}

.selector a {
	margin: 10px;	
	padding: 10px;
	text-align: center;
}

/* Portofolio */ 

.portofolio {
	margin: 5px 5px 5px 5px;	
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #EFF0F2;
	border-bottom: 1px solid #999;
}

.portofolio a {
	margin: 30px;	
	padding: 30px;
	text-align: center;
}


.portofolio2 {
	margin: 3px 3px 3px 3px;	
	padding: 8px;
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	border-bottom: 1px solid #999;
}

/* ----------tabelle-------------- */

#ANGEBOT {
	width: 479px;
	padding: 0;
	margin: 5px 0px 5px 25px;
}

 CAPTION.ANGEBOT
  {
	color:#003466;
	text-align:left;
	font-size:10pt;
	font: normal 1.0em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  }

TABLE.ANGEBOT
  { 
     font-family:arial;
     border-collapse:collapse;
     font-size:10pt;
     width:479px;
	 margin: 0px 0px 0px 25px;

  }

  TH.ANGEBOT
  {
     border-style:solid;
	 border-width:1px;
  }


  TR.ANGEBOT
  { 
     vertical-align:center;
  }

  TD.ANGEBOT
  {  
     font-size:10pt;
     color:#ffffff;
     border-style:solid;
     border-width:1px;
     border-color:ffffff;
     text-align:left;
	 background-color:#003466;
     color:white;
  }





#mytable {
	width: 500px;
	padding: 0;
	margin: 2px 0px 5px 25px;
}

caption {
	padding: 0 0 5px 0;
	width: 500px;	 
	font: normal 0.9em Georgia, "Times New Roman", Times, serif;	text-align: right;
	color: #4f6b72;
	}

th {
	font: normal 1.0em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #BAC1C7;
	border-bottom: 1px solid #BAC1C7;
	border-top: 1px solid #BAC1C7;
	text-align: left;
	padding: 4px 4px 4px 12px;
	background: #C6CECE;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #BAC1C7;
	background: #C6CECE;
}

td {
	border-right: 1px solid #BAC1C7;
	border-bottom: 1px solid #BAC1C7;
	background: #fff;
	padding: 4px 4px 4px 8px;
	color: #4f6b72;
}


td.alt {
	background: #EFF0F2;
	color: #4f6b72;
}

th.spec {
	border-left: 1px solid #BAC1C7;
	border-top: 0;
	background: #fff;
	font: normal 1.0em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #EFF0F2;
	font: normal 1.0em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #4f6b72;
}


/* --------------left navigavtion------------- */


body#index a#indexnav, body#system a#systemnav, body#masse a#massenav, body#farbe a#farbenav, 
body#ausstattung a#ausstattungnav, 
body#produkt a#produktnav, body#regal a#regalnav, body#schrank a#schranknav, body#vitrine a#vitrinenav, body#kleiderschrank a#kleiderschranknav, body#eckmoebel a#eckmoebelnav, body#schublade a#schubladenav, body#ausstattung a#ausstattungnav, body#kewloxpremium a#kewloxpremiumnav,
body#service a#servicenav, body#montage a#montagenav, body#garantie a#garantienav,body#katalog a#katalognav, body#angebot a#angebotnav, body#preisanfrage a#preisanfragenav, body#showroom a#showroomnav, body#kontakt a#kontaktnav, body#anfahrt a#anfahrtnav 
{
color: #cc3333;
}

#navcontainer { 
	float: left;
	width: 18em;
	margin: 0;
	padding:5px 0 360px 0;
	color:#ffffff; 
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { 
margin: 0;
padding: 0;
}

#navcontainer a
{
display: block;	
padding: 5px 10px;
width: 180px;
color: #4f6b72;
background-color: #fff;
border-bottom:1px solid #BAC1C7; 
text-decoration: none;
}

#navcontainer a:hover
{
color: #cc3333;
background-color: #EFF0F2;
text-decoration: none;
}

#navcontainer ul ul li { 
margin: 0;
padding: 0;
}

#navcontainer ul ul a
{
display: block;	
padding: 5px 5px 5px 30px;
width: 165px;
color: #4f6b72;
background-color: #EFF0F2;
border-bottom:1px solid #ccc; 
text-decoration: none;
}

#navcontainer ul ul a:hover
{
color: #cc3333;
background-color: #EFF0F2;
text-decoration: none;
}


/* -----------footer--------------------------- */
#footer {
	clear: both;
	padding: 0;
	margin: 0;
}
	
#footer p {
	color: #999;
	}
	
#footerlist a
{
	color: #7D8994;
	background-color: transparent;
	text-decoration: none;
}


#footerlist li
{
display: inline;
list-style-type: none;
}

#footerlist li a:hover
{
	color: #C30;
	background-color: transparent;
	text-decoration: none;
}

	
	
	
/* -----------form--------------------------- */

#main{
margin-left: 2em;
}

.tbmain{ 
 /* Changes on the form */
 background: white !important; 
 border:none;
}

.links{
  /* Changes on the form */
  color: #4f6b72; !important; 
  font-family: Verdana !important;
  font-size: 13px !important;
  border:none;
}
.head{
  color: #4f6b72;
  font-size:20px;;
  text-decoration:underline;
  font-family:"Verdana";
   border:none;
}
td.links {
  font-family:"Verdana";
  font-size:13px;
  color: #4f6b72;
  border:none;
  margin: 5px 5px 30px 5px;	
  padding: 5px 5px 10px 5px;	
}

td.rechts {
  border:none;
}
.pagebreak{
  font-family:"Verdana";
  font-size:13px;
  color: #4f6b72;
}
.tbmain{
  height:100%;
  background:white;
  border:none;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}	
	
/* Boxen */ 

.box1
{
	position: relative;
	height: 120px;
	margin: 0;
	padding: 0;
}



.box2
{
	position: relative;
	height: 230px;
	margin: 0;
	padding: 0;
}

.box3
{
	position: relative;
	height: 80px;
	margin: 0;
	padding: 40px 0 0 30px;
}


p.box3
{
	margin: 0;
	padding: 10px 0 0 0;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
}


.box
{
	position: relative;
	height: 230px;
	margin: 20px;
	padding: 0 0 25px 0;
}


li.boxcopy {
text-decoration: none;
list-style: none;
margin: 0 -10px;
padding: 0;
}

li.boxcopy a {
color: #4f6b72;
border-bottom:1px solid #4f6b72; 
text-decoration: none;
list-style: none;
margin: 0;
padding: 0;
}

li.boxcopy a:hover
{
text-decoration: none;
}

h6.boxhead
{
color: #4f6b72;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
font-size: 1.1em; line-height: 1.3em;
text-transform: uppercase;
}

h6.boxheadspez
{
color: #C30;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
font-size: 1.2em; line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.4em;
margin-left: 19px;
}


h5.boxtext
{
color: #4f6b72;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
font-size: 1.0em; line-height: 1.5em;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-left: 19px;
}
	
.news {
	margin: 3px 0 10px 0;	
	padding: 15px;
	border: 1px solid #C7CCD2;
	background-color: #fff;
}


/*slider*/


/*next button*/
.bx-next {
	position:absolute;
	top:40%;
	right:-50px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(js/bx/bx_styles/gray_next.png) no-repeat 0 -30px;
}

/*previous button*/
.bx-prev {
	position:absolute;
	top:40%;
	left:-50px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(js/bx/bx_styles/gray_prev.png) no-repeat 0 -30px;
}

/*pager links*/
.bx-pager a {
	margin-right: 5px;
	color: #fff;
	padding: 3px 8px 3px 6px;
	font-size: 12px;
	zoom:1;
	background: url(js/bx/bx_styles/gray_pager.png) no-repeat 0 -20px;
}

/*auto start button*/
.bx-auto .start {
	background: url(js/bx/bx_styles/gray_auto.png) no-repeat 0 2px;
	padding-left: 13px;
}

/*auto stop button*/
.bx-auto .stop {
	background: url(js/bx/bx_styles/gray_auto.png) no-repeat 0 -14px;
	padding-left: 13px;
}


/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
	background-position: 0 0;
}

/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
	background-position: 0 0;
}

/*pager wrapper*/
.bx-pager {
	text-align:center;
	padding-top: 7px;
	font-size:12px;
	color:#666;
}

/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}

.bx-auto a {
	color: #666;
	font-size: 12px;
}


/*neu*/


.left {
    width: 205px;
    float: left;
}

.left2 {
    width: 245px;
    float: left;
}


.right {
    width: 320px;
    float: left;
}

.right .album {
    margin-top: 40px;
    font-size: 14px;
	color: #4f6b72;
}

.right .band {
    font-size: 12px;
    color: #4f6b72;
}

.right .preis {
    font-size: 14px;
    color: #4f6b72;
}

.multiple li {
    width: 190px;
}

.bx-wrapper {
    margin: 0 auto;
}

.field .field-label {
    font-size: 14px;
    color: #838383;
    font-weight: normal;
    margin-bottom: 5px;
}



/*next button*/
.bx-next {
	position:absolute;
	top:40%;
	right:-50px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(js/bx/bx_styles/gray_next.png) no-repeat 0 -30px;
}

/*previous button*/
.bx-prev {
	position:absolute;
	top:40%;
	left:-50px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(js/bx/bx_styles/gray_prev.png) no-repeat 0 -30px;
}

/*pager links*/
.bx-pager a {
	margin-right: 5px;
	color: #fff;
	padding: 3px 8px 3px 6px;
	font-size: 12px;
	zoom:1;
	background: url(js/bx/bx_styles/gray_pager.png) no-repeat 0 -20px;
	text-decoration: none;
}

/*auto start button*/
.bx-auto .start {
	background: url(js/bx/bx_styles/gray_auto.png) no-repeat 0 2px;
	padding-left: 13px;
}

/*auto stop button*/
.bx-auto .stop {
	background: url(js/bx/bx_styles/gray_auto.png) no-repeat 0 -14px;
	padding-left: 13px;
}

/*
 * End color scheme styles
 */


/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
	background-position: 0 0;
}

/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
	background-position: 0 0;
}

/*pager wrapper*/
.bx-pager {
	text-align:left;
	padding: 15px 0 5px 5px;
	font-size:12px;
	color:#666;
}

/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}

.bx-auto a {
	color: #666;
	font-size: 12px;
}




/*lightbox*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{border: none;}

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(js/lightbox2/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(js/lightbox2/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }