@charset 'utf-8';


/* Import CSS
--------------------------------------------------------------------------------*/
@import url(reset.css);
/*@import url(clearfix.css);*/
/*@import url(clear_float.css);*/


/* Typselektoren (HTML)
--------------------------------------------------------------------------------*/
html {
	height:100.01%;
}

body {
	height:100.01%;
	background:#b9c0b7 url(../images/template/bg_body.gif) repeat-x 4px top;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:120%;
	overflow:scroll;
	overflow:-moz-scrollbars;
	/*text-shadow:#000000 0 0 0;*//* fix for safari (pc & mac) 'too-bold' problem - http://www.männl.info/2008/08/19/css-fuer-safari-bold-font-weniger-fett/ */
	/*padding: 0;*/
	/*margin: 0;*/
	/*font-size: 62.5%;*/ /* font-size is set to 100.01% in 'reset.css' */
	/*text-align:center;*/ /* IE 6 */
}


h1,h2,h3,h4,h5,h6,div,ol,ul,li,dl,dt,dd,p,input,textarea,select {
	text-align:left;
}

img, a img {
	border:0 none;
}

form {
	display:inline;
}

strong {
	font-weight:bold;
	color:#dd3700;
}

sup {
	font-size:70%;
	line-height:100%;
	vertical-align:text-top;
}

sub {
	font-size:70%;
}

em {
	font-style:italic;
}

h1 {
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	letter-spacing:0.5px;
	margin:0 0 2px 0;
}

h2 {
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	letter-spacing:0.5px;
	margin:0 0 20px 0;
}

h3 {
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	margin:0 0 -5px 0;
}

h4 {
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	margin: 0 0 10px 0;
}

h5 {
}

h6 {
}

p {
   margin:0;
   padding:0;
   font-size:11px;
   color:#404040;
}

ul {
	list-style-type:none;
}

table { /* 'border-collapse' is set to 'collapse' by default in 'reset.css' */
}

caption {
	caption-side:bottom;
}

th {
}

td {
}

thead {
}

tfoot {
}

tbody {
}

tbody th {
}

tbody td {
}


/* Globale Links
--------------------------------------------------------------------------------*/

a {
	outline:none; /* FF Umrandung */
	/* border:0 none; */
	color:#dd3700;
	font-size:11px;
}

/* Reihenfolge einhalten: a:link, a:visited, a:hover, a:focus, a:active  */
a:link,
a:visited {
	text-decoration:none;
	color:#dd3700;
}

a:hover/*,
a:focus,
a:active*/ {
	text-decoration:none;
	color:#ffffff;
}


/* Allgemeine Klassen
--------------------------------------------------------------------------------*/
.nowrap {
	white-space:nowrap;
}

.hideme {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.clear { /* Clear Float - http://sonspring.com/journal/clearing-floats */
     clear:both;
     display:block;
     overflow:hidden;
     width:0px;
     height:0px;
}

.linear_rot {
   color:#8E2E2E;
}

p.p15 {
   margin-bottom:15px;
}

p.p30 {
   margin-bottom:30px;
}

p.p50 {
   margin-bottom:50px;
}


/* SLIDESHOW */
#slideshow {
 height:245px; /* hier Hoehe der Slideshow-Bilder angeben */
 position:relative;
}
#slideshow img {
 display:none;
 position:absolute;
 top:0; left:0;
}
#slideshow img.start {
 display:block;
}






/* Main
--------------------------------------------------------------------------------*/
#wrapper {
	margin:0 auto; /* Zentrieren */
	width:980px;
	height:100%;
}

#main {
	position:relative;
	width:761px;
    min-height: 100.01%;
    height: auto !important;
	height:100.01%;
	left:120px;
	background:#aeb5ac url(../images/template/bg_main.gif) repeat-y right top;
	border-right: #b9c0b7 solid 1px;
	margin: 0 0 -35px 0;
}

#content {
	padding:130px 0 0 0;
}


/* Content
--------------------------------------------------------------------------------*/
#maintext {
	float:left;
	width:670px;
	padding:20px 0 32px 30px;
}

