/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt,dd,ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, td, blockquote, th, td
{margin: 0; padding: 0;}

/*Normalizes font-size for headers*/
h1, h2, h3, h4, h5, h6
{font-size: 100%;}

/*Removes list-styles from lists*/
ol, ul
{list-style: none;}

/*Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}

/*Removes borders from tables*/
table
{border-collapse: collapse; border-spacing: 0;}

/*Removes Borders from fieldset and img*/
fieldset, img
{border: 0;}

/*Left-aligns text in caption and th*/
caption, th
{text-align: left;}

/*Removes quotation marks from q*/
q:before, q:after
{content:'';}

/*----------------------------------*/

body{
background-color:#000;
padding:0;}

p,li,a,td {
font-family:Arial, Helvetica, sans-serif;
color:#b7b7b7;
font-size:10px;}

#wrapper{
position: relative;
width:620px;
margin-left:auto;
margin-right:auto;
margin-top:83px;}

/* ------------------------
         Branding
   ------------------------ */

#header{
position:relative;
height:184px;}

#header #logo{
position: absolute;
top: 0;
left: 28px;
width:498px;
height:80px;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;}

#header h1{text-indent:-9000px;}

h2 {
font-family:Arial, Helvetica, sans-serif;
color:#b7b7b7;
font-size:12px;
padding-bottom: 10px;
}

#header #slogan{
position: absolute;
top:80px;
left:28px;
width:544px;
height:15px;
background-image:url(../images/slogan.gif);
background-repeat:no-repeat;}

#header blockquote{text-indent:-9000px;}

ul#archiv{
	position:relative;
	left:480px;
	top:160px;
	width:240px;
	font-weight:bold;
}

ul#archiv li{
float:left;
display:block;
padding-left:20px;
list-style-type:none;}

ul#archiv li a{
color:#b7b7b7;
text-decoration:none;}

ul#archiv li a:hover{
color:#eaff00;}

#content{
position:relative;
height:301px;
background-image:url(../images/contentBG.jpg);
background-repeat:no-repeat;
background-position:right;}

#content a,a:hover{
text-decoration:none;
color:#b7b7b7;}

/* ------------------------
         Impressum 
   ------------------------ */
   
.textLeft {
	position:absolute;
	top:0;
	left:30px;
	width:280px;
	height:270px;
	padding:12px 2px 12px 12px;
	float:left;}
	
.textRight{
	width:280px;
	height:130px;
	padding:125px 2px 12px 12px;
	float:right;}
	
/* ------------------------
      Magazine Headlines 
   ------------------------ */
   
ul#headlines{
	color:#fff;
	position:absolute;
	top:12px;
	left:260px;
	width:320px;}

ul#headlines li {
	margin: 0 0 10px 0;
	list-style-type:none;}

ul#headlines li span {
	font-size: 22px;
	line-height: 28px;
	text-indent:-9000px;}
/*

ul#headlines li span.title1{
width:181px;
height:24px;
background-image:url(../images/title1.gif);
background-repeat:no-repeat;}

ul#headlines li span.title2{
width:147px;
height:24px;
background-image:url(../images/title2.gif);
background-repeat:no-repeat;}

ul#headlines li span.title3{
width:82px;
height:24px;
background-image:url(../images/title3.gif);
background-repeat:no-repeat;}

ul#headlines li span.title4{
width:100px;
height:24px;
background-image:url(../images/title4.gif);
background-repeat:no-repeat;}

ul#headlines li span.title5{
width:172px;
height:24px;
background-image:url(../images/title5.gif);
background-repeat:no-repeat;}
*/
a#link{
position:absolute;
top:280px;
left:560px;
text-decoration:none;}

#downloadButton{
	position:absolute;
	width:199px;
	height:49px;
	top:7px;
	left:38px;
	background-image:url(../images/download.gif);
	background-repeat:no-repeat;}

h4#downloadButton{
padding:10px 0px 0px 10px;
font-size:13px;
font-weight:bold;}

h4#downloadButton a{
font-size:13px;
font-weight:bold;}

#content .mailingList{
position:absolute;
left:260px;
top:320px;
width:300px;}

#cover{
	position:absolute;
	top:72px;
	left:1px;
	width:238px;
	height:301px;
	background-image:url(../images/coverBG.gif);
	background-repeat:no-repeat;
	text-align:left;}

#cover img{
margin-top:3px;}