/*	
	madsenmusik.de | screen.css (by scalp.de)
*/


/* reset.css */
/*
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;}
*/


/* typography.css */
body { font-size:12px; color:#666; font-family:Verdana, Geneva, sans-serif; background:url(../images/layout/bg2.jpg) #000 no-repeat; margin:0; padding:0; }
td, th { font-size:12px; color:#666; font-family:Verdana, Geneva, sans-serif;  }
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#cf0; margin:0; padding:0; }
h1 { font-size:60px; text-transform:lowercase; line-height:50px; }
h2 { font-size:20px; text-transform:lowercase; letter-spacing:3px; }
h3 { font-size:16px; text-transform:lowercase; letter-spacing:1px; }
h4 { font-size:15px; letter-spacing:1px; }
h5 { font-size:15px; letter-spacing:0px; color:#fff; }
h6 { font-weight:bold; color:#fff; }
td img, img { display:block; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
a:link, a:visited { color:#ccc; text-decoration:none; }
a:hover, a:active { color:#000; background:#f00; text-decoration:none; }

.off:link, .off:visited { color:#cf0; padding:3px; }
.off:hover, .off:active { color:#000; padding:3px; }
.on:link, .on:visited { color:#000; padding:3px;  }
.on:hover, .on:active { color:#000; padding:3px; }


/* layout.css */
.flash_overlay { z-index:20; position:absolute; left:0px; top:0px; width:100%; height:100%; }
.container { z-index:10; position:absolute; left:100px; top:440px; }
.overlay_video_1 { z-index:100; position:absolute; left:486px; top:313px; width:490px; height:490px; display:block; background:url(../images/layout/bg_overlay_video_1.png) no-repeat; }
.overlay_video_2 { z-index:100; position:absolute; left:486px; top:313px; width:490px; height:490px; display:block; background:url(../images/layout/bg_overlay_video_2.png) no-repeat; }


/* overlay / box */
#overlay { background-image:url(../images/layout/overlay.png); position:fixed; top:0px; left:0px; z-index:5000; width:100%; height:100%; }
* html #overlay { background-color:#333; background-color:transparent; background-image:url(../images/layout/pix.png); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/layout/overlay.png", sizingMethod="scale"); }
#box { position:absolute; background:#0F0; text-align:center; z-index:5001; background:url(../images/layout/loading.gif) no-repeat 50% 50% }
#close { position:absolute; top:0px; right:0px; cursor:pointer; z-index:5002; }


/* web 2.0 */
.web2 { z-index:40; width:100%; overflow:hidden; position:absolute; left:0px; top:820px; font-size:10px; }
.web2 ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center; text-transform:uppercase; }
.web2 ul li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; }
.web2 ul li .desc { display:block; margin:0 0 0 1px; padding:3px 10px; text-decoration:none; color:#ccc; }
.web2 ul li a { display:block; margin:0 0 0 1px; padding:3px 10px; text-decoration:none; color:#f00; }
.web2 ul li a:hover { color:#000; background:#f00; }
.web2 ul li a.active, .web2 ul li a.active:hover { color:#000; background:#f00; text-decoration:none; }


/* credits */
.credits { z-index:30; width:100%; position:absolute; left:0px; top:845px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; text-align:center; margin-bottom:20px; }
.credits a:link, .credits a:visited { color:#333; text-decoration:none; }
.credits a:hover, .credits a:active { color:#ccc; text-decoration:underline; background:none; }


/* image */
.imageborder { border:1px solid #666666; margin-right:5px; margin-bottom:5px; }
.imageborder_plain {border:1px solid #666666;}
.imageborder_none { border:0px none #666666; }
.block_image { float:left; margin:3px 10px 5px 0px; border:1px solid #666666; }
.image_on { border:1px solid #cf0; }
.image_off { border:1px solid #666666; }


/* abstaende etc */
.margin_0 { margin:0px; padding:0px; }

.margin_1 {margin:5px;}
.margin_top_1 {margin-top:5px;}
.margin_right_1 {margin-right:5px;}
.margin_bottom_1 {margin-bottom:5px;}
.margin_left_1 {margin-left:5px;}
.padding_1 {padding:5px;}

.margin_2 {margin:10px;}
.margin_top_2 {margin-top:10px;}
.margin_right_2 {margin-right:10px;}
.margin_bottom_2 {margin-bottom:10px;}
.margin_left_2 {margin-left:10px;}
.padding_2 {padding:10px;}

.margin_3 {margin:20px;}
.margin_top_3 {margin-top:20px;}
.margin_right_3 {margin-right:20px;}
.margin_bottom_3 {margin-bottom:20px;}
.margin_left_3 {margin-left:20px;}


/* misc */
.small { font-size:10px; color:#999; }

.float_left { float:left; }
.float_right { float:right; }
.inline { display:inline; }
.none { display:none; }
.hidden { display:hidden; }

.trenner {margin-bottom:20px;}
.list {border-bottom:1px dotted #CCCCCC;margin-bottom:10px;}

ul { margin:0; padding:0; list-style:none; }
li { margin:0; padding:0; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }


/* forms.css */
input.text, input.title, textarea { border:1px solid #666; color:#ccc; height:16px; background-color:#000;}
select { border:1px solid #666; color:#ccc; height:20px; background-color:#000;}
input.submit { padding:2px; background-color:#f00; border:1px solid #f00; color:#000; height:20px; }
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #fff;color:#fff;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}