﻿@charset "utf-8";
/*
	home.css
	DD+V Mediengruppe
	kubasch@webit.de
	10. Dezember 2009 - 11:04 Uhr
	Version: 1.0

	Table of Contents
		- Reset & Basic Setup
		- Layout

/*______________________________ Reset & Basic Setup */
* {
	margin:0;
	padding:0;
	}
body {
	background-color:#F4F2F3;
	color:#6E7475;
	font:small Arial;
	}
h1 {
	color:#FFF;
	font:290% "Times New Roman";
	}
li {
	list-style:none;
	}
a {
	outline:none;
	text-decoration:none;
	}
img,
a img {
	border:none;
	display:block;
	}
p#skiplinks {
	left:-3000px;
	position:absolute;
	top:0;
	z-index:10;
	}
	p#skiplinks a:active,
	p#skiplinks a:focus {
		background-color:#FFF;
		border:1px dotted #000;
		color:#6E7475;
		display:block;
		font-size:12px;
		font-weight:bold;
		left:3021px;
		line-height:20px;
		padding:0 4px;
		position:absolute;
		text-align:center;
		text-decoration:none;
		top:45px;
		white-space:nowrap;
		}
div#outer-wrapper {
	background:transparent url(../img/bas/border_r.gif) repeat-y right top;
	background-color:#FFF;
	margin:0 auto 1.5em;
	padding-right:8px;
	position:relative;
	width:986px;
	}
div#second-outer-wrapper {
	background:transparent url(../img/bas/border_l.png) repeat-y left top;
	padding-left:6px;
	}
div#header {
	border-bottom:10px solid #E1DFDF;
	border-top:15px solid #FFF;
	}
	div#header p#logo {
		width:18em;
		}
ul#meta-navi {
	float:right;
	font-size:85%;
	margin-right:.8em;
	}
	ul#meta-navi li {
		float:left;
		}
		ul#meta-navi a:hover,
		ul#meta-navi a:active,
		ul#meta-navi a:focus {
			text-decoration:underline;
			}
			ul#meta-navi li a,ul#meta-navi li em {
				color:#68B022;
				font-style:normal;
				padding:0 9px;
				}
div#inner-wrapper {
	border:2px solid #FFF;
	border-width:2px 0;
	position:relative;
	overflow:hidden;
	}
	img#bg_img {
		width:75.38em;
		padding: 0;
		}
		div#slogan {
			position:absolute;
			top:12.3em;
			left:1.3em;
			z-index:10;
			opacity:.8;
			filter:Alpha(opacity=80);
			}
		div#slogan ul li {
			margin-bottom:9px;
			}
			div#slogan ul li span {
				font:110% Helvetica, Arial, "MS Trebuchet", sans-serif;
				color:#15325B;
				background-color:#FFF;
				padding:4px 6px 3px 4px;
				zoom:1;
				}
				div#slogan ul li strong {
					font-style:normal;
					color:#589A19;
					}
ul#first-navi {
	line-height:1.08em;
	width:44.65em;
	height:2.92em;
	background:#6C9718 url(../img/bas/bg_first-navi_gradient_green.jpg) repeat-x;
	position:absolute;
	top:0;
	right:-2px;
	z-index:1000;
	}
	ul#first-navi li {
		display:block;
		float:left;
		width:25%;
		}
