@charset "utf-8";
/**
 * @link        <http://www.nordoffset.de>
 * @version     1.0
 * @media       screen, projection
 * @css-for     all
 * @author      webcreate IT SOLUTIONS <http://www.webcreate-nrw.de>
 * @created     2009-03-10 22:10:36
 * @last_mod    2009-03-20 06:45:17
 */

/**
 * ********** Elementesammlung für HTML Tags **********
 */
 
*{
	border:	0;
	padding: 0;
	margin:	0;
}

html{
	height:100%;
    padding-bottom:0.065em;	
    background:	#fff;
    color: #122531;
	font-size: 1em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

body{
	width: 54.9375em;
	margin: 0px auto;
	background:	transparent;
}

h1
{
	color: #ccc;
    font-size: 1em;
    font-weight: 700;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: .55em .688em;
	width: 20em;
}

h2
{
	color: #a8a9ad;
    font-size: 1.5em;
    font-weight: 500;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0 0 .75em 0;
}

h2.calc
{
	color: #122531;
    font-size: .8em;
    font-weight: 700;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
}

h2.box
{
	font-size: .9em;
	margin: 1em .75em;
	color: #122531;
	font-weight: 700;
}

h3
{
	color: #122531;
    font-size: .9em;
    font-weight: 700;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 2;
}

h4.headlink
{
	width: 9.375em;	
}

h5
{
	padding: 0 0 0 1em;
	margin: 0;
	font-size: .688em;
	font-weight: 700;	
	line-height: 1.6;
}

a{	
	color: #900;
	text-decoration: none;
}

a:hover, 
a:active{
	text-decoration: underline;
}


p,
address
{
	font-size: .75em;	
	line-height: 1.6;
}

.pCenter
{
	text-align: center;	
}

.pBox
{
	margin: 0 0 0 1em;	
}

.top10
{
	line-height: 2;
	vertical-align: text-bottom;
}

fieldset 
{
	border:0px #1c282e solid; 
	margin: 1em;
	font-size: 1em;
	line-height: 1.6;

}

legend
{
	font-size: .688em;
	font-weight: 700;
  	margin: 0.2em 0.5em;
  	padding: 0.2em 0.5em;
}

label, input, select, textarea { 
	font-size: 1em;
 	display: block;
  	float: left;
  	width: 400px; 
  	border: 1px solid #ccc;
  	margin-bottom: 2px;
}

form br {
  clear: left; 
}

input.submit { 
  font-size: 1em;
  width: 136px;
  margin: 0 15px 0 0;
  border: 1px solid #ccc;
  padding: 0;
}

input, select, textarea { 
    padding: 3px;
}

select{
    width: 407px;
}

label {
 text-align: left; 
 padding: 0 10px 0 10px; 
 width: 80px;
 border: 0px solid #aaa;
 margin-bottom: 10px;
}

label.bewerbung {
	width: 150px;
}
textarea{
	height: 234px;
    width: 400px;

 	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#bemerkung{
	height: 180px;
    width: 490px;
 	margin: 0 0 0 10px; 
 	font-family: Verdana, Arial, Helvetica, sans-serif;  
}

.anfrageHeadline
{
	padding: 0 0 0 10px;
	font-weight: 700;	
}

input.uploadfile
{
	clear: both;
	float: none;
	width: 400px;	
}

.formularTeil
{
	float: left;	
}

#senden
{
	margin-left: 100px;
}

#senden2
{
	margin-left: 10px;
}

#senden3
{
	margin-left: 170px;
}

.error
{
	border: 1px solid #f00;	
}

.errorMSG
{
	color: #f00;	
}

.okMSG
{
	color: #007f29;	
}

.formHidden{
	border: 0px #ccc solid;
	visibility: hidden;
	width: 0px;	
}

/**
 * ********** Elementesammlung für das Layout **********
 */
 
#header
{
	height: 6.875em;
	background: #122531;
}

#imgClaim
{
	width: 41.3125em;
	float: left;	
}

#content
{
	padding: 1em 0 0 1em;
	margin-right: .5em;
	width: 39.8125em;
	float: left;	
}

#container
{
	background: #fff url(../img/containerBG.jpg) repeat-y top right;
	min-height: 31.25em;
	position:relative;
}
#container1
{
	background: #fff url(../img/containerBG.jpg) repeat-y top right;
	min-height: 10.25em;
	position:relative;
}

.sideImg
{
	position: absolute;
	bottom: 0px;
	right: 0px;	
}
#daumenkino{
	min-height: 450px;
	height:auto !important;  /* für moderne Browser */
	height:450px;  /*für den IE */
}
#sidebar
{
	width: 13.625em;
	min-height: 18.875em;
	background: #a8a9ad url(../img/sidebarBG.jpg) no-repeat bottom left;
	float: left;
}

