@import "powermail.css";

@charset "utf-8";

/*----------------------------------------------------
//      Website: deikon.de
// Creaded Date: 21.09.2009
//   Created By: Fidel Seehawer
/----------------------------------------------------*/

/*------------ Standard CSS --------------------------*/

html[xmlns^="http"] {
	overflow-y:scroll;
}

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

body {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background:url(../images/bg.gif);
}

a { position:relative; }

/*------------ end of Standard CSS -------------------*/
/*------------ container -----------------------------*/

div#container {
	margin:10px auto;
	width:990px;
}

/*------------ header --------------------------------*/

div#header {
	height:368px;
}

/*------------ topBackground --------------------------*/

div#topBackground {
	height:30px;
	background:url(../images/bg-topBackground.png) no-repeat;
	overflow:hidden;
}

div#searchBox {
	float:left;
	height:19px;
	padding:11px 0 0 15px;
}

input#Suche {
	font-size:11px;
	color:#666;
	width:85px;
	height:14px;
	background:url(../images/bg-suche.gif) #ecebe8;
}

div#metaNav {
	float:right;
	height:30px;
}

div#metaNav ul {
	list-style:none;
	padding-right:15px;
}

div#metaNav ul li {
	float:left;
	height:30px;
	padding:11px 20px 0 0;
}

div#metaNav ul li a {
	text-decoration:none;
	color:#666;
}

div#metaNav ul li a:hover {
	color:#9fc800;
}

/*------------ end of topBackground --------------------*/
/*------------ middleBackground ------------------------*/

div#middleBackground {
	background:url(../images/bg-middleBackground.png) repeat-y;
}

div#imageBox {
	width:962px;
	height:338px;
	margin:0 0 0 14px;
}

/*------------ background images in imageBox ------------*/


/*------------ end of background images in imageBox -----*/

div#infoBox {
	margin:112px 0 0 0;
	padding:12px 22px;
	float:right;
	width:331px;
	height:119px;
	background:url(../images/bg-infoBox.png);
	visibility:hidden;
}

div#infoBox h2 {
	display:block;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	width:331px;
	padding:0 0 5px 0;
	background:url(../images/dottedLine.gif) repeat-x left bottom;
	visibility:hidden;
}

div#infoBox p {
	margin:12px 0;
	line-height:15px;
	visibility:hidden;
}

div#infoBox p.mehr {
	margin:12px 0;
	line-height:15px;
	text-align:right;
	visibility:hidden;
}

div#infoBox a {
	font-weight:bold;
	text-decoration:none;
	color:#9fc800;
	visibility:hidden;
}

div#infoBox a:hover {
	color:#666;
	visibility:hidden;
}

div#logo {
	margin:255px 0 0 -8px;
	float:left;
	width:257px;
	height:83px;
	background:url(../images/deikon_logo.gif) no-repeat;
	text-indent:-2000px;
}

/*------------ end of middleBackground -----------------*/
/*------------ end of header ---------------------------*/
/*------------ nav -------------------------------------*/

div#nav {
	height:47px;
	background:url(../images/bg-middleBackground.png) repeat-y;
	overflow:hidden;
}

div#nav ul {
	list-style:none;
	margin:0 6px;
	height:47px;
	background:url(../images/bg-nav.gif) repeat-x;
}

div#nav ul li.firstCol {
	float:left;
	height:47px;
	width:257px;
	background:url(../images/bg-firstCol.gif) no-repeat;
}

div#nav ul li {
	float:left;
	height:47px;
/*	width:20px;*/
	padding:2px 1px 0 0;
	background:url(../images/bg_nav_a.gif) repeat-y top right;
}

div#nav ul li.lastCol {
	background:none;
}

div#nav ul li a {
	text-decoration:none;
	display:block;
	color:#4c4c4c;
	height:45px;
	line-height:45px;
	padding:0 18px;
}

div#nav ul li a:hover,
div#nav ul li a.active {
	background:url(../images/bg_nav_a_active.gif) repeat-x;
}

/*------------ end of nav ------------------------------*/
/*------------ contentContainer ------------------------*/

