/* *** 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/hintergrund_premium.jpg) repeat-x 0 0;}

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


h1 {
	font: normal 1.6em Georgia, "Times New Roman", Times, serif;
	background: #fff url(medien/dot_red.gif) no-repeat 0 50%;
	color: #cc3333;
}

h2 {
	font: normal 1.4em Georgia, "Times New Roman", Times, serif;
	color: #4f6b72;
	background: #fff url(medien/dot_red_small.gif) no-repeat 0 50%;
}

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.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #4f6b72;
	}	



img.download {vertical-align:middle;}

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

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

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

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

h1 {
	padding:10px 5px 10px 25px;
	margin:5px 0 0 0;
	background-color: #eaeaea;
}
h2 {
	padding: 4px 5px 4px 15px;
	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;
}

h6 {
	padding:0 0 50px 0;
	margin:0;
}

.gross {
	width: 5.71em;
	height: 1.07em;}
	
.img {
	padding: 2px 0px 2px 5px;
	margin:15px 0px 0 25px;
	}
	
.imglinks {
	float: left;
	padding: 2px 5px 2px 5px;
	margin:25px 25px 2px 20px;
	}
	
.imgright {
	float: right;
	padding: 2px 5px 2px 5px;
	margin:50px 150px 80px 100px;
	}	
	
	
.list {
	margin: 5px 10px 10px 25px;
	padding: 0;
	list-style: none;

}

.list p {
	font-size: 1.0em;
	line-height: 0.7em;
	background: #fff url(medien/dot_gray_small.gif) no-repeat 0 65%;
	}
	
.listrechts {
	margin: 15px 85px 60px 225px;
	padding: 0;
	list-style: none;

}

.listrechts p {
	font-size: 1em;
	line-height: 1.3em;
	background: #fff url(medien/dot_gray_small.gif) no-repeat 0 50%;
	}
	

.tabelle {
	padding: 0;
	margin: 10px 0 0 0;
	float: left;
}


.tabelle p {
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 5px 0 5px 0;
	margin:0;
	}
	
#feld {
width: 650px;
position: relative;
margin:0 0 0 20px;
float: left;
}	
	
	
.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;
}

/* Portofolio */ 

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

#mytable {
	width: 500px;
	padding: 0;
	margin: 2px 0px 0px 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: #999;
}

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#katalog a#katalognav, body#angebot a#angebotnav, body#preisanfrage a#preisanfragenav, body#showroom a#showroomnav, body#kontakt a#kontaktnav 
{
color: #cc3333;
}

#navcontainer { 
	float: left;
	width: 18em;
	margin: 0;
	padding:5px 0 0 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: #eaeaea;
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: left;
	background-color: #44494D;
	padding: 0;
	margin: 0;
	}
	
#footer p {
	color: #999;

	}

.copyright {
	border-top: 1px solid #c9c9c9;
	padding-left: 20px;
	padding-bottom: 20px;
	clear: both;
}	

/* -----------form--------------------------- */
.tbmain{ 
 /* Changes on the form */
 background: white !important; 
}
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: Verdana !important;
  font-size: 12px !important;
}
.head{
  color:#333333;
  font-size:20px;;
  text-decoration:underline;
  font-family:"Verdana";
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
  border:none;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
  border:none;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}