/* H A C K S */

a img { border-width: 0px;} /* FF A-img Umrandung */
a:active, a:focus { -moz-outline-style: none; }
div#hpnews { *display: inline-block; } /* Variation des Holly Hack */



 /*88888ba   88888888888  ,ad8888ba,  888888888888  88    ,ad8888ba,    888b      88   ad88888ba   
d8"     "8b  88          d8"'    `"8b      88       88   d8"'    `"8b   8888b     88  d8"     "8b  
Y8,          88         d8'                88       88  d8'        `8b  88 `8b    88  Y8,          
`Y8aaaaa,    88aaaaa    88                 88       88  88          88  88  `8b   88  `Y8aaaaa,    
  `"""""8b,  88"""""    88                 88       88  88          88  88   `8b  88    `"""""8b,  
        `8b  88         Y8,                88       88  Y8,        ,8P  88    `8b 88          `8b  
Y8a     a8P  88          Y8a.    .a8P      88       88   Y8a.    .a8P   88     `8888  Y8a     a8P  
 "Y88888P"   88888888888  `"Y8888Y"'       88       88    `"Y8888Y"'    88      `888   "Y88888*/

body, html {
	margin: 0px;
	padding: 0px;
	background: #fff; }

/* aka 'Seite' oder 'Alles' = Hintergrundbilder hier anhängen */
div#bodyContent { 
	display: block;
	margin: 0px; 
	padding: 0px;}

div#navSection {
	display: none; 
	top: 0px;
	width: 100%;
	min-width: 920px;
	background: url(../i/navi-bg-dither.gif) repeat-x; 
	background-color: #0D0D0C; }
	
div#contentSection, div#headerSection {
	width: 100%;
	min-width: 920px; }
	
div#navHead, div#headerBody { 
	overflow: hidden;
	width: 880px;
	height: 170px;
	margin: 0px auto;
	padding-top: 50px; }

div#footerSection {
	width: 880px;
	margin: 40px auto; }

#slideBox	{
	width:880px;
    height:280px;
    position:relative;
    background-color: #fff; }

#slideBox div.slide { 
    width:880px; 
    height:280px; 
    display:block; 
    position:absolute; 
    top:0;
    left:0;
    z-index:1; }

 /* CASES CONTAINER  */
div#navContent { 
	overflow: hidden;
	width: 880px;
	height: 540px;
	margin: 0px auto; }

/* CASES RUTSCHE - Versatz entsprechend div.navThumb {	height: 150px; } */
div#navContentSlider {
	zoom: 1; } /* IE < 8 fix */

	
div#contentBody {
	width: 880px;
	margin: 0px auto; }
	
div.clr {
	width: 100%;
	height: 1px;
	clear: both;}
	
div.clr40 {
	width: 100%;
	height: 40px;
	clear: both;}

div.clr30Line {
	padding: 0px;
	margin-bottom: 35px;
	border-top: 20px solid white;
	width: 880px;
	height: 1px;
	background-color: #ccc;
	display: block;
	clear: both; }

	
/*  88888888888   ad8888ba,  
88  88           8P'    "Y8  
88  88          d8           
88  88aaaaa     88,dd888bb,  
88  88"""""     88P'    `8b  
88  88          88       d8  
88  88          88a     a8P  
88  88888888888  "Y88888P"   

W R A P P E R ' S   D E L I G H T  */

div.textColDetails, 	
div.textColMain { 
	float: left;
	display: block;
	width: 440px;  }

div.imageColumn {
	float: left;
	display: block;
	width: 440px; }
	
div#contentBody div.textColDetails p {
	width: 200px;
	padding: 0 20px 0 0;
	float: left; }
	
div#contentBody p, 
div#contentBody h6 { 
	margin: 0 0 1.33em 0; }

div#footerSection { clear: both; }



