html { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; background-color:#000000; color:#FFFFFF; 
background-image:url('html-bg.png'); background-repeat:no-repeat; background-position:left top;
}
body { margin:0; padding:0;}

a:link		{ color:#FFFFFF; font-weight:bold; text-decoration:none;}
a:visited	{ color:#FFFFFF; font-weight:bold; text-decoration:none;}
a:hover		{ color:#FFFFFF; font-weight:bold; text-decoration:underline;}

h1	{ font-size:1.6em;}
h2	{ font-size:1.4em;}
h3	{ font-size:1.2em;}
h4	{ font-size:1.1em;}

#container { width:1100px; margin:0px auto; padding:10px 0px;}

#banner_rechts{
	width:					160px;
	float:					right;
	border:					none;
}

#banner_rechts a img{
	padding-bottom:          20px;
	border:					none;
}

.first		{ width:150px; float:left; font-size:8px; }
.second 	{ width:765px; float:left; margin-top: 3px;}

#first-1{ background-image:url(ad-avatarmaker.gif); background-repeat:no-repeat; background-position:left top; width:133px; height:38px; margin-bottom:15px; padding:80px 1px 0px 1px;}
#first-2{ background-image:url(ad-grusskarten.gif); background-repeat:no-repeat; background-position:left top; width:133px; height:38px; margin-bottom:15px; padding:80px 1px 0px 1px;}
#first-3{ background-image:url(ad-flashgames.gif); background-repeat:no-repeat; background-position:left top; width:133px; height:38px; margin-bottom:15px; padding:80px 1px 0px 1px;}
#first-4{ background-image:url(ad-interaktiv.gif); background-repeat:no-repeat; background-position:left top; width:133px; height:38px; padding:80px 1px 0px 1px;}

#content	{ margin-left:150px; padding:10px 0px; margin-top: -800px;}
.left		{ width:370px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.right		{ width:370px; float:left; margin:3px 0px 0px 10px; padding:0px 0px 0px 0px;}

#footer			{ margin-left:150px; padding:10px 0px; margin-top: -500px;}
.footer-left	{ width:470px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;font-size:10px;}
.footer-rigth	{ width:270px; float:left; margin:3px 0px 0px 10px; padding:0px 0px 0px 0px; text-align:right;}

.cleardiv{ clear:both;}
/* TOP MENU */

ul#navlist {  font-size:.9em; height:20px; }

ul#navlist a
{
font-weight: bold;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left; }

ul#navlist li a
{
color: #ffffff;
background-color: #b94a15;
padding: 3px 5px;
border-right: 1px solid #ffffff;
}

ul#navlist li a:hover
{
color: #FFFFFF;
background-color: #c7724b;
}

ul#navlist li a:active
{
color: #FFFFFF;
background-color: #c7724b;
border: 1px #ffffff inset;
}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: .8em;
padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 15em;
border: none;
padding: 2px;
}
/*
ul#navlist li:hover ul.subnavlist li a:before { content: " >> "; }
*/

/* END TOP MENU */


/* TOP FOOTER */
#footer { font-size:.9em; }
/* END FOOTER */