#sidebar1
{
	width: 13.625em;
	min-height: 18.875em;
	background: #a8a9ad;
	float: left;
	padding-top: 1.2em;
}

#sidebar2
{
	width: 13.625em;

	background: #a8a9ad;
	float: left;
	padding-top: 1.2em;
}


#box1, #box2, #box3, #box4
{
	height: 8.3125em;
	float: left;	
}

#box1
{
	width: 13.9375em;
	background: url(../img/box1BG.jpg) no-repeat top left;
}

#box2
{
	width: 13.6875em;
	background: url(../img/box2BG.jpg) no-repeat top left;
	
}

#box3
{
	width: 13.6875em;
	background: url(../img/box3BG.jpg) no-repeat top left;
}

#box4
{
	width: 13.625em;
	background: url(../img/box4BG.jpg) no-repeat top left;	
}



#footer
{
	background: url(../img/footerBG.jpg) repeat-x top left;
	clear: both;
	float: none;
}

#companyInfo
{
	padding: 0 .5em;
	color: #666666;
	font-size: .688em;
	float: left;
}

#companyInfo a
{
	text-decoration: underline;
	color: #122531;
}

#comanyLogos
{
	float: right;
}

#comanyLogos li{
	float: left; 
	list-style: none;  
}

#comanyLogos li a{
	height: .75em;
    display: block;
}

.cleaner
{
	clear: both;
	float: none;
	width: 0em;
	height: 0em;
	line-height: 0;
}

.xxsmall
{
	width: 0em;
	height: 0em;
	line-height: .5;
}

.leftFloated
{
	float:left;
	margin: 0 .75em;	
}

.leftFloated2
{
	float:left;
	margin: 0 .75em 0 0;	
}

.rightFloated
{
	float:right;
	margin: 0 .5em 0 .75em;	
}

ul.fliess
{
	list-style:circle inside;	
	margin-left: 1em;
}

.fliess li
{
	font-size: .75em;	
	line-height: 1.6;
}

/**
 * ********** Elementesammlung für die Navigation **********
 */
#navigation
{
	margin-left: .4em;
}

#navi li{
	float: left; 
	list-style: none;  
	margin-top: 3.0625em;
}

#navi li a{
	height: .75em;
    display: block;
}

/**
 * Normale Link-Formatierung für 'Unternehmen'
 */
#navi li#n1 a{	
	width: 6.875em;
	background-image: url(../img/navi/button1_n.png);
}

/**
 * Hover & Active Link-Formatierung für 'Unternehmen'
 */
body#P_Unternehmen #navi li#n1 a, 
body#P_Unternehmen1 #navi li#n1 a, 
body#P_Unternehmen2 #navi li#n1 a, 
body#P_Unternehmen3 #navi li#n1 a, 
body#P_Unternehmen4 #navi li#n1 a, 
body#P_Unternehmen5 #navi li#n1 a, 
body#P_Unternehmen6 #navi li#n1 a, 
#navi li#n1 a:hover, 
#navi li#n1 a:active{
	background-image: url(../img/navi/button1_h.png);
}

/**
 * Normale Link-Formatierung für 'News'
 */
