* {
	padding:0;
	margin:0;
	border:0;
	}
	
:focus { outline: 0; }

body {
	border-spacing:0;
	font-family:Arial, Helvetica, Verdana, Times;
	font-size:11px;
	/*background:url(../images/background.jpg) repeat-x top left #b2b2b2;*/
	}

html, body {
	height: 100%;
	}

a:link, a:visited, a:active {
	text-decoration:underline;
	color:#686366;
 	}

a:hover {
  text-decoration:none;
  }

b {
	font-weight:bold;
	}

i {
	font-style:italic;
	}
	
p {
	color:#686366;
	line-height:16px;
	padding-bottom:10px;
}

h2 {
	font-size:16px;	
	color:#686366;
	padding-bottom:10px;
}

h3 {
	font-size:14px;	
	color:#686366;
	padding-bottom:10px;
}

h4 {
	font-size:11px;	
	color:#686366;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

table {
	color:#686366;
}


/* Layout 
----------------------------------------------------------------------- */

#main {
	width:940px;
	padding-top:30px;
	margin:auto;
	}

#laenderauswahl {
	text-align:right;
	height:20px;
}
	
#farbauswahl {
	text-align:right;
}

#header {
	height:82px;
}

.links {
	float:left;
	width:250px;
	margin-right:3px;
	height:100%;
}

.c_glastische .links {
	background:#F49E00;
}

.c_holztische .links {
	background:#B4CA0D;
}

.c_funktionstische .links {
	background:#90070C;
}

.rechts {
	width:687px;
	float:left;
}

#content {
	width:940px;
	background:#ffffff;
}

#content ul {
	padding-top:10px;
	padding-left:20px;
	padding-bottom:10px;
}

#inhalt {
	position:relative;
	border:1px solid #686366;
	width:685px;
	height:498px;
}

.c_glastische {
	background:url(../images/background-glastische.gif) repeat-y top left !important;
}

.c_holztische {
	background:url(../images/background-holztische.gif) repeat-y top left !important;
}

.c_funktionstische {
	background:url(../images/background-funktionstische.gif) repeat-y top left !important;
}

#news {
	color:#686366;
	line-height:16px;
}

/* Startseite 
----------------------------------------------------------------------- */

.start-bild {
	width:414px;
	float:left;
}

.start-text {
	float:left;
	padding-top:50px;
	padding-left:40px;
	line-height:18px;
}

.start-text div {
	width:185px;
	color:#686366;
	font-size:11px;
	}

.start-text div span {
	color:#adabad;
}

.start-welcome {
	height:210px;
	}

.start-welcome p {
	line-height:18px;
	}
	
.start-aktuelles  {
	padding-top:20px;
	}
.start-aktuelles div {
	text-align:right;
	}
	
.text {
	float:left;
	width:225px;
	padding-top:20px;
	padding-left:20px;
	}
	
.unter-text {
	float:left;
	width:640px;
	padding:20px 25px 15px 20px;
	line-height:18px;
}

.unter-text div {
	width:226px;
}
	
#content1-3 {
	position:absolute;
	width:271px;
	height:498px;
	left:0;
	/*float:left;*/
	background:#ffffff;
	overflow: hidden;
}

#content-details {
	display:none;
	position:absolute;
	width:271px;
	height:498px;
	right:0;
	background:#ffffff;
}
	
#content2-3 {
	position:absolute;
	width:414px;
	height:498px;
	right:0;
	/*float:left;*/
	background:#ffffff;
	overflow: hidden;
}


.abst20 {
	padding:20px;
}

.greyline {
	width:270px !important;
	border-right:1px solid #ececec !important;
	}

.aktuellesclear {
	clear:both;
	border-bottom:1px dashed #b2b2b2;
	padding-bottom:5px;
	margin-bottom:10px;
	text-align:right;
	}
	
.scroller-up {
	display:none;
	position:absolute;
	top:0;
	right:0;
	padding:5px;
	padding-top:20px;
	}
	
.scroller-down {
	display:none;
	position:absolute;
	bottom:0;
	right:0;
	padding:5px;
	padding-bottom:20px;
	}
	
#sunews, #sdnews, #suteaser, #sdteaser {
	display:none;
}

.su-jobs {
	padding-top:190px;
	}
	
.su-asp {
	padding-top:155px;
	}
	
.backbutton {
	position:absolute;
	bottom:0;
}


/* Kontakt 
----------------------------------------------------------------------- */

