/*
Version: 1.0.2008
Design C-Heads Magazine 2008
All contents and images © C-Heads Magazine
http://www.c-heads.com
View www.emanuel-s.com for questions.

Inspired by: http://www.ringvemedia.com - Respect to his maker, please visit also the website. The Background-Idea with CSS, HTML and Mootools is made by © http://kirie.no - Eirik Backer

Please note, that our website is under construction and we rebuild a new basic code laylout / background-idea for C-Heads, so this design is only a temporary solution, cause of time-pressure.
If you have any questions, please let us know and write to us.
*/

*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}

body{font-family:Arial,Helvetica,sans-serif;font-size:12px;cursor:default;background:url(loading.gif);color:#000}
/* Hintergrundbild */
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

/* Dummy */
#wrap {
	top : 0px;
	width : 100%;
	height : 100%;
	overflow : auto;
	z-index : 70;
	position: absolute;
	left: 50px;
}
/* Menü */
#menu{position:absolute;bottom:70px;left:0px;z-index:80;width:350px;line-height:16px}
#menu div{height:60px;background:#FFF;opacity:0.7;filter:alpha(opacity=70);padding:5px 0 0 20px}
ul{float:left;width:100px; font-size: 12px; padding:5px;}
ul a:link {text-decoration: none; color: #000;}
ul a:visited {text-decoration: none; color: #000;}
ul a:hover {text-decoration: none; color: #FF0066;}
ul a:active {text-decoration: none; color: #000; font-weight: bold}
/* Container */
#cont{position:absolute;top:0;left:0;z-index:70;overflow:auto}
/* Blog */
.box{position:absolute;top:50px;left:40%;width:500px;padding-bottom:20px}
.box div{line-height:18px;background:#fff;opacity:0.9;filter:alpha(opacity=90);padding:20px 40px}
.box img {padding-top: 10px;}
/* h */
#box1{position:absolute;bottom:70px;left:0px;z-index:80;width:350px;line-height:16px}
#box1 div{height:60px;background:#FFF;opacity:0.7;filter:alpha(opacity=70);padding:5px 0 0 20px}



hr { border: none; color:#eee;background-color:#eee; height:1px;}
p {margin: 0px; padding-bottom: 15px;}
h2 {font-size: 20px; font-weight:bold; color: #FF0066; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #ececec;}
h3 {font-size: 40px; font-weight:bold; color: #FF0066; padding-bottom: 5px; margin-bottom: 10px;}
h4 {font-size: 12px; font-weight: normal; color: #FFFFFF; padding-bottom: 5px; margin-bottom: 10px;}

a:link {color: #FF0066;}
a:visited {color: #FF0066;}
a:hover {color: #33CCFF;}
a#aktuell {font-weight: bold;color: #FF0066;}


		  
#footer {margin: 0px; padding: 8px 0px 0px 0px; color: #999999;}

 .submit input { margin-top: 5px; width: }

/* sNews */

input { padding: 2px; border: 1px solid #ccc;}
textarea { width: 97%; height: 10em; padding: 3px; border: 1px solid #ccc;}
.comment { background: #F5F6F6; color: #808080; padding: 0px; margin: 0 0 0px 0;  }
.commentsbox { background: #f4f4f4; color: #808080; padding: 0px; margin: 0 0 0px 0; }
.date { border-top: 1px solid #eee; margin: 0 0 0px 0; }