/* @override http://www.medianotions.de/_medianotions/styles/default.css */

/* Allgemeine Definitionen */

html
{
	height: 100%;
	font-family: arial, sans-serif;
	font-size: 12px;
	background: #00A6EB url(/images/pageBackground_default.gif) repeat-x fixed;
}

body
{
	min-height: 100%;
	margin: 0;
	padding-top: 1px;
	padding-bottom: 40px;
	
	/* background: url(/images/pageBackground_dandelions.png) repeat-x fixed; */
}

div.main
{
	position: relative;
	width: 574px;
	margin: 52px auto 0 auto;
	padding: 217px 29px 40px 55px;
	background: white;
}

img
{
	border: 0;
}

a#wir_sind_umgezogen
{
	position: absolute;
	top: 260px;
	right: -250px;
	
	width: 230px;
	height: 161px;
	overflow: hidden;
	
	text-indent: -1000em;
	
	background: url(/images/wir_sind_umgezogen.png) no-repeat;
}


/* Kopfbereich: Logo */

h1
{
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	width: 260px;
	height: 100px;
	z-index: 10;
	background: url(/images/headLogo.gif) no-repeat;
}

h1 a
{
	display: block;
	overflow: hidden;
	width: 260px;
	height: 80px;
	text-indent: -2000px;
}

/* Kopfbereich: Slogan */

h2
{
	position: absolute;
	left: -50px;
	top: -52px;
	width: 758px;
	height: 222px;
	margin: 0;
	z-index: 0;
	overflow: hidden;
	background: url(/images/headSlogan_1.gif) no-repeat;
}


/* Navigation Ebene 1: Container */

ul.navLevel1
{
	position: absolute;
	left: 0;
	top: 170px;
	width: 605px;
	height: 30px;
	margin: 0;
	padding: 0 0 0 53px;
	list-style-type: none;
	background: black url(/images/navLevel1Background.gif) repeat-x;
}

/* Navigation Ebene 1: Einträge */

ul.navLevel1 li
{
	float: left;
}

ul.navLevel1 li a
{
	display: block;
	text-decoration: none;
	width: 100px;
	height: 30px;
	overflow: hidden;	
	background-repeat: no-repeat;
}

ul.navLevel1 li a img.active
{
	opacity: 0.7;
	filter: Alpha(opacity=70);
	visibility: visible;
}

ul.navLevel1 li a img
{
	opacity: 0;
	filter: Alpha(opacity=0);
	visibility: hidden;
}


/* Navigation Ebene 2: Container */

ul.navLevel2
{
	width: 574px;
	height: 45px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* Navigation Ebene 2: Einträge */

ul.navLevel2 li
{
	float: left;
	white-space: nowrap;
}

ul.navLevel2 li a
{
	position: relative;
	float: left;
	color: black;
	text-decoration: none;
	padding-left: 10px;
	margin-right: 20px;
}

ul.navLevel2 li a span
{
	position: absolute;
	left: 0;
	top: -1px;
	width: 10px;
	padding-bottom: 1px;
	border-bottom: 1px solid white;
}

ul.navLevel2 li a:hover,
ul.navLevel2 li a.active
{
	border-bottom: 1px solid #00A6EB;
}


/* Inhalt: Absatzformate */

h3
{
	margin: 0 0 16px 0;
	font-weight: normal;	
	font-size: 18px;
	color: #00A6EB;
	line-height: 130%;
}

h3.divider
{
	border-top: 1px dotted black;
	padding-top: 20px;
	margin-top: 20px;
}

h4
{
	margin: 0;
	font-size: 12px;
	line-height: 130%;
}

h5
{
	margin: 0;
	font-size: 12px;
	line-height: 130%;
	margin-bottom: 20px;
}

p
{
	margin: 0 0 12px 0;
	line-height: 140%;
}

p.highlight
{
	color: #00A6EB;
	font-weight: bold;
}

/* Inhalt: Listen */

ul.inhalt
{
	margin: 0 0 12px 0;
	padding: 0;
	line-height: 140%;
	list-style-type: none;
}

ul.inhalt li
{
	margin: 4px 0 4px 0;
	padding-left: 14px;
	height: 1%; /* Stupid IE Hack */
	background: url(/images/contentBullet.gif) no-repeat 0 5px;
}

/* Inhalt: Links */

a.inhalt
{
	position: relative;
	color: black;
	text-decoration: none;
	border-bottom: 1px solid #00A6EB;
}

a.icon
{
	position: relative;
	padding-left: 22px;
	line-height: 22px;
	color: black;
	text-decoration: none;
	border-bottom: 1px solid #00A6EB;
}

a.icon span
{
	position: absolute;
	left: 0;
	top: 1px;
	width: 22px;
	padding-bottom: 1px;
	background-color: white;
}

a.help
{
	color: black;
	text-decoration: none;
	border-bottom: 1px solid #00A6EB;
	cursor: help;
}


/* Inhalt: Formular */

form
{
	margin: 0;
}

form input.text,
form textarea
{
	font-family: arial, sans-serif;
	font-size: 12px;
	padding: 2px;
	border: 0;
	width: 260px;
	color: white;
	background: #00A6EB;
}

form textarea
{
	height: 140px;
}

form a.button
{
	position: relative;
	display: block;
	width: 60px;
	height: 20px;
	margin-bottom: 18px;
	text-decoration: none;
	background-repeat: no-repeat;
}

form a.button span
{
	position: absolute;
	display: inline;
	left: 0;
	top: 0;
	height: 20px;
	overflow: hidden;
	padding: 2px 4px 0 4px;
	color: white;
	background: url(/images/buttonBackgroundPassive.gif) no-repeat;
	
	cursor: pointer;
	cursor: hand;
}

form a.button span label
{
	position: relative;
	line-height: 15px;
	z-index: 10;
	
	cursor: pointer;
	cursor: hand;
}

form a.button span img.active
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	opacity: 0;
	filter: Alpha(opacity=0);
	visibility: hidden;
}

