/* ------------------------------------------------------------------------------------  
	Initalisierung
------------------------------------------------------------------------------------ */

* {margin: 0; padding: 0; border: none;}

body {background: #004269 url(../_obj/interface/bg.gif) repeat-x; font-size:0.0%; }

h1,h2,h3 {
	font: italic bold 24px/28px "trebuchet MS", "Lucida Grande", Arial, Helvetica, "Sans Serif";
	color:#155f84;
	padding:0 5px 0 10px;
}

h2 {font-size:14px; line-height:16px; width:355px; border-bottom: solid 1px;}

h3 {font-size:12px; line-height:14px; font-style:normal; padding:20px 0 0 10px;}

p,td {font: normal 12px/16px "trebuchet MS", "Lucida Grande", Arial, Helvetica, "Sans Serif"; letter-spacing:0.03em; color:#000000; margin:20px 10px 0 10px;}

p.info {font-size:10px; line-height:14px; letter-spacing:0.05em; color:#CC3300;}

p strong {font-size:12px; line-height:14px; font-style:normal; margin:0 0 10px 0; color:#155f84;}

a {font: bold 12px/16px "trebuchet MS", "Lucida Grande", Arial, Helvetica, "Sans Serif"; color: #155f84; text-decoration:none;}
a:hover {text-decoration:underline; color:#0066b3;text-decoration:underline;}

/* ------------------------------------------------------------------------------------  
	Forms
------------------------------------------------------------------------------------ */

.form1 {
	background: #155f84 url(../_obj/interface/form1_bg.gif) no-repeat;
	width:370px;
	height:105px;
}

.form2 {
	width:370px;
	background-color: #155f84;
}

form {padding:15px 0 0 0;}

label,input,select,textarea {
	float: left;
	margin-bottom: 5px;
	padding:2px;
	font: normal 11px/16px "trebuchet MS", Arial, Helvetica, "Sans Serif";
}

label {
	margin:0 0 0 20px;
	width: 50px;
	padding-right: 20px;
	color:#6b6b6b;
}

input, textarea, select{
	width: 250px;
	height: 16px;
	color: #6b6b6b;
	background-color:#ffffff;
}

textarea {height:100px;}

input.img {width:78px; height:21px; float:right; margin:0 25px 0 0; border:none; padding:0;}

input.submit{
	text-align:left;
	padding:0;
	margin-top:5px;
	font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
	background-color:transparent; 
	border:0;
	text-decoration:none;
	color:#0066b3;
	cursor:pointer;
	}

.box_formcontainer label {
	margin:10px 0 0 10px;
	width: 30px;
	color:#6b6b6b;
	padding:0;
}

.box_formcontainer input.img {width:78px; height:21px; padding:0; margin-left:50px; border:none; float:none;}

/* ------------------------------------------------------------------------------------  
	Seitenstruktur
------------------------------------------------------------------------------------ */

#site {
	margin: 0 auto;
	width: 820px;
}

#top {
	width: 800px;
	height:58px;
	margin:0 0 0 0;
	text-align:right;
	background-color:transparent
}

#header {
	width:800px;
	height:86px;
	margin:0 0 0 10px;
}

.navigation{	
	background: transparent;
	height:28px;
}

#containerbg {
	width: 820px;
	margin:0;
	background: url(../_obj/interface/cbg.gif) repeat-y center;
}

#container {
	width: 800px;
	margin:0 0 0 10px;
}


#left1 {
	width: 380px;
	margin:0 0 0 20px;
	float: left;
	display: inline; /* IE Hack */
}

#main1 {
	width: 370px;
	margin:0 0 0 10px;
	float: left;
	display: inline; /* IE Hack */	
}


#left2 {
	width: 240px;
	float: left;
	margin:20px 0 0 20px;
	display: inline; /* IE Hack */
}


#main2 {
	width: 500px;

	float: left;
	margin:20px 0 0 20px;
	display: inline; /* IE Hack */
}

#footer {
	width: 760px;
	margin:10px 0 0 20px;
	float: left;
	display: inline; /* IE Hack */
}

.content1 {
	width: 370px;
	margin: 20px 0 0 0;
	float:left;
}

/* ------------------------------------------------------------------------------------  
	Footer
------------------------------------------------------------------------------------ */
#footer p {font-size:11px; text-align: center; margin:0; color:#ffffff}
#footer a {font-size:11px; font-weight:normal; text-decoration:underline; color:#ffffff}

/* ------------------------------------------------------------------------------------  
	Haupt-Navigation
------------------------------------------------------------------------------------ */

.navigation ul{ margin:0; float:left}

.navigation li {
	margin:0;
	padding:0;
	height:28px;
	list-style: none;
float:left;
	background-color:transparent
}

.navigation li a {
	font: bold italic 14px/28px "trebuchet MS", Arial, Helvetica, "Sans Serif"; color:#ffffff;
	text-decoration:none;
	padding: 0 10px 0 10px;
	height:28px;
	background-color:transparent;
}

