/* CSS Document */
/*
Theme Name: DEK
Theme URI: http://www.dek.de/
Description: Internetauftritt
Version: 1.0
Author: Fabian Niemann

http://www.newmediamen.de
Stand: 10. Juli 2010

*/

/* Allgemein
----------------------------------------------------------------------------*/
* {
	border:0px;
}

body {
	overflow:hidden; 		
	padding:0;
	margin:0;		
	height:100%;
	width:100%;
}

#bgimg {
	position:absolute;
	z-index: -1;
}

#content{
	position:absolute;
	z-index: 5;				
	overflow:auto; 			
	height:100%;
	width:100%;	
}

a:link {color:#47221d; outline:0; }
a:visited {color:#47221d; outline:0; }
a:hover {color:#ff3300; outline:0; }
a:active {color:#ff3300; outline:0;}


/* Klassen
----------------------------------------------------------------------------*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #d3c8b6;
}

.jScrollPaneDrag {
	position: absolute;
	background: #ff3300;
	cursor: pointer;
	overflow: hidden;
}

.fusszeileSprache {
	float:right;
	top:11px;
	position:relative;
	color:#7f6358;
	margin-right:10px;
}

/*IE7 only*/
*+html .fusszeileSprache { 
	right:0px;
	top:11px;
	position:absolute;
	color:#7f6358;
	margin-right:10px;
}
/*IE7 only*/

.fusszeileNavi {
	word-spacing:40px;
	margin-left:252px;
	bottom:13px;
	position:relative;
	color:#7f6358;
}

.fusszeileText {
	bottom:13px;
	position:relative;
	color:#7f6358;
	margin-left:10px;
}

.changeItem {
	list-style:none;
	float:left;
}

#changeImage {
	margin-left:-40px;
}

.changeItemField {
	width:23px;
	height:23px;
	margin-right:10px;
}

.theLabel {
	display:none;
	z-index:99; 
	position:absolute;
}

.checkbox {
	background-position:top;
}

.checkboxclear
{
	background-position:bottom;
}

.checkbox, .checkboxclear
{
	background:	transparent url('../_img/checkbox.png') no-repeat;
    display: inline-block;
    float: left;
    width: 24px;
    height: 21px;
    padding: 0px;
    margin: 0px;
	cursor:pointer;
    cursor: hand;
}

.formBlock {
	width:357px;
	height:210px;
	margin-bottom:6px;
}

.formNone {
	width:358px;
	height:22px;
	margin-bottom:8px;
}

.formLong {
	width:358px;
	height:20px;
	margin-bottom:8px;
}

.formShort {
	width:100px;
	height:20px;
	margin-bottom:8px;
}

.formMiddle {
	width:248px;
	height:20px;
	margin-bottom:8px;
	margin-left:4px;
	
}

@-moz-document url-prefix() { .formMiddle { margin-left:7px } } 

.formMiddleLeft {
	width:174px;
	height:20px;
	margin-bottom:8px;
}

.formMiddleRight {
	width:174px;
	height:20px;
	margin-bottom:8px;
	margin-left:4px;
}

@-moz-document url-prefix() { .formMiddleRight { margin-left:7px } } 

.formTextLeft {
	width:178px;
	margin-bottom:8px;
	float:left;
}

.formTextRight {
	width:178px;
	margin-bottom:8px;
	margin-left:4px;
	float:left;
}

.formCheckbox {
	height: 21px;
	width: 22px;
	background: url("../_img/formCheckbox.png") no-repeat;
	cursor: default;
	float:right;
	clear:right;
}

.formCheckbox input {
	display: none;
}

.formCheckbox input.show {
	display: inline;
}

.formRadio {
	height: 25px;
	width: 24px;
	background: url("../_img/formRadio.png") no-repeat;
	cursor: default;
	float:right;
	clear:right;
}

.formRadio input {
	display: none;
}

.formRadio input.show {
	display: inline;
}

#formRequired {
	color:#ff3300;
}


/* Typo
----------------------------------------------------------------------------*/
* {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#47221d;
	text-decoration:none;
}

h1 {
	color:#ff3300;
	font-weight:normal;
	margin-bottom:30px;
}

.newsHead {	
	font-size:32px;
	font-family:Times, serif;
	font-weight:normal;
}

.newsSub {	
	font-size:18px;
	font-family:Times, serif;
	font-weight:normal;
}

.fliesstext {
	line-height:21px;
}

/* Navigation
----------------------------------------------------------------------------*/
#menuMain {
	width:670px;
}

#menuMain ul	{
	list-style: none;
	margin-left:-20px;
}