#navi li#n2 a{	
	width: 3.25em;
	background-image: url(../img/navi/button2_n.png);
}

/**
 * Hover & Active Link-Formatierung für 'News'
 */
body#P_News #navi li#n2 a, 
body#P_News1 #navi li#n2 a, 
body#P_News2 #navi li#n2 a, 
#navi li#n2 a:hover, 
#navi li#n2 a:active{
	background-image: url(../img/navi/button2_h.png);
}

/**
 * Normale Link-Formatierung für 'Produkte'
 */
#navi li#n3 a{	
	width: 5.25em;
	background-image: url(../img/navi/button3_n.png);
}

/**
 * Hover & Active Link-Formatierung für 'Produkte'
 */
body#P_Produkte #navi li#n3 a, 
body#P_Produkte1 #navi li#n3 a, 
body#P_Produkte2 #navi li#n3 a, 
body#P_Produkte3 #navi li#n3 a, 
body#P_Produkte4 #navi li#n3 a, 
body#P_Produkte5 #navi li#n3 a, 
#navi li#n3 a:hover, 
#navi li#n3 a:active{
	background-image: url(../img/navi/button3_h.png);
}

/**
 * Normale Link-Formatierung für 'Innovationen'
 */
#navi li#n4 a{	
	width: 6.6875em;
	background-image: url(../img/navi/button4_n.png);
}

/**
 * Hover & Active Link-Formatierung für 'Innovationen'
 */
body#P_Innovationen #navi li#n4 a, 
body#P_Innovationen1 #navi li#n4 a, 
body#P_Innovationen2 #navi li#n4 a, 
body#P_Innovationen3 #navi li#n4 a, 
body#P_Innovationen4 #navi li#n4 a, 
#navi li#n4 a:hover, 
#navi li#n4 a:active{
	background-image: url(../img/navi/button4_h.png);
}

/**
 * Normale Link-Formatierung für 'Technik'
 */
#navi li#n5 a{	
	width: 4.375em;
	background-image: url(../img/navi/button5_n.png);
}

/**
 * Hover & Active Link-Formatierung für 'Technik'
 */
body#P_Technik #navi li#n5 a, 
body#P_Technik1 #navi li#n5 a, 
body#P_Technik2 #navi li#n5 a, 
body#P_Technik3 #navi li#n5 a, 
body#P_Technik4 #navi li#n5 a, 
#navi li#n5 a:hover, 
#navi li#n5 a:active{
	background-image: url(../img/navi/button5_h.png);
}

/**
 * Normale Link-Formatierung für 'Kunden'
 */
#navi li#n6 a{	
	width: 4.25em;
	background-image: url(../img/navi/button6_n.png);
}

/**
 * Hover & Active Link-Formatierung für 'Kunden'
 */
body#P_Kunden #navi li#n6 a, 
body#P_Kunden1 #navi li#n6 a, 
body#P_Kunden2 #navi li#n6 a, 
body#P_Kunden3 #navi li#n6 a, 
#navi li#n6 a:hover, 
#navi li#n6 a:active{
	background-image: url(../img/navi/button6_h.png);
}

/**
 * Normale Link-Formatierung für 'Download'
 */
#navi li#n7 a{	
	width: 5.5em;
	background-image: url(../img/navi/button7_n.png);
}

/**
 * Hover & Active Link-Formatierung für 'Download'
 */
body#P_Download #navi li#n7 a, 
#navi li#n7 a:hover, 
#navi li#n7 a:active{
	background-image: url(../img/navi/button7_h.png);
}

/**
 * Normale Link-Formatierung für 'Kontakt'
 */
#navi li#n8 a{	
	width: 4.625em;
	background-image: url(../img/navi/button8_n.png);
}

/**
 * Hover & Active Link-Formatierung für 'Kontakt'
 */
body#P_Kontakt #navi li#n8 a, 
body#P_Kontakt1 #navi li#n8 a, 
body#P_Kontakt2 #navi li#n8 a, 
body#P_Kontakt3 #navi li#n8 a, 
#navi li#n8 a:hover, 
#navi li#n8 a:active{
	background-image: url(../img/navi/button8_h.png);
}