#maintext p {
	padding:0 0 32px 0;
}

#maintext.slim {
	width:430px;
}

#maintext.slimmer {
	width:310px;
}

#infobox {
	float:right;
	width:210px;
	padding:22px 55px 20px 0px;
	font-size:10px;
	color:#5c625b;
}

#infobox img {
	/*padding-bottom: 10px;*/
}

#infobox table tr td a {
	font-size:10px;
}

#infobox table {
	border-top:#808080 solid 3px;
	border-bottom:#808080 solid 3px;
	margin:0;
	width:210px;
}


#infobox tr th {
	width:95px;
	font-weight:bold;
	border-bottom:#808080 solid 1px;
	line-height: 17px;
}

#infobox tr td {
	width:115px;
	border-bottom:#808080 solid 1px;
}

#infobox.contact {
	padding-top:81px;
}

#exhibitions h1 {
	margin: 0 0 20px 0;
}

#exhibitions h2 {
	margin:0;
}

#exhibitions p {
	margin:0;
	padding-bottom:15px;
}

.fontweightnormal {
	font-weight:normal;
	}


#netpartner .partnerlink li {
	border-bottom: 1px solid #808080;
}




/* Teaser
--------------------------------------------------------------------------------*/
#teaserbox {
	width:198px;
	height:139px;
	position:absolute;
	right:24px;
	top:261px;
	background:url(../images/template/bg_teaser.png) no-repeat left top;
	padding:10px 15px 0 35px;
	
}

* html #teaserbox {
	/background-image:url(../images/template/bg_teaser.gif); 
}

#content #teaserbox p {
	font-size:10px;
	color:#808080;
	line-height:120%;
	padding:0 0 10px 0;
	/padding:0 0 10px 0;
}

#content #teaserbox p strong {
	color:#a8aea6;
}

#content #teaserbox a {
	font-size:10px;
	font-weight:bold;
	padding:0 0 0 13px;
	background:url(../images/template/arrow.gif) no-repeat left 2px;
}

#content #teaserbox a:hover {
	background-image:url(../images/template/arrow_w.gif);
}


/* Topnav
--------------------------------------------------------------------------------*/
#topnav_index {
	position:absolute;
	top:0;
	left:0;
	width:760px;
	height:117px;
	background:#b9c0b7 url(../images/template/bg_header.jpg) no-repeat left top;
}

#topnav_index .startnav {
	float:left;
	width:760px;
	height:24px;
	padding:6px 0 0 0;
	margin:87px 1px 0 0;
	background:url(../images/template/bg_startnav.png) repeat-x left top;
	/background-image:url();
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/bg_startnav.png', sizingMethod='scale');
}

#topnav {
	position:absolute;
	top:0;
	left:0;
	width:760px;
	height:149px;
	background:#b9c0b7 url(../images/template/bg_header.jpg) no-repeat left top;
}



#firstnav {
	margin:87px 0 0 0;
}

#firstnav li {
	display:inline;
	padding:0;
	overflow:hidden;
}

#firstnav li a {
	display:block;
	float:left;
	width:145px;
	height:24px;
	padding:6px 0 0 0;
	margin:0 1px 0 0;
	text-align:center;
	background:url(../images/template/bg_firstnav.png) no-repeat right top;
	/background-image:url();
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/bg_firstnav.png', sizingMethod='scale');
	cursor:pointer;
	color:#404040;
	font-size:10px;
	font-weight:bold;
	letter-spacing:0;
	line-height: 20px;
}

#firstnav li a:link,
#firstnav li a:visited {
	color:#404040;
}

#firstnav li a:hover,
#firstnav li a:focus,
#firstnav li a:active {
	color: #dd3700;
}

#firstnav .last_firstnav {
	width:147px;
}

#firstnav .active span {
	background: url(../images/template/arrow.gif) no-repeat left 1px;
	padding:0 0 0 12px;
	margin:0 0 0 -12px;
	/margin:0;
	/position:relative;
	/left:-6px;
}

.secondnav {
	margin: 0 0 0 30px;
}