#menuMain ul li	{
	margin: 0 0 0 0px;
	list-style-type:none;
	position:relative;
	float: left;
}

#menuMain ul li a	{
	text-indent: -10000em;
	height:21px;
	width:177px;
	display:block;
}

#menuMain ul a.inaktiv	{
	background-position:bottom center;
}

a#nav1 {
	background:	transparent url('../_img/menu_unternehmen.png') top center no-repeat;
	font-size:9px;
}

a#nav1:hover {
	background:	transparent url('../_img/menu_unternehmen.png') bottom center no-repeat;
}

a#nav2 {
	background:	transparent url('../_img/menu_produkte.png') center top no-repeat;
	font-size:9px;
}

a#nav2:hover {
	background:	transparent url('../_img/menu_produkte.png') bottom center no-repeat;
}

a#nav3 {
	background:	transparent url('../_img/menu_qualitat.png') top center no-repeat;
	font-size:9px;
	margin-left:-25px;
}

a#nav3:hover {
	background:	transparent url('../_img/menu_qualitat.png') bottom center no-repeat;
	margin-left:-25px;
}

a#nav4 {
	background:	transparent url('../_img/menu_kontakt.png') top center no-repeat;
	font-size:9px;
	margin-left:-35px;
}

a#nav4:hover {
	background:	transparent url('../_img/menu_kontakt.png') bottom center no-repeat;
	margin-left:-35px;
}

#menuSub {
	width:560px;
	font-weight:bold;
	float:left;
}

#menuSub a, #menuSub span {
	margin-right:40px;
}

.menuSubUnternehmen {
	margin:10px 0px 0px 20px;
}

.menuSubProdukte {
	margin:10px 0px 0px 225px;
}

.menuSubKontakt {
	margin:10px 0px 0px 528px;
}

a#subnav:link {color:#ad9999;}
a#subnav:visited {color:#ad9999;}
a#subnav:hover {color:#ff3300;}
a#subnav:active {color:#ff3300;}

a#fussnav:link {color:#7f6358;}
a#fussnav:visited {color:#7f6358;}
a#fussnav:hover {color:#ff3300}
a#fussnav:active {color:#ff3300;}

a#fussnavSmall:link {color:#7f6358;font-size:9px;margin-right:30px;}
a#fussnavSmall:visited {color:#7f6358;font-size:9px;margin-right:30px;}
a#fussnavSmall:hover {color:#ff3300;font-size:9px;margin-right:30px;}
a#fussnavSmall:active {color:#ff3300;font-size:9px;margin-right:30px;}

.inaktiv {
	color:#ff3300;
}

.inaktivSmall {
	font-size:9px;
	color:#ff3300;
	margin-right:30px;
}

.produkteSubnav {
	margin-left:20px;
}

.kontaktSubnav {
	margin-left:20px;
	line-height:12px;
}

#navLoeschen {
	text-indent: -10000em;
	height:20px;
	width:10px;
	margin-right:10px;
	margin-top:-3px;
	float:left;
}

a#navLoeschen {
	background:	transparent url('../_img/pfeil_loeschen.png') top center no-repeat;
}

a#navLoeschen:hover {
	background:	transparent url('../_img/pfeil_loeschen.png') bottom center no-repeat;
}

#navForm {
	text-indent: -10000em;
	height:20px;
	width:10px;
	margin-right:10px;
	margin-top:-3px;
	float:left;
}

a#navForm {
	background:	transparent url('../_img/pfeil_formular.png') top center no-repeat;
}

a#navForm:hover {
	background:	transparent url('../_img/pfeil_formular.png') bottom center no-repeat;
}

#navDrucken {
	text-indent: -10000em;
	height:10px;
	width:20px;
	margin-right:10px;
	margin-top:3px;
	float:right;
}

a#navDrucken {
	background:	transparent url('../_img/pfeil_drucken.png') top left no-repeat;
}

a#navDrucken:hover {
	background:	transparent url('../_img/pfeil_drucken.png') top right no-repeat;
}