.ansprechpartner-big {
	color:#686366;
}

.aspbg {
	background:url(../images/background-asp.gif) repeat-x bottom left;
}

.kontaktform {
	width:230px;
	color:#686366;
}

.kontaktform input, .kontaktform textarea {
	width:230px;
	border:1px solid #686366;
	color:#686366;
}

.kontaktform input {
	clear:both;
}
	
.ef_alert input, .ef_alert textarea {
	border:1px dashed #ff3300;
	background:#fef5e5;
}

.fehlerhafte_eingabe {
	width:214px;
	padding:5px 10px 5px 10px;
	border:1px solid #ff3300;
	background:#fef5e5;
	color:#ff3300;
	margin-bottom:5px;
}

blockquote ul {
	padding-left:15px;
	color:#686366;
}


/* 404 
----------------------------------------------------------------------- */

.viernullvier {
	color:#686366;
}

.viernullvier fieldset {
	border:1px dashed #CCCCCC;
	padding:10px;
	width:215px;
}
	
.viernullvier fieldset.noborder {
	border:0 none !important;
	padding:0;
}
.viernullvier .submitbutton {
	cursor:pointer;
	padding:2px 8px 2px 8px;
	color:#ffffff;
	width:215px;
	}


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

#navigation {
	padding-top:45px;
	position:relative;
}

#navigation ul {
 	list-style-type: none;
}

#navigation li {
	display:inline;
}

#navigation li a:link, 
#navigation li a:visited, 
#navigation li a:active {
	text-decoration:none;
	padding-left:8px;
	padding-right:8px;
	font-size:11px;
 	float:left;
  	display:block;
  	color:#adabad;
  	font-weight:bold;
  	border-right:1px solid #adabad;
  	text-transform:uppercase;
 }

#navigation li a:hover {
	text-decoration:underline;
	color:#686366;
}

#navigation li.first a {	
	padding-left:0;
}

#navigation li.last a {
	border-right:0;
}

#navigation li.aktiv a:link, 
#navigation li.aktiv a:active, 
#navigation li.aktiv a:visited,
#navigation li.aktiv a:hover {
	color:#686366;
}

#navigation ul ul {
	position:absolute;
	top:-35px;
	padding-top:10px;
	padding-bottom:20px;
	background:url("../images/icon-navi-up.gif") no-repeat 8px 66px;
}

.snu {
	left:119px;
}
.snk {
	left:213px;
	width:109px;
}

.snude {
	left:119px;
	width:85px;
}
.snkde {
	left:213px;
}

.snuen {
	left:88px;
	width:105px;
	}
	
.snken {
	left:160px;
}

.snufr {
	left:141px;
	width:130px;
}
.snkfr {
	left:231px;
}

.snues {
	left:128px;
	width:105px;
}
.snkes {
	left:197px;
}

#navigation li li {
	display:block;
}

#navigation li li a:link, 
#navigation li li a:visited, 
#navigation li li a:active {
	text-decoration:none;
	padding-left:8px;
	padding-right:0;
	padding-bottom:3px;
	font-size:11px;
  	display:block;
  	float:none;
  	color:#adabad;
  	font-weight:normal;
  	border-right:0;
  	text-transform:none;
	width:150px;
 }

#navigation li li a:hover {
	font-weight:bold;
	color:#686366;
	text-decoration:none;
}

#navigation li li.aktiv a:link, 
#navigation li li.aktiv a:active, 
#navigation li li.aktiv a:visited,
#navigation li li.aktiv a:hover {
	font-weight:bold;
	color:#686366;
	text-decoration:none;
}

#snu {
	display:none;
}

#snk {
	display:none;
}



/* Seiten-Navigation 
----------------------------------------------------------------------- */

#seitennavigation {
	padding-top:25px;
}

#seitennavigation ul {
 	list-style-type: none;
}

#seitennavigation li {
}

#seitennavigation li a:link, 
#seitennavigation li a:visited, 
#seitennavigation li a:active {
	background:url(../images/icon-snavi.gif) no-repeat 25px 4px;
	padding-left:55px;
	padding-bottom:20px;
	text-decoration:none;
	font-size:16px;
  	display:block;
  	color:#ffffff;
  	height:18px;
 }

#seitennavigation li a:hover {
	font-weight:bold;
}

.snfr li a:link, 
.snfr li a:visited, 
.snfr li a:active,
.snfr li a:hover {
	padding-left:42px !important;
 }


