@charset "utf-8";
/* CSS Document */

*
{
margin: 0;
padding: 0;
}

html
{
height: 100%;
}

body 
{
background-color: #000;
margin: 0px 0px 0px 0px;
height: 100%;
font-family: "Courier New", Courier, monospace;
}

.body_container
{
margin:auto;
width:752px;
padding:50px 0px 0px 0px;
}

.clearer
{
clear:both;
}

/************************************************
	Header
************************************************/

.header hr
{
height: 1px;
border: 0;
background: #99cc33;
color: #99cc33;
}

.top
{
width: 200px;
float:left;
display: block;
font-size: 18px;
font-weight: bold;
color: #99cc33;
letter-spacing: 2px;
padding: 0px 0px 5px 0px;
}

.top_right
{
width: 100px;
float: right;
text-align: right;
display: block;
font-size: 18px;
font-weight: bold;
color: #99cc33;
letter-spacing: 2px;
padding: 0px 0px 5px 0px;
}

.toplow
{
width: 100%;
font-size: 12px;
font-weight: bold;
display: block;
color: #999;
letter-spacing: 1px;
padding: 5px 0px 20px 0px;
}

/************************************************
	Content
************************************************/

a.online { color: #F00; text-transform:uppercase; font-weight: bold; text-decoration:none; }
a.online:visited { color:#F00; text-transform:uppercase; text-decoration:none; }
a.online:hover { color:#666666; text-transform:uppercase; text-decoration:none; }
a.online:active { color:#66666; text-transform:uppercase; text-decoration:none; }

a.menu { color: #fff; text-decoration:none; }
a.menu:visited { color:#fff; text-decoration:none; }
a.menu:hover { color:#99cc33; text-decoration:none; }

a.bottom { color: #99cc33; text-decoration:none; }
a.bottom:visited { color:#99cc33; text-decoration:none; }
a.bottom:hover { color:#999; text-decoration:none; }
a.bottom:active { color:#999; text-decoration:none; }

a.lang { color: #999; text-decoration:none; }
a.lang:visited { color:#999; text-decoration:none; }
a.lang:hover { color:#99cc33; text-decoration:none; }
a.lang:active { color:#99cc33; text-decoration:none; }

#btn_menu_actual
{
padding:20px 0;
font-weight:bold;
font-size:24px;
color:#FFF;
text-transform:uppercase;
letter-spacing:1px;
text-align: center;
}

.actual {
height: 1px;
border: 0;
background: #99cc33;
color: #99cc33;
}

.contentbox
{
position:relative;
margin: 30px 0px 20px 0px;
width: 752px;
height: 463px;
background:url(../images/main_bg_1.gif) no-repeat;
z-index:1;
}

#btn_menu_webseiten, #btn_menu_banner, #btn_menu_flyer_plakate, #btn_menu_sonstiges
{
position:absolute;	
z-index:2;
background:#000;
font-weight:bold;
font-size:14px;
color:#FFF;
text-transform:uppercase;
letter-spacing:1px;
padding:2px 4px;
}

#btn_menu_webseiten
{
top:26px;
left:88px;
}

div#btn_menu_webseiten span {display: none;}
div#btn_menu_webseiten:hover span {display:inline-block; text-decoration: none; font-weight:bold; font-size:14px; letter-spacing:1px; text-transform:none; padding: 0px 0px 0px 10px; margin: 0px; z-index: 100; color: #fff; background: #000;}


#btn_menu_sonstiges
{
top:110px;
left:8px;
}

div#btn_menu_banner span {display: none;}
div#btn_menu_banner:hover span {display:inline-block; text-decoration: none; font-weight:bold; font-size:14px; letter-spacing:1px; text-transform:none; padding: 0px 0px 0px 10px; margin: 0px; z-index: 100; color: #fff; background: #000;}

#btn_menu_banner
{
top:208px;
left:153px;
}

div#btn_menu_flyer_plakate span {display: none;}
div#btn_menu_flyer_plakate:hover span {display:inline-block; text-decoration: none; font-weight:bold; font-size:14px; letter-spacing:1px; text-transform:none; padding: 0px 0px 0px 10px; margin: 0px; z-index: 100; color: #fff; background: #000;}

#btn_menu_flyer_plakate
{
top:348px;
left:120px;
}

div#btn_menu_sonstiges span {display: none;}
div#btn_menu_sonstiges:hover span {display:inline-block; text-decoration: none; font-weight:bold; font-size:14px; letter-spacing:1px; text-transform:none; padding: 0px 0px 0px 10px; margin: 0px; z-index: 100; color: #fff; background: #000;}

.copy {
font-size: 10px;
}

/************************************************
	Designchange
************************************************/

.design
{
width:752px;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
color:#999;
}

ul li.change
{
float:left;
display:block;
width: 11px;
height: 11px;
margin: 10px 15px 0px 0px;
}

a.change_normal
{
display:block;
width:11px;
height:11px;
background:url(../images/btn_change.gif) no-repeat;
border:0;
}

a.change_normal:hover
{
display:block;
width:11px;
height:11px;
background:url(../images/btn_change_green.gif) no-repeat;
border:0;
}

a.change_1337
{
display:block;
width:11px;
height:11px;
background:url(../images/btn_change.gif) no-repeat;
border:0;
}

a.change_1337:hover
{
display:block;
width:11px;
height:11px;
background:url(../images/btn_change_pink.gif) no-repeat;
border:0;
}

a.change_orange
{
display:block;
width:11px;
height:11px;
background:url(../images/btn_change.gif) no-repeat;
border:0;
}

a.change_orange:hover
{
display:block;
width:11px;
height:11px;
background:url(../images/btn_change_orange.gif) no-repeat;
border:0;
}

a.change_blue
{
display:block;
width:11px;
height:11px;
background:url(../images/btn_change.gif) no-repeat;
border:0;
}

a.change_blue:hover
{
display:block;
width:11px;
height:11px;
background:url(../images/btn_change_blue.gif) no-repeat;
border:0;
}

/************************************************
	Footer
************************************************/

.footer
{
width: 752px;
padding:20px 0px 10px 0px;
}

.footer hr
{
height: 1px;
border: 0;
background: #999;
color: #999;
}

ul li.bottom
{
float:right;
padding:20px 0px 0px 0px;
border:none;
list-style:none;
font-size:12px;
font-weight:bold;
text-align:right;
letter-spacing:1px;
color:#999;
}