.navigation li a:hover {color: #FFFF33;}
.navigation .navaktiv {color: #FFFF33;}

/* Partner, Services, Untermehmen, Kontakt, Login*/

.nav {
float:left	
}

ul.nav {
margin-top:10px;
margin-left:10px

}

ul.nav li {
	background: url(../_obj/interface/nav_pfeil20.gif) no-repeat top left;
	margin:5px 0 0 0;
	padding:0;
	height:20px;
	list-style: none;
	float:left;
}
ul.nav li a {
	font: 11px/20px "trebuchet MS", Arial, Helvetica, "Sans Serif"; color:#FFCC00;
	text-decoration:none;
	margin: 0;
	padding: 0 10px 0 8px;
	height:20px;
}
ul.nav li a:hover {color: #FFFF33;}

ul.nav .navaktiv {color: #FFFF33;}

/* Bild-Navigation*/

.bildnavigation{ 
		position:absolute;
		width:190px;
		top:240px; 
		margin:0 0 0 190px;
}

.bildnavigation ul{ width:190px; margin: 0 0 0 0; float:right;}

.bildnavigation li {
	margin:5px 0 0 0;
	padding:0 0 0 0;
	list-style: none;
 	}
	
.bildnavigation li a {
	font: bold italic 13px/22px "trebuchet MS", Arial, Helvetica, "Sans Serif"; color:#ffffff;
	text-decoration:none;
	padding: 0 10px 0 8px;
	height:22px;
}

.bildnavigation li a:hover {color: #FFFF33;}
.bildnavigation .navaktiv {color: #FFFF33;}

.dekor{
	width:120px;
	margin:10px 5px 0 0;
	float:left;
}

.dekor p.artnr {font: normal 10px/12px Arial, Helvetica, sans-serif; color: #5d5d5d; margin:3px 0 0 3px; width:115px;}
.dekor p.bez {font: normal 10px/12px Arial, Helvetica, sans-serif; color: #000000; margin:0 0 0 3px; width:115px;}

/* ------------------------------------------------------------------------------------  
	Diverse Boxen
------------------------------------------------------------------------------------ */
.box{}

.box h1{font-size:13px; line-height:15px; padding:10px 10px 0 10px;}
.box p {font-size:11px; line-height:14px; margin:10px 5px 0 10px; letter-spacing:0.00em;}

.box_formcontainer { width: 173px; background-color:#D9DCE2; margin:10px 0 0 0;}
.box_formcontainer form {padding:0;}
.box_formcontainer input { width:150px; background-color:#ffffff; margin:10px 0 0 10px;}

.box_kontur1 {
	display:block;
	width: 173px;
	height:200px;
	margin:20px 0 0 0;	
	border: 1px solid #e0e2e6;
	float:left;
}

/* ------------------------------------------------------------------------------------  
	Top
------------------------------------------------------------------------------------ */
#top p {font-size:10px; line-height:20px; text-align: right; margin:0 5px 0 0;}
#top a {font-size:10px; line-height:14px; text-decoration:underline;}


/* ------------------------------------------------------------------------------------  
	Adressen-Styles
------------------------------------------------------------------------------------ */
.adresse{}
.adresse p {letter-spacing:0.03em; margin-top:5px;}

/* ------------------------------------------------------------------------------------  
	Strukturen-Styles
------------------------------------------------------------------------------------ */
.strukturen{margin:0 0 0 0;}
.strukturen img {margin:20px 0 0 0;}
.strukturen p {letter-spacing:0.03em; margin-top:5px;}

/* ------------------------------------------------------------------------------------  
	tabellen-Styles
------------------------------------------------------------------------------------ */
.tab{}
.tab table{ border-collapse:collapse; width:370px; margin:0;}
.tab td,th {letter-spacing:0.03em; padding:4px; border-bottom:#d9dce2 1px solid;}

.tab a {}
.tab a:hover {text-decoration:underline; color:#0066b3;text-decoration:underline;}


/* ------------------------------------------------------------------------------------  
	Diverse
------------------------------------------------------------------------------------ */
.linie {width:100%; height:1px; background-color:#d9dce2; margin-top:20px;}
.linietab {width:100%; height:1px; background-color:#d9dce2; margin-top:5px;}
.linieform {width:100%; height:1px; background-color:#d9dce2;}

.spacer20 {height:20px; display:block;}
.spacer10 {height:10px; display:block;}

.clear {clear:both;}
br {clear: left;}

.ml0 {margin-left:0;}
.mt0 {margin-top:0;}
.mt10 {margin:10px 0 0 0;}
.mt20 {margin-top:20px;}
.mt2 {margin-top:2px;}
.mb1 {margin-bottom:1px;}
.ml20{margin-left:20px;}
.mr0{margin-right:0;}
.mr5{margin-right:5px;}
.mr20{margin-right:20px;}
.pr20{padding-right:20px;}

.fl {float: left;}
.fr {float: right;}

.blau, .lack {color: #155f84; border-bottom-color:#155f84;}
.mbraun, .struktur {color: #aa5117; border-bottom-color:#aa5117;}
.hbraun, .oelwachs {color: #af8450; border-bottom-color:#af8450;}
.dgruen, .naturale {color: #48600d; border-bottom-color:#48600d;}


.bglack {background-color: #155f84;}
.bgstruktur {background-color: #aa5117;}
.bgoelwachs {background-color: #af8450;}
.bgnaturale {background-color: #48600d;}


.orange {color: #ff9000;}
.hgrau {color: #d9dce2;}
.dgrau {color: #6b6b6b;}