@charset "utf-8";
 
/*
	AndreaNehring.de CSS
	Copyright (c) 2009 Initiative Konzeptionelles Design. All rights reserved.
	If you copy without permission, We will mock you.
	Layout No. 1 / v1.00
	17. Mrz 2009
*/

/* @group reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* @end */

/* @group Typografie allgemein */

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;padding:0;
	margin: 0.5em 1.25em 0.5em 0;
}
p img.right {float:right;margin: 0 0 1.5em 1.5em;}

em {font-style: italic;}

.small {font-size:.8em;line-height:1.6em;
	color: #666;
	margin-bottom: 1.6em;
}

.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}


/* @end */

body {
font: 11px "Lucida Grande", Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#FFF;
background-color: #000;
overflow:hidden;/*Needed to eliminate scrollbars*/
}


/* @group Links */



a {
	color: #999;
	text-decoration: none;
	padding: 1px 0px;
	/*background: url(img/1px-line-dotted-sw.gif) repeat-x left bottom;*/
} 
a:link {
	color: #999;
	}
a:visited {
	color: #999;
	}
a:hover, a:focus {
	color: #990000;
	background-image: none;
}

/* @end */

img.bg {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

#media_content {
width: 100%;
position: absolute;
z-index: 1;
text-align: center;
top: 5%;
background-color: #000;
}

#media_content.sound {
top: 30%;
}

#back {
	margin: 0;
	background-color: #fff;
	position:absolute;
	z-index: 11;
	top: 4em;
	left: 0;
	width: 4.166em;
	height: 4.166em;
}

#forward {
	margin: 0;
	background-color: #fff;
	position:absolute;
	z-index: 11;
	right: 0;
	top: 4em;
	width: 4.166em;
	height: 4.166em;
}

#back p {
	padding: 0;
	text-align: left;
	margin: 0.4166em 0 0 0.4166em;
}

#forward p {
	padding: 0;
	margin: 0.4166em 0.4166em 0 0;
	text-align: right;
}

#info {
	margin: 0;
	background-color: #fff;
	position:absolute;
	z-index: 11;
	right: 0;
	width: 4.166em;
	height: 4.166em;
	bottom: 0;
}

#info p {
	padding: 0;
	margin: 0.4166em 0.4166em 0 0;
	text-align: right;
}

/*#forward:hover, #back:hover, #info:hover{
			background-color: #ccfe00;
}*/