#sidebar1 li
{
	list-style: none;  
	padding: 0 0 0 1.5em;
	height: 1.875em;
	background: #a8a9ad;
    outline:none;
}

#sidebar1 li a{
	color: #122531;
	font-size: .75em;
	line-height: 2.5;
    text-decoration: none;
    display: block;
}

#sidebar2 li
{
	list-style: none;  
	padding: 0 0 0 1.5em;
	height: 1.875em;
	background: #a8a9ad;
    outline:none;
}

#sidebar2 li a{
	color: #122531;
	font-size: .75em;
	line-height: 2.5;
    text-decoration: none;
    display: block;
}

#sidebar1 li#side1:hover,
#sidebar1 li#side2:hover,
#sidebar1 li#side3:hover,
#sidebar1 li#side4:hover,
#sidebar1 li#side5:hover,
#sidebar1 li#side6:hover,
#sidebar1 li#side1:hover,
#sidebar1 li#side2:hover,
#sidebar2 li#side3:hover,
body#P_Unternehmen1 #sidebar1 li#side1, 
body#P_Unternehmen2 #sidebar1 li#side2, 
body#P_Unternehmen3 #sidebar1 li#side3, 
body#P_Unternehmen4 #sidebar1 li#side4, 
body#P_Unternehmen5 #sidebar1 li#side5,
body#P_Unternehmen6 #sidebar1 li#side6,
body#P_News1 #sidebar1 li#side1,
body#P_News2 #sidebar1 li#side2,
body#P_Produkte1 #sidebar1 li#side1, 
body#P_Produkte2 #sidebar1 li#side2, 
body#P_Produkte3 #sidebar1 li#side3, 
body#P_Produkte4 #sidebar1 li#side4, 
body#P_Produkte5 #sidebar1 li#side5,
body#P_Innovationen1 #sidebar1 li#side1, 
body#P_Innovationen2 #sidebar1 li#side2, 
body#P_Innovationen3 #sidebar1 li#side3,
body#P_Innovationen4 #sidebar1 li#side4,
body#P_Innovationen5 #sidebar1 li#side5,
body#P_Technik1 #sidebar1 li#side1, 
body#P_Technik2 #sidebar1 li#side2, 
body#P_Technik3 #sidebar1 li#side3, 
body#P_Technik4 #sidebar1 li#side4,
body#P_Kunden1 #sidebar1 li#side1, 
body#P_Kunden2 #sidebar1 li#side2, 
body#P_Kunden3 #sidebar1 li#side3,
body#P_Kontakt1 #sidebar1 li#side1, 
body#P_Kontakt2 #sidebar1 li#side2, 
body#P_Kontakt3 #sidebar2 li#side3
{
	background: transparent url(../img/navi/sidenaviBG.jpg) no-repeat;
    background-position: center left;
    outline:none;
    
}

img#logo
{
	margin: 1.65625em 0 0 .25em;
}


#sidebar h2
{
		margin: 0 1em;
}

#sidebar p
{
		margin: 0 1em;
}

#sidebar img
{
		margin: 0 .5em;
}

.right25
{
	padding-left: 3em;
}

.right15
{
	padding-left: 1.5em;
}

#kalk
{
	margin: 0;
	padding: 0;
}

.imgCenter
{
	margin-left: 7em;
}

.img2
{
	margin-left: 2em;
}
div.multiupload{
	float:left;
	padding:3px;
}
div.multiupload div.list{
	float: none;
	clear: both;
}
div.multiupload div.list div.item{
	margin:1px;
}

div.multiupload div.list img{
	float:left;
	margin: 3px;
	cursor:pointer;
}

.anfahrt{
	width: 330px;
		
	
}
.anfahrt legend{
	margin: 0.2em 0.5em;
  	padding: 0.2em 0.5em;
	}
td
{
	font-size: .688em;
	padding-left: 20px;	
}