/*888888888  88           ,ad8888ba,         db    888888888888  
88           88          d8"'    `"8b       d88b        88       
88           88         d8'        `8b     d8'`8b       88       
88aaaaa      88         88          88    d8'  `8b      88       
88"""""      88         88          88   d8YaaaaY8b     88       
88           88         Y8,        ,8P  d8""""""""8b    88       
88           88          Y8a.    .a8P  d8'        `8b   88       
88           88888888888  `"Y8888Y"'  d8'          `8b  */

div#navHead h1, div#headerBody h1 {
	float: left;
	width: 440px;
	padding: 0;
	margin: 0; }

div#navHead h2, div#headerBody h2 {
	float: left;
	width: 220px;
	padding: 0;
	margin: 0; }

div#navHead h3, div#headerBody h3 {
	float: right;
	padding: 0;
	margin: 0; }
	
div#navSorter, div#headerBody h4 {
	float: left;
	display: block;
	width: 440px;
	/* padding-left: 440px; */
	padding-top: 0px;
	margin: 0;
	}
	
div#navHead h2, div#headerBody h2, div#navHead h3, div#headerBody h3 { 
	height: 80px;
	}
	
div#navHead h1, div#headerBody h1 { 
	height: 126px;
	}
	
div.navThumb {
	display: block;
	float: left;
	width: 220px;
	height: 180px; }
	
div#hpnews {
	overflow: auto;
	display: block;
	width: 880px;
	margin: 0;
	padding-top: 50px;
	padding-bottom: 20px; }
	
div#contentBody div#hpnews p {
	padding: 0 30px 0 0;
	margin: 0;
	float: left; 
	display: block; 
	width: 190px; }
	
img.thumb { 
	display: block;
	float: left;
	margin: 0 20px 20px 0; }


/*888888888  ,ad8888ba,    888b      88  888888888888  ad88888ba   
88          d8"'    `"8b   8888b     88       88      d8"     "8b  
88         d8'        `8b  88 `8b    88       88      Y8,          
88aaaaa    88          88  88  `8b   88       88      `Y8aaaaa,    
88"""""    88          88  88   `8b  88       88        `"""""8b,  
88         Y8,        ,8P  88    `8b 88       88              `8b  
88          Y8a.    .a8P   88     `8888       88      Y8a     a8P  
88           `"Y8888Y"'    88      `888       88       "Y88888P"   
                                                                                                                                         
  ,ad8888ba,    ,ad8888ba,    88           ,ad8888ba,    88888888ba   
 d8"'    `"8b  d8"'    `"8b   88          d8"'    `"8b   88      "8b  
d8'           d8'        `8b  88         d8'        `8b  88      ,8P  
88            88          88  88         88          88  88aaaaaa8P'  
88            88          88  88         88          88  88""""88'    
Y8,           Y8,        ,8P  88         Y8,        ,8P  88    `8b    
 Y8a.    .a8P  Y8a.    .a8P   88          Y8a.    .a8P   88     `8b   
  `"Y8888Y"'    `"Y8888Y"'    88888888888  `"Y8888Y"'    88      `*/