.secondnav li {
	display:inline;
}

.secondnav li a {
	display:block;
	float:left;
	padding:6px 20px 0 12px;
	cursor:pointer;
	color:#ffffff;
	font-size:10px;
	background: url(../images/template/s_arrow_w.gif) no-repeat left 12px;
}

.secondnav li a:link,
.secondnav li a:visited {
	color:#ffffff;
}

.secondnav li a:hover,
.secondnav li a:focus,
.secondnav li a:active,
.secondnav li .active {
	color:#dd3700;
	background-image: url(../images/template/s_arrow_r.gif);
}

#topnav .active,
#topnav .active:link,
#topnav .active:visited,
#topnav .active:hover,
#topnav .active:focus,
#topnav .active:active {
	color:#dd3700;
}


/* Picnav
--------------------------------------------------------------------------------*/
#picnav {
	position:absolute;
	top:120px;
	left:-110px;
}

#picnav li {
	display:block;
	width:100px;
	height:70px;
	margin: 6px 0 0 0;
}

#picnav li a {
	display:block;
	width:100px;
	height:70px;
	position:relative;
	cursor:pointer;
}

#picnav li#pic_dwc
{
margin-bottom: 0;
}

#pic_luminoso {
	background:url(../images/template/luminoso_soft.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/luminoso_soft.png', sizingMethod='crop');
}

#pic_luminoso.picon {
	background:url(../images/template/luminoso_hard.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/luminoso_hard.png', sizingMethod='crop');
}

#pic_seegnal {
	background:url(../images/template/seegnal_soft.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/seegnal_soft.png', sizingMethod='crop');
}

#pic_seegnal.picon {
	background:url(../images/template/seegnal_hard.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/seegnal_hard.png', sizingMethod='crop');
}

#pic_planon {
	background:url(../images/template/planon_soft.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/planon_soft.png', sizingMethod='crop');
}

#pic_planon.picon {
	background:url(../images/template/planon_hard.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/planon_hard.png', sizingMethod='crop');
}

#pic_tacgun {
	background:url(../images/template/tacgun_soft.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/tacgun_soft.png', sizingMethod='crop');
}

#pic_tacgun.picon {
	background:url(../images/template/tacgun_hard.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/tacgun_hard.png', sizingMethod='crop');
}

#pic_walch {
	background:url(../images/template/walch_soft.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/walch_soft.png', sizingMethod='crop');
}

#pic_walch.picon {
	background:url(../images/template/walch_hard.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/walch_hard.png', sizingMethod='crop');
}

#pic_dwc {
	background:url(../images/template/dwc_soft.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/dwc_soft.png', sizingMethod='crop');
}

#pic_dwc.picon {
	background:url(../images/template/dwc_hard.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/dwc_hard.png', sizingMethod='crop');
}

#pic_carspace {
	background:url(../images/template/carspace_soft.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/carspace_soft.png', sizingMethod='crop');
}

#pic_carspace.picon {
	background:url(../images/template/carspace_hard.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/carspace_hard.png', sizingMethod='crop');
}

#pic_greenys {
	background:url(../images/template/greenys_soft.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/greenys_soft.png', sizingMethod='crop');
}

#pic_greenys.picon {
	background:url(../images/template/greenys_hard.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/greenys_hard.png', sizingMethod='crop');
}
#pic_cube24 {
	background:url(../images/template/cube_soft.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/cube_soft.png', sizingMethod='crop');
}

#pic_cube24.picon {
	background:url(../images/template/cube_hard.png);
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/cube_hard.png', sizingMethod='crop');
}

/* Footer
--------------------------------------------------------------------------------*/
#push {
	clear:both;
	height:35px;
}

#footer {
	position:relative;
	z-index:50;
	/*bottom:0;
	left:0;*/
	height:25px;
	width:717px;
	background:url(../images/template/bg_footer.png) repeat left top; 
	/background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/template/bg_footer.png', sizingMethod='scale');
	padding:5px 30px 5px 14px;
	margin:0 0 0 120px;
	overflow:hidden;
}