/* Inhalt: Spalten */

div.spalteLinks
{
	clear: both;
	float: left;
	width: 267px;
}

div.spalteRechts
{
	float: right;
	width: 267px;
}

/* Inhalt: Medianotions-Module-Aufteilung */

div.Medianotions
{
	position: relative;
	padding: 0 283px 30px 0;
}

div.Medianotions a.portfolioImage
{
	position: absolute;
	left: 310px;
	top: 0;
}

div.Medianotions p
{
	margin-bottom: 6px;
}


/* Inhalt: Portfolio-Aufteilung */

div.portfolio
{
	position: relative;
	padding: 0 0 0 283px;
}

div.portfolio a.portfolioImage
{
	margin: 0 0 55px -283px;
}

div.portfolio p
{
	margin-bottom: 6px;
}

/* Inhalt: Portfolio-Bilder */

a.portfolioImage
{
	position: relative;
	float: left;
	width: 267px;
	height: 84px;
	margin-bottom: 18px;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
}

a.portfolioImage span
{
	position: absolute;
	display: inline;
	left: 4px;
	top: 64px;
	height: 20px;
	overflow: hidden;
	padding: 2px 4px 0 4px;
	color: white;
	background: url(/images/portfolioLinkBackgroundPassive.gif) no-repeat;
	
	cursor: pointer;
	cursor: hand;
}

a.portfolioImage span label
{
	position: relative;
	line-height: 15px;
	z-index: 10;
	
	cursor: pointer;
	cursor: hand;
}

a.portfolioImage span img.active
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	opacity: 0;
	filter: Alpha(opacity=0);
	visibility: hidden;
}

/* Inhalt: KSKontra */

div.kskontra
{
	margin-top: 20px;
	padding-top: 10px;
	
	border-top: 1px dotted black;
}

div.kskontra a
{
	color: white;
	text-decoration: none;
}

div.kskontra a.banner
{
	float: right;
	display: inline;
	width: 120px;
	height: 60px;
	
	margin-left: 10px;
	
	color: white;
	text-decoration: none;
}

div.kskontra p
{
	margin: 0;
}

div.kskontra p strong
{
	padding: 0 2px;
	
	color: white;
	background: #b40505;
}

/* Footer: Container */

ul.footer
{
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 574px;
	height: 20px;
	margin: 0;
	padding: 0 29px 0 55px;
	font-size: 10px;
	line-height: 13px;
	list-style-type: none;
	color: white;
	background: black url(/images/navLevel1Background.gif) repeat-x -6px;
}

/* Footer: Einträge */

ul.footer li
{
	display: inline;
}

ul.footer li.left
{
	float: left;
	margin-right: 10px;
}

ul.footer li.right
{
	float: right;
	margin-left: 10px;
}

ul.footer li.validate
{
	float: right;
	padding: 2px 0 0 10px;
}

ul.footer li a
{
	position: relative;
	float: left;
	color: white;
	text-decoration: none;
	padding: 2px 0 0 10px;
}

ul.footer li a span
{
	position: absolute;
	left: 0;
	top: 1px;
	width: 10px;
	padding-bottom: 1px;
	border-bottom: 1px solid #141414;
}

ul.footer a:hover
{
	border-bottom: 1px solid white;
}