/* Positionierung
----------------------------------------------------------------------------*/
#shadow {
	z-index:10;
	background:url(../_img/schatten.png);
	width:1106px;
	height:696px;
	left:50%;
	top:50%;
	margin-top:-334px;
	margin-left:-548px;
	position: absolute;
}

#background {
	z-index:20;			
	background:#FFFFFF;
	width:994px;
	height:585px;
	left:50%;
	top:50%;
	margin-top:-292px;
	margin-left:-497px;
	position: absolute;
}

#inhalt {
	z-index:22;			
	width:994px;
	height:585px;
	left:50%;
	top:50%;
	margin-top:-292px;
	margin-left:-497px;
	position: absolute;
}

#welle {
	width: 976px;
	height: 125px;
	clear: both;
	margin:9px 0px 0px 9px;
}

#willkommen {
	width: 976px;
	height: 440px;
	margin:65px 0px 0px 90px;
}

#willkommen img {
	margin:0px 0px 0px 9px;
}

#news {
	width: 785px;
	height: 440px;
	margin:50px 0px 0px 200px;
}

#newsEntry {
	width: 605px;
	font-family:Times, serif;
	float:left;
	margin-bottom:50px;
	float:left;
}

#onlinebewerbung {
	width: 776px;
	height: 340px;
	overflow:auto;
}

#stellenanzeige {
	width: 365px;
	height: 340px;
	padding-right:410px;
	overflow:auto;
}

#impressum {
	width: 785px;
	height: 340px;
	padding-left:200px;
	overflow:auto;
}

#scrolltSubnav {
	margin-left:20px;
	width:140px;
	height:255px;
	line-height:12px;
	overflow:auto;
}

#imageEntry {
	width: 180px;
	float:left;
}

#inhaltContainer {
	width: 976px;
	height: 440px;
	margin:50px 0px 0px 0px;
}

/* Unternehmen */
#spalte1 {
	width:200px;
	margin-top:50px;
	float:left;
}

#spalte2 {
	width:365px;
	float:left;
}

#spalte3 {
	width:365px;
	height:250px;
	margin:55px 0px 0px 20px;
	float:left;
}

/* Produkte */
#spalte4 {
	width:180px;
	margin-left:30px;
	font-weight:bold;
	line-height:21px;
	float:left;
	clear:both;
}


#spalte5 {
	width:440px;
	float:left;
}

#spalte6 {
	width:310px;
	margin-top:40px;
	line-height:21px;
	float:left;
}

/* Kontakt */
#spalte7 {
	width:360px;
	padding-right:20px;
	margin-top:-50px;
	float:left;
}

/* Onlinebewerbung */
#spalte8 {
	width:170px;
	margin-left:30px;
	font-weight:bold;
	line-height:21px;
	float:left;
}

#spalte9 {
	width:360px;
	padding-right:16px;
	margin-left:4px;
	float:left;
}


#zeile1 {
	margin-left:50px;
	bottom:30px;
	width: 926px;
	float:left;
	position:absolute;
}



#kopfzeile {
	top:0px;
	position:absolute;	
}

/*IE7 only*/
*+html #kopfzeile { 
	top:10px;
	left:20px;
	position:absolute;	
}
/*IE7 only*/

#navigation {
	width:840px;
	float:left;
	margin:9px 0px 0px 9px;
}

#logo {
	float:right;
	margin:15px 10px 0px 0px;
}

/*IE7 only*/
*+html #logo {
	right:-110px;
	position:absolute;
}
/*IE7 only*/

#fusszeile {
	z-index:100;
	background: #ffffff;
 	float: left;
	width: 100%;
	height:37px;
	position:fixed;
	bottom: 0px;
}

#fusszeileBack {
	background: url('../_img/schatten_fusszeile.png') bottom left repeat-x;
	height:35px;
	width: 100%;
	bottom:37px;
	position:fixed;
}

/*IE7 only*/
*+html #fusszeile {
	position:fixed;
}

*+html #fusszeileBack {
	position:fixed;
}
/*IE7 only*/

#fusszeileContent {
	z-index:102;
	width:994px;
	height:37px;
	font-weight:bold;
	left:50%;
	margin-left:-497px;
	position:fixed;
	bottom:0px;
}