#footer p {
	color:#ffffff;
	font-size: 9px;
	line-height:120%;
	margin:2px 0 10px 0;
	padding:0 0 0 16px;
	background:url(../images/template/arrow_g.gif) no-repeat left top;
}

#bottomnav {
	margin:8px 0 0 16px;
	/margin:14px 0 0 16px;
}

#bottomnav li {
	display:inline;
}

#footer li a {
	display:block;
	float:left;
	padding:0 10px;
	color:#cccccc;
	border-left: #cccccc solid 1px;
	font-size: 9px;
	line-height:100%;
}

#footer .first_bottomnav {
	border:none;
	padding:0 10px 0 0;
}


/* Form
--------------------------------------------------------------------------------*/
#contactform {
	font-size:11px;
	font-weight:bold;
	padding:0 0 32px 0;
	color: #404040;
}



#contactform dl dt {
	width:135px;
	padding:0 0 0 12px;
	height:20px;
	clear:left;
	float:left;
}

#contactform dl dd {
	width:263px;
	height:18px;
	float:left;
}

#contactform .last {
	height:auto;
	text-align:right;
	padding: 0 20px 0 0;
	width:243px;
}

#contactform input,
#contactform textarea,
#contactform select {
	width:238px;
	border:0 none;
	line-height:120%;
	padding:4px 3px;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*margin:10px 0 10px 0;*/
}

#contactform #plz {
	float:left;
	width:74px;
}

#contactform #ort {
	width:154px;
	float:right;
	margin-right:19px;
}

#contactform select {
	width:244px;
	height:20px;
	padding:2px 0;
}

#contactform textarea {
	height:106px;
	width:238px;
	padding:4px 3px;
	margin: 0 0 2px 0;
}

* html #contactform textarea {
	width:237px;
}

#contactform label {
	padding:4px 0;
	/*line-height:120%;
	margin:10px 0 10px 12px;*/
}

#contactform fieldset {
	width:410px;
	padding: 5px 0;
	/padding:4px 0 7px 0;
	border-bottom:#808080 solid 1px;
}

#contactform .bordertop {
	border-top:#808080 solid 3px;
}

#contactform .borderbottom {
	border-bottom:#808080 solid 3px;
}

#contactform a {
	padding:0 0 0 12px;
	background:url(../images/template/arrow.gif) no-repeat left 1px;
}

#contactform a:hover {
	background-image:url(../images/template/arrow_w.gif);
}


#greenys #maintext p{
	padding-bottom:15px;
}



/* Colors
--------------------------------------------------------------------------------

Hintergrund-Body:#b9c0b7
Hintergrund-Main:#aeb5ac
footernav: #cccccc
teaserheader: #808080
teasertext: #a8aea6;
text:#404040
Links:#dd3700
firstnav-links:#404040
secondnav-links:#ffffff
Überschriften:#
Hervorhebungen alt:#ff4200
Hervorhebungen neu: #dd3700
*/


/* helpfull code-fragments
--------------------------------------------------------------------------------

Hide horizontal scrolling

To remove the horizontal scrolling bar, insert overflow-x: hidden; into the body

body {
	overflow-x: hidden;
}

This is useful if you decide to have an image or flash file which has a larger width than the browser.




_Tickeffekt for links:
a:active {
	position:relative;
	top:1px;
}

_PNG Fix V1 Universal:
img {
	behavior:url(iepngfix/iepngfix.htc);
}

_PNG Fix V2 Explizit:
'id' or 'class' {
	background-image:url(../images/picture.png); 
	//background-image:url(); 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/picture.png', sizingMethod='scale');
}



_Some clever usability improvements - http://nitzsche.info

	label, 
	input[type=button],
	input[type=submit], 
	button {
		cursor:pointer;
	}
	
	q:lang(de) {
		quotes:'' '' '' '';
	}
	
	q:lang(en) {
		quotes:'"' '"' "'" "'";
	}
	
	abbr[title] {
		border-bottom:1px dotted #888 !important;
		cursor:help;
	}
	
	a abbr {
		cursor:pointer !important;
	}