#seitennavigation li.last a {
	border-right:0;
}

#seitennavigation li.aktiv a:link, 
#seitennavigation li.aktiv a:active, 
#seitennavigation li.aktiv a:visited,
#seitennavigation li.aktiv a:hover {
	font-weight:bold;
	background:url(../images/icon-snavi.gif) no-repeat 215px 4px;
}


/* Footer 
----------------------------------------------------------------------- */

#impressum {
	padding:8px 0 0 25px;
}

#impressum, #impressum a {
	color:#808080;
	font-size:11px;
}

#ssh {
	background:#e5e5e5;
	padding:5px 0 5px 10px;
	margin-top:3px;
}

#ssh, #ssh a {
	color:#808080;
	font-size:11px;
}

#realisation {
	padding-top:3px;
	text-align:right;
}

#realisation, #realisation a {
	color:#999999;
	font-size:11px;
}

/* Produktseiten
----------------------------------------------------------------------- */

#produktbild {
	width: 413px;
	height: 305px;
/*	border-left: 1px solid #ececec; */
}

#produktbeschreibung {
	width: 398px;
	height: 178px;
	border-left: 1px solid #ececec;
	padding-top: 15px;
	padding-left: 15px;
	background-color: #f7f7f7;
}

#produktbild_l {
	width: 413px;
	height: 305px;
	border-right: 1px solid #ececec;
}

#produktbeschreibung_l {
	width: 398px;
	height: 178px;
	border-right: 1px solid #ececec;
	padding-top: 15px;
	padding-left: 15px;
	background-color: #f7f7f7;
}


.fancy {
	background: url(../images/produkte/fancy.jpg) no-repeat;
}

.zoomlink {
	position: absolute;
	top: 278px;
	left: 387px;
}

/* Tabellen
----------------------------------------------------------------------- */

.spalte_l {
	width: 160px;
	vertical-align: top;
	padding-bottom: 5px;
	padding-right: 5px;
}

.spalte_r {
	width: 210px;
	vertical-align: top;	
	padding-bottom: 5px;
	line-height: 1.5em;
}

.spalte_l_b {
	width: 120px;
	vertical-align: top;
	font-weight: bold;
}

.spalte_r2 {
	width: 110px;
	vertical-align: top;
}

.spalte_lu {
	vertical-align: bottom;
	padding-bottom: 5px;
	font-size: 14px;
}

.spalte_lu a {
	text-decoration: none;
}

.spalte_lu a:active {
	text-decoration: none;
}

.spalte_lu a:hover {
	text-decoration: underline;
}

.splu-links {
	float:left;
	width:20px;
}

.splu-rechts {
	float:left;
	width:120px;
}


.spalte_farbe {
	vertical-align: top;
	padding-bottom: 5px;
	padding-right: 5px;
}

.spalte_farbe_r {
	vertical-align: top;
	padding: 0 5px 5px 5px;
}

.produktdetails {
	margin-bottom:15px;
	line-height: 1.6em;
	color: #686366;
}


/* Sonstiges 
----------------------------------------------------------------------- */

.clear {
	clear:both;
	}

.small {
	font-size:11px;
	}

.clean {
	text-decoration:none !important;
	}

.as10 {
	padding-top:10px;
}

.as20 {
	padding-top:20px;
}

.as55 {
	padding-top:55px;
}

.asu20 {
	padding-bottom:20px !important;
}

.bilderrahmen {
	border:1px solid #B9B9B9;
	}

.bildrechts {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
	}

.bildlinks {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	}

a.weiter:link, 
a.weiter:active, 
a.weiter:visited,
a.weiter:hover {
	font-weight:bold;
}

.eingabefeld {
	padding:2px;
	border:1px solid #686366;
	width:200px;
	font-size:11px;
	color:#686366;
	}

.eingabefeldtext {
	padding:2px;
	border:1px solid #686366;
	font-family: Arial, Helvetica, Verdana, Times;
	font-size:11px;
	color:#686366;
	}
	
.submitbutton {
	cursor:pointer;
	padding:2px 20px 2px 20px;
	color:#ffffff;
	}
	
	
/* VR 24.07.2008 Aktuelles-Bereich */

div#news_additional {
	margin-top:20px;	
}
div#news_additional a,  
div#news_additional p {
	float:left;
}

div#news_additional a {
	display:block;
	margin-right:15px;
	height:100%;
}