body {
	font-size: .9375em;
	line-height: 1.35em;
	font-family: HelveticaNeue, Arial, Helvetica, sans-serif;
	text-rendering: optimizelegibility;
	color: #888; }
	
a { text-decoration: none; color: #2fd6ff; }
a:hover { color: #000; }

h1, h2, h3, h3.left, h4 {
	font-size: 1.24em;
	font-weight: normal;
	font-family: HelveticaNeue-Light, HelveticaNeue, Arial, Helvetica, sans-serif; }

div#navHead div#navSorter a { font-size: 1.15em;}

h1 a {font-weight: bold; }

div#contentBody h6 { font-weight: normal; }


div#hpnews p, 
div#contentBody div.textColDetails p, 
div#footerSection,
div.captionwide p {
	font-size: .875em; 
	line-height: 1.25em; }
	
div.captionwide ul {
	font-size: .875em; 
	line-height: 1.25em;
	margin: 0px 0px 1.0em 0px;
	padding: 0px 0px 0px 1.25em; }
	
div.captionwide ul li {
	margin: 0px 0px 0.33em 0px; }


div.navThumb {
	font-size: .8125em;
	line-height: 1.25em;}

div#contentBody h5, 
div#contentBody h6 {
	color: #000;
	margin: 0;
	font-size: 1em;
	line-height: 1.35em; }
	
	
/* Font Color */
div#navSection { -webkit-font-smoothing: antialiased;}

h3.left, 
h4 strong, 
div#hpnews p strong, 
div#hpnews p a:hover, 
div#headerBody h1 a, 
div#contentBody div.textColDetails p strong,
div#headerBody h3 a:hover,
div.captionwide p strong, 
div.xlargeBody p strong { 
	color: #000; }

div#navHead h2 a, 
div#navHead div#navSorter a { 
	color: #888; }
	
div#headerBody h1 a:hover, 
div#navHead h1 a:hover, 
div#navHead h2 a:hover, 
div#navHead h2 a.hier:hover, 
div#navHead div#navSorter a:hover, 
div#navHead div#navSorter a.hier:hover,
div#navHead h1 div#basics a:hover  { 
	color: #2fd6ff; }

div#navHead h1 a, 
div#navHead h2 a.hier { 
	color: #fff; font-weight: bold; }
	
div#navHead h3 a:hover, 
div#navContent div#navContentSlider div a:hover, 
div#navHead div#navSorter a.hier { 
	color: #fff; }

div.navThumb, div#navSorter { color: #555; }
div.navThumb a { color: #999; font-weight: bold; }

div#headerBody h2 {color: #ccc;}




/*888888888  8b        d8  888888888888  88888888ba          db         
88            Y8,    ,8P        88       88      "8b        d88b        
88             `8b  d8'         88       88      ,8P       d8'`8b       
88aaaaa          Y88P           88       88aaaaaa8P'      d8'  `8b      
88"""""          d88b           88       88""""88'       d8YaaaaY8b     
88             ,8P  Y8,         88       88    `8b      d8""""""""8b    
88            d8'    `8b        88       88     `8b    d8'        `8b   
88888888888  8P        Y8       88       88      `8b  d8'          `*/


img.case {
	-webkit-box-shadow: 0px 3px 6px #999;
	   -moz-box-shadow: 0px 3px 6px #999;
	        box-shadow: 0px 3px 6px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#999999'); }

div.imageColumn img { margin-top: 6px; }

div.imageColumn div.rbbox img { margin-top: 0px; }

.hpbg { background: url(../i-hp/hp-teaserbg.gif) center 0px no-repeat; }

div#hpnews p em { color: #ccc; font-style: normal; }

div#hpnews p a { color: #666; text-decoration: underline;}

div#navHead h1 div#basics a { 
	display: block;
	float: left;
	width: 220px;
	font-weight: normal; 
	color: #888; }

div#navHead div#navSorter a { margin-right: 0.1em }

div#footerSection a { margin-right: 5px; }

h3.left { margin: 0 0 1em 0;}

div.xlargeBody p {
/* 	color: #444; */
	font-family: HelveticaNeue-Light, "Helvetica Neue", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	font-weight: 300;
	/* letter-spacing: 0.03em; */
	font-weight: normal;
	font-size: 1.24em;
	line-height: 1.25em;
	}
	
/* MAIL-LINK Form und Ersatzbubble */

a.mail {
	color: #2fd6ff;
	text-decoration: none; }

a.mail:hover {	
	color: #000;
	text-decoration: none; }
	
div.bubble {
	background-color: transparent;
	background-image: url(../i/mailto-bubble.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	width: 283px;
	height: 199px;
	z-index: 1000; 
	/* der IE6-png-hack findet an ort und stelle im div statt. */
	}
	
::-moz-selection { 
	background: #2fd6ff; 
	color:#fff; 
	text-shadow: none; }
	
::selection { 
	background: #2fd6ff;
	color:#fff; 
	text-shadow: none; }	
	
/*8b      88         db   8b           d8  88  
8888b     88        d88b  `8b         d8'  88  
88 `8b    88       d8'`8b  `8b       d8'   88  
88  `8b   88      d8'  `8b  `8b     d8'    88  
88   `8b  88     d8YaaaaY8b  `8b   d8'     88  
88    `8b 88    d8""""""""8b  `8b d8'      88  
88     `8888   d8'        `8b  `888'       88  
88      `888  d8'          `8b  `8'        */

/* Navi Hover erweitert */

div#navContent div#navContentSlider div a:hover img {
	opacity: 0.5; 
	-moz-opacity: 0.5; }

/* N  A V I - I C O N S   U N D   A W A R D - L O G O S */

a.navBack, a.noBack, a.navNext {
	display: inline-block;
	width: 26px;
	height: 20px;
	vertical-align: text-bottom;
	background-image: url(../i/sitemap-arrows.gif);
	background-color: transparent;
	background-repeat: no-repeat; }
	
a.noBack			{ background-position: -26px 	0px		; }
a.navBack			{ background-position: -26px 	-20px	; }
a.navBack:hover 	{ background-position: -26px 	-40px	; }
a.navNext 			{ background-position: -52px 	-20px	; }
a.navNext:hover 	{ background-position: -52px 	-40px	; }

a span.smx { 
	display: inline-block;
	width: 56px;
	height: 20px;
	vertical-align: text-bottom;
	background-image: url(../i/sitemap-arrows.gif);
	background-color: transparent;
	background-repeat: no-repeat; 
	background-position: 30px -20px; }
	
a:hover span.smx { 
	background-position: 30px -40px; }


span.datum { margin-left: 5px; }
span.datum, span.branche, span.kategorie, span.umfang { margin-right: 5px; }


span.navAward {
	display: inline-block; 
	border: none;
	width: 20px;
	height: 12px;
	padding: 0;
	margin: 0 4px 0 0px;
	background-image: url(../i/awards-micro.gif);
	background-color: transparent;
	background-repeat: no-repeat; }

.noaw 		{ background-position: 0px 	0px		; }
.reddot 	{ background-position: 0px 	-30px	; }
.iF 		{ background-position: 0px 	-60px	; }
.bob 		{ background-position: 0px 	-90px	; }
.ddc 		{ background-position: 0px 	-120px	; }
.book 		{ background-position: 0px 	-150px	; }
.met 		{ background-position: 0px 	-180px	; }
.dpbrd 		{ background-position: -30px 0px	; }
.jdw		{ background-position: -30px -30px	; }
.adc 		{ background-position: -30px -60px	; }
.dtmus		{ background-position: -30px -90px	; }
.chic		{ background-position: -30px -120px	; }
.dznrw		{ background-position: -30px -150px	; }
.euprix		{ background-position: -30px -180px	; }
.sijth		{ background-position: 0px 	 -210px	; }


span.caseAward {
	display: inline-block; 
	width: 60px;
	height: 60px;
	padding: 0;
	margin: 0;
	background-image: url(../i/awards-case.gif);
	background-color: transparent;
	background-repeat: no-repeat; }
	
.cnoaw 		{ background-position: -240px 	-120px	; }
.creddot 	{ background-position: -60px 	0px		; }
.ciF 		{ background-position: 0px 		0px		; }
.cbob 		{ background-position: -120px 	-60px	; }
.cddc 		{ background-position: -60px 	-60px	; }
.cbook 		{ background-position: -240px 	-60px	; }
.cmet 		{ background-position: -120px	-120px	; }
.cdpbrd 	{ background-position: -120px	0px		; }
.cjdw		{ background-position: -240px 	0px		; }
.cadc 		{ background-position: -180px	0px		; }
.cdtmus		{ background-position: -180px	 -60px	; }
.cchic		{ background-position: 0px		-60px	; }
.cdznrw		{ background-position: 0px 		-120px	; }
.ceuprix	{ background-position: -60px	 -120px	; }
.csijth		{ background-position: -180px	 -120px	; }


/* ASCII-Art courtesy of http://patorjk.com/software/taag/ */