div#contentContainer {
	background:url(../images/bg-middleBackground.png) repeat-y;
	padding:0 6px;
}

div#content {
	width:978px;
	min-height:200px;
	background:url(../images/bg-content.gif) repeat-x;
}

div.column {
	float:left;
	width:268px;
	min-height:250px;
	margin:14px 0 0 11px;
	padding:40px 0 50px 40px;
	background:url(../images/bg-columns.png) no-repeat;
}

div.column ul {
	margin:12px 0;
	list-style:none;
}

div.column ul li {
	line-height:15px;
}

div#content h1 {
	font-size:24px;
	font-weight:normal;
	color:#9fc800;
}

div#content p {
	margin:14px 0;
	line-height:16px;
}

div#content h2 {
	display:block;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	width:268px;
	color:#666;
	padding:0 0 5px 0;
	background:url(../images/dottedLine.gif) repeat-x left bottom;
}      

div#content a {
	text-decoration:none;
	color:#9fc800;
}

div#content a:hover {
	color:#000;
}

div#content p.mehr {
	text-align:right;
}

div#content p.mehr a {
	font-weight:bold;
}

/*------------ unternehmen page ------------------------*/

div#subNav {
	float:left;	
	width:227px;
	padding:25px 0 50px 30px;
}

div#subNav ul {
	list-style:none;
	border-top:2px solid #9fc800;
	width:175px;
}

div#subNav ul li {
	width:175px;
	padding-bottom:1px;
	background:url(../images/dottedLine.gif) repeat-x bottom left;
}

div#subNav ul li a {
	display:block;
	color:#333;
	text-decoration:none;
	text-indent:5px;
	line-height:24px;
}

div#subNav ul li a:hover, div#subNav ul li a.active {
	color:#000;
	background:#eaeae6;
}

div#subContent {
	float:left;
	padding:30px 0 40px 0;
	width:700px;
}

div#subContent h3 {
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	color:#666;
}

div.textColumn {
	float:left;
	width:315px;
	padding-right:35px;
}

div.subTextColumn {
	float:left;
	width:450px;
	padding-right:5px;
	overflow:hidden;
}

div.sidebarColumn {
	float:left;
	width:200px;
	min-height:160px;
	margin:0;
	padding:40px 0 0 40px;
	background:url(../images/bg-column.png) no-repeat;
	overflow:hidden;
}

div.sidebarColumn h2 {
	width:200px!important;
}  

/*------------ end of unternehmen page -----------------*/

/* clearfix */

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
 
.clearfix {
	display:inline-block;
}
 
html[xmlns] .clearfix {
	display:block;
}
 
* html .clearfix {
	height:1%;
}

/*------------ end of contentContainer------------------*/
/*------------ footer ----------------------------------*/

div#footer {
	padding:6px 30px 0 30px;
	height:25px;
	background:url(../images/bg-footer.png) no-repeat;
}

div#copy {
	color:#666;
	float:left;
	height:25px;
}

div#navAdd {
	float:right;
	height:25px;
}

div#navAdd ul {
	list-style:none;
}

div#navAdd ul li {
	float:left;
	height:25px;
	padding-left:25px;
}

div#navAdd ul li a {
	color:#666;
	text-decoration:none;
}

div#navAdd ul li a:hover {
	color:#9fc800;
	text-decoration:none;
}

/*------------ end of footer ---------------------------*/

/*------------ table ----------------------------------*/

.table-zweispaltig-1 .td-0 {
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  padding: 0 20px 10px 0;
}

.table-zweispaltig-1 .td-1 {
  text-align: right;
  vertical-align: top;
  padding: 0;
}

.table-dreispaltig-1 .td-0 {
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  padding: 0 10px 10px 0;
}

.table-dreispaltig-1 .td-1 {
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  padding: 0 20px 10px 0;
}

.table-dreispaltig-1 .td-2 {
  text-align: right;
  vertical-align: top;
  padding: 0;
}

/*------------ end of table ---------------------------*/


/*------------ end of container ------------------------*/