ul#first-navi li span {
	position:absolute;
	top:0;
	width:1px;
	height:2.32em;
	background-color:#FFF;
	}
	ul#first-navi li.medgrp a span.right {
		left:25%;
		}
	ul#first-navi li.prodie a span.left {
		left:25%;
		}
	ul#first-navi li.prodie a span.right {
		left:50%;
		}
	ul#first-navi li.presse a span.left {
		left:50%;
		}
	ul#first-navi li.presse a span.right {
		left:75%;
		}
	ul#first-navi li.meddat a span.left {
		left:75%;
		}
	 ul#first-navi li:hover span,
	 ul#first-navi li.hover span,
	 ul#first-navi li.sfHover span {
		height:100%;
		}
		ul#first-navi li a {
			color:#FFF;
			display:block;
			font-family:Helvetica, Arial, sans-serif;
			padding:3px 0 7px 1.65em;
			border-right:1px solid #FFF;
			}
		body.js ul#first-navi li a {
			border-right:none;
			}
		ul#first-navi li.fn a {
			padding:.8em 0 1.05em;
			text-align:center;
			}
		ul#first-navi li:hover a,
		ul#first-navi li.hover a,
		ul#first-navi li.sfHover a {
			color:#BC0303;
			background:#CDCDCD url(../img/bas/bg_first-navi_gradient_grey.jpg) repeat-x;
			}
			ul#first-navi li ul.second-navi {
				background-color:#F6F6F8;
				border-top:0.3em solid #CDCDCD;
				padding:0.4em 0.1em;
				position:absolute;
				top:2.9em;
				left:0;
				display:none;
				z-index:1000;
				}
/* Show ul.second-navi */
			ul#first-navi li:hover ul.second-navi {
				display:block;
				}
			body.js ul#first-navi li:hover ul.second-navi {
				display:none;
				}
				ul#first-navi li.medgrp ul.second-navi {
					width:100%;
					}
				ul#first-navi li.prodie ul.second-navi {
					margin-left:25%;
					width:75%;
					}
				ul#first-navi li.presse ul.second-navi {
					margin-left:50%;
					width:50%;
					}
				ul#first-navi li.meddat ul.second-navi {
					margin-left:75%;
					width:25%;
					}
					ul#first-navi li ul.second-navi li,
					ul#first-navi li.fn ul.second-navi li  {
						background:url(../img/bas/ico_list_bullet.gif) .5em .2em no-repeat;
						width:10em;
						}
						ul#first-navi li ul.second-navi li a,
						ul#first-navi li.fn ul.second-navi li a {
							background:transparent;
							text-align:left;
							font-size:85%;
							display:block;
							color:#6E7475;
							border:0 none;
							padding: 0 0 0 14px;
							}
							ul#first-navi li ul.second-navi li a:hover,
							ul#first-navi li ul.second-navi li a:active,
							ul#first-navi li ul.second-navi li a:focus,
							ul#first-navi li.fn ul.second-navi li a:hover,
							ul#first-navi li.fn ul.second-navi li a:active,
							ul#first-navi li.fn ul.second-navi li a:focus {
								background:transparent;
								color:#BC0303;
								text-decoration:underline;
								height:auto;
								}
div#main-content h1 {
	position:absolute;
	top:4.75em;
	right:.4em;
	}
	div#main-content h1 em {
		font-style:normal;
		font-size:80%;
		padding-left:3.2em;
		}
div#animation1 {
	z-index:0;
}

div#footer {
	clear:both;
	margin:0 -8px;
	background:url(../img/bas/border_footer_bottom.gif) repeat-x left bottom;
	}
div#footer div,
div#footer div div{
	background:url(../img/bas/border_footer.gif) no-repeat left bottom;
	}
	div#footer div {
		padding-right:8px;
		background-position:100% 126px;
		}
	body.js div#footer div {
		background-position:100% 113px;
		}
		div#footer div div {
			padding:0 0 5px 8px;
			background-position:0 41px;
			}
		body.js div#footer div div {
			padding:0 0 6px 8px;
			background-position:0 42px;
			}
			div#footer img {
				padding:0;
				width:100%;
				}
			div#footer div div.tx-rlmpflashdetection-pi1,
			body.js div#footer div div.tx-rlmpflashdetection-pi1 {
				padding-bottom:0;
				background-image:none;
				}
			div#footer div#logoblender {
				background:transparent url(../img/bas/bg_logos_home.jpg) no-repeat scroll left top;
				overflow:hidden;
				}
			div#footer div#logoblender img {
				width:auto;
				display:block;
				float:left;
				padding:9px 9px 0 9px;
				}