@charset "UTF-8";
/* CSS Tag reset "Ed Eliot Style" */

body {
	padding:0;
	margin:0;
	font:13px Arial, Helvetica, Garuda, sans-serif;
	*font-size:small;
	*font:x-small;
}
h1, h2, h3, h4, h5, h6, ul, li, pre, code {
	padding:0;
	margin:0;
	line-height:1em;
	font-size:100%;
	font-weight:normal;
	font-style: normal;
}
table {
	font-size:inherit;
	font:100%;
}
ul {
	list-style:none;
}
img {
	border:0;
}
p {
	margin:1em 0;
}
/*-------------------------------------------------------------------------*/
/*** Allgemeine Struktur ***/

html { height: 100%; margin-bottom: 1px; } /* scrollbar immer da Hack X-) */


/* Hacks wegen Hintergrund Bugs/Rundungsfehlern bei zentriertem Hintergrund */
body {
	background: #fff url(../images/bg_body_3.gif) top center;
	text-align:center;
}
* html body { background-image:url(../images/bg_body.gif); } /* IE6 */
*+html body { background-image:url(../images/bg_body.gif); } /* IE7 */
body:nth-of-type(1) { background-image:url(../images/bg_body_2.gif); } /* Chrome & Safari <= 3.1 */
@media all and (min-width:0px) {
    :root body:not(:root:root) { background-image:url(../images/bg_body_2.gif); } /* Safari > 3.1 */
}

#globalWrapper {
	width: 850px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#page {
	position:relative;
}
#header 
{
	height:70px;
	background:url(../images/logo_medienhaus.gif) top right no-repeat;
	margin:0 12px 0 12px;
}

#header h1 
{
  display: inline;  
}

#header h1 a
{
  display: block;
  width:290px;
  height:65px;
  position: relative;
  left:538px;
  top:0px;
  outline:none;
}

#header h1 a span 
{
	position:absolute;
	top:-999px;
	left:-999px;
	color: transparent;
	height:1px;
	line-height:1px;
	width:1px;
	display :block;
}
#main {
	position:relative;
}

/* Navigation */
#navigation {
	position:absolute;
	width:180px;
	top:0px;
	left:0px;
}
* html #navigation { left:-180px; }

#navigation .innerWrap { padding:0 5px 0 15px; }

#mainnav { height:200px; font-size:17px; }
#mainnav a, 
#mainnav strong { color:#666; font-weight:bold; text-decoration:none; display:block; padding-bottom:5px; background-color:#fff; }
#mainnav a:hover, 
#mainnav a:active, 
#mainnav a:focus, 
#mainnav a.active, 
#mainnav strong { color:#cc0000; outline:none; }
* html #mainnav li { border-bottom: 1px solid #fff; }

#subnav { border-top:1px solid #7e7e7e; height:300px; }
#subnav li { height: 2em; line-height:2em; border-bottom:1px solid #7e7e7e; float:left; width:100%;  }
#subnav a, #subnav strong { color:#666; font-weight:bold; text-decoration:none; display:block; background-color:#fff; }
#subnav a:hover, 
#subnav a:active, 
#subnav a:focus,
#subnav a.active,
#subnav strong { color:#cc0000; outline:none; }

/* Content */

#content {
	margin-left:180px;
	color:#333333;
	line-height:18px;
	font-size:13px;
	background: #bcbcbc url(../images/bg_content_repx.jpg) top right repeat-y;
}
#content .innerWrap {
	background: url(../images/bg_content_top.jpg) top right no-repeat;
	padding-top: 0;
	padding-right: 13px;
	padding-bottom: 10px;
	padding-left: 9px;
}
#content #keypic { margin-bottom:1px; }

#content a { color:#cc0000; text-decoration:none; }
#content a:hover, #content a a:active { text-decoration:underline; }

/* Footer */
#footer {
	background: url(../images/bg_footer_shadow.gif) top left repeat-x;
	position:relative;
	padding: 8px 10px 30px 180px;
	font-size:11px;
	text-transform:uppercase;
	border-top: 1px solid #6a6a6a;
	margin-bottom:3em;
}
#footer .copyright {
	position:absolute;
	right:12px;
}
#footer a {
	padding-right:50px;
	color:#333333;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
	color:#cc0000;
}

/* diverse Layout-Eigenschaften */
.skip,.hideme,.print,dfn{position:absolute;left:-1000em;top:-1000em}
.skip:focus,.skip:active{position:static;left:12px;top:2px;}
.skip:focus,a.skip:active{position:absolute;display:block;background:#fff;color:#333;}

.clear { clear:both; height:1px; overflow:hidden; }