/*
*************** About  ***************
Site:                  Funomania
Type:                  Master-CSS
Version:               1.0 beta
Date:                  14.12.2006
Design by:             Karsten Schubart

Links:                 #cf0
Linkhover:             #f90
Text:                  #fff
BG:                    #1B223A
*/




/* 
*************** Body    *************** 
*/
body {
background:             #1B223A url("../../images/bg_oben.jpg") repeat-x;
width:                  100%;
font:                   12px 'Verdana', Helvetica, Arial, sans-serif;
margin:					0;
padding:				0;
color:					#fff;
text-align:             center;
}

body#toplist a#toplistnav, body#faq a#faqnav, body#join a#joinnav, body#members a#membersnav {
color:                  #003;
background:             transparent url("../../images/nav_mo.png") no-repeat;
}

a {
color:                  #cf0;
text-decoration:        underline;
background:             transparent;
}
a:hover {
color:                  #f90;
text-decoration:        none;
background:             transparent;
}
a img, a:hover img {
border:                 none;
background:             transparent;
text-decoration:        none;
}


.hide {
display:                none;
}
.clear {
clear:                  both;
}
.strike {
text-decoration:        line-through;
color:                  #666;
}

.line {
text-decoration:        underline;
}

.alignleft {
float:                  left;
}
.alignright {
float:                  right;
}
.rightalign {
float:                  right;
margin:                 0 -5px 0 10px;
}
.leftalign {
float:                  left;
margin:                 0 10px 0 -5px;
}
.center {
text-align:             center;
}

.red {
color: #f00;
}

acronym {
cursor:                 help;
border-bottom:          1px dashed #003;
}


/* 
*************** Forms    *************** 
*/
input[type=text], input[type=password], textarea {
font:                  11px 'Verdana', Helvetica, Arial, sans-serif;
width:                 170px;
padding:               3px;
margin:                5px 5px 0 0;
color:                 #fff;
border:                1px solid #202843;
background:            #2A355A;
}
input[type=submit], input[type=reset], input[type=button] {
font:                   10px 'Verdana', Helvetica, Arial, sans-serif;
text-align:             center;
border:                1px solid #202843;
background:            #202843;
color:                 #fff;
text-decoration:        none;
padding:                3px;
padding-left:           10px;
padding-right:          10px;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
color:                 #fff;
border:                 1px solid #003;
background:            #2A355A;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
border:                 1px solid #f90;
background:             #f90;
color:                  #fff;
}
textarea {
width:                 350px;
padding:               0;
}
select {
font:                  11px 'Verdana', Helvetica, Arial, sans-serif;
font-weight:            bold;
width:                 170px;
padding:               3px 0 3px 0;
margin:                5px 5px 0 0;
color:                 #fff;
border:                1px solid #202843;
background:            #2A355A;
}
label {
font: 11px 'Verdana', Helvetica, Arial, sans-serif;
font-weight:           bold;
color:                 #fff;
}
legend {
color: #f90;
font: 10px 'Verdana', Helvetica, Arial, sans-serif;
}
fieldset {
padding: 10px;
margin: 0 0 10px 0;
border: 1px solid #2A355A;
}
#commentform p, #castingform p, #kontaktform p, #gaesteform p {
margin:                0 0 5px 0;
font-family:		   'Verdana', Helvetica, Arial, sans-serif;
}


/* 
*************** Misc    *************** 
*/
.join_edit_error {
	background: #f33;
	border: 1px solid #c33;
	padding: 2px;
}




#alertcontainer {
background:             transparent;
width:                  100%;
margin:                 0 0 15px 0;
padding:                0;
clear:                  both;
}
.alert {
background:             #f33;
border-top:             1px solid #c33;
border-bottom:          1px solid #c33;
text-align:             center;
margin:                 0;
padding:                5px 20px;
}

.rahmen {
background:             #fff;
border:                 1px solid #ddd;
padding:                3px;
margin:                 0 3px 0 0;
}
a:hover .rahmen {
border:                 1px solid #0af;
}

.ads_logo {
text-align:             center;
margin:                 0;
padding:                0;
background:             transparent;
width:                  468px;
height:                 60px;
position:               absolute;
top:                    40px;
left:                   300px;
}
.ads_logo p {
margin:                 0;
padding:                0;
}

.logoonline {
text-align:             left;
margin:                 0;
padding:                0;
background:             transparent;
width:                  260px;
height:                 15px;
position:               absolute;
top:                    12px;
left:                   250px;
}
.logoonline p {
color:                  #003;
margin:                 0;
padding:                0;
}

.logosearch {
text-align:             right;
margin:                 0;
padding:                0;
background:             transparent;
width:                  250px;
position:               absolute;
top:                    12px;
left:                   517px;
}
.logosearch p {
color:                  #003;
margin:                 0;
padding:                0;
}
.logosearch form {
margin:                 0;
padding:                0;
display:                inline;
}

/* 
*************** Typo    *************** 
*/
h1 {
font-size:              16px;
font-weight: 			bold;
font-style:				normal;
color:					#fff;
text-transform:			none;
margin:					0;
}
h2 {
font-size:              14px;
font-weight: 			bold;
font-style:				normal;
color:					#fff;
text-transform:			uppercase;
margin:					0 0 15px 0;
}
h3 {
font-size:              13px;
font-weight: 			bold;
font-style:				normal;
color:					#fff;
text-transform:			none;
margin:					0;
}
h4 {
font-size:              12px;
font-weight: 			bold;
font-style:				normal;
color:					#cf0;
text-transform:			none;
margin:					0;
}

h2 a, h3 a {
color:                  #cf0;
background:             transparent;
text-decoration:        none;
}
h2 a:hover, h3 a:hover {
color:                  #cf0;
background:             transparent;
text-decoration:        underline;
}
.small {
font:                   0.9em "Arial", Helvetica, Sans-Serif;
line-height:            1.5em;
}

.smallfont {
font:                   11px 'Verdana', Helvetica, Arial, sans-serif;
}

/* 
*************** Head   *************** 
*/
#logo {
margin:                0; 
padding:               0;
}
#logo a {
background:            transparent url("../../images/logo.png") no-repeat;
float:                 right;
display:               block;
height:                142px;
width:                 760px;
text-decoration:       none;
text-indent:           -2000px;
border:                none;
}

#logo_gateway {
margin:                30px 0 0 0; 
padding:               0;
}
#logo_gateway a {
background:            transparent url("../../images/logo_small.gif") no-repeat;
float:                 right;
display:               block;
height:                110px;
width:                 300px;
text-decoration:       none;
text-indent:           -3000px;
}


/* 
*************** Navbar *************** 
*/
#nav_container {
width:                  700px;
height:                 30px;
background:             transparent;
position:               absolute;
top:                    112px;
left:                   75px;
}

#nav {
font-size:             12px;
float:                 left;
padding:               0;
display:               block;
color:                 #003;
margin:                0;
}

#nav li, #nav ul {
margin:                 0;
padding: 0;
display:                inline;
list-style-type:        none;
}

#nav a, #nav a:visited {
text-align:             center;
float:                  left;
margin:                 0;
padding:                10px 0 0 0;
text-decoration:        none;
color:                  #333;
width:                  130px;
height:                 30px;
background:             transparent url("../../images/nav.png") no-repeat;
}
#nav a:hover {
color:                  #003;
background:             transparent url("../../images/nav_active.png") no-repeat;
}


/* 
*************** Main    *************** 
*/
#wrapper {
background:             transparent url("../../images/wrapper.png") repeat-y;
width:                  760px;
padding:                0 20px 0 20px;
margin:                 0 auto;
text-align:             left;
position:               absolute;
left:                   50%;
margin:                 0 0 0 -400px;
}
#wrapper_gateway {
background:             transparent;
width:                  300px;
padding:                0 20px 0 20px;
margin:                 0 auto;
text-align:             center;
position:               absolute;
left:                   50%;
margin:                 0 0 0 -170px;
}

#header {
background:             transparent url("img/header.jpg") no-repeat;
float:                  left;
padding:                0 20px 0 20px;
margin:                 0;
width:                  760px;
height:                 193px;
}

#ticker {
width:                  760px;
height:                 30px;
background:             transparent url("../../images/bg_content.jpg") repeat-y;
clear: both;
}

#content_rundungen_oben {
width:                  760px;
height:                 25px;
background:             transparent url("../../images/bg_content_oben.jpg") no-repeat;
float: left;
}

#content_rundungen_unten {
width:                  760px;
height:                 25px;
background:             transparent url("../../images/bg_content_unten.jpg") no-repeat;
float: left;
}

#content {
background:             transparent url("../../images/bg_content.jpg") repeat-y;
float:                  left;
font-size:				13px;
text-align:             left;
padding:                15px 20px 0 20px;
margin:                 0;
width:                  720px;
}

#content p {
line-height:			18px;
text-align:             left;
margin:                 0;
padding:                0;
}

#content hr {
margin:                 0;
padding:                0;
height:                 20px;
background:             #fff;
border:                 0;
}

#content ul {
list-style:             none;
margin:                 0 0 15px 0;
padding:                0;
}

#content ol {
margin:                 0 0 35px 30px;
padding:                0;
}

#content ol li, #content ul li {
margin:                 0 0 6px 0;
padding:                0;
}


#content ol span {
font-size:              14px;
font-weight: 			bold;
font-style:				normal;
text-transform:			none;
}

.darkbg {
  background: #2A355A;
  color: #fff;
}
.mediumbg {
background:             transparent url("../../images/tablestripe.jpg") repeat-x;
color: #fff;
}
.lightbg {
  background: #3A4774;
  color: #fff;
}
.lightbgalt {
  background: #2F395D;
  color: #fff;
}
.highlight {
  background-color: yellow;
  color: #000;
}

.adbreak {
background:             transparent;
text-align:             center;
padding:               0 0 10px 0;
margin:                 0;
width:                  580px;
}
.adbreak p {
text-align:             center;
padding:                0;
margin:                 0;
}


#corner {
background:             transparent;
float:                  left;
text-align:             left;
padding:                0;
margin:                 0;
width:                  580px;
}
#corner p {
text-align:             left;
margin:                 10px 0 0 0;
padding:                0;
}

#sidebar {
background:             transparent;
float:                  right;
font-size:				11px;
text-align:             left;
padding:                0;
margin:                 0;
width:                  120px;
}
#sidebar h2 {
font-size:              12px;
font-weight: 			bold;
font-style:				normal;
text-transform:			uppercase;
margin:					0 0 8px 0;
}
#sidebar ul li p, #sidebar p {
line-height:			15px;
text-align:             left;
margin:                 0 0 15px 0;
padding:                0;
}
#sidebar ul {
list-style:             none;
margin:                 0;
padding:                0;
}
#sidebar ul li {
margin:                 0 0 20px 0;
padding:                0;
}

#sidebar ul ul {
list-style:             none;
margin:                 0;
padding:                0;
}
#sidebar ul ul li {
line-height:			15px;
margin:                 0;
padding:                0;
}

h2 span {
display:none;
}

#topliste {
background: url("../../images/topliste_stripe.gif") no-repeat;
width: 120px;
height: 35px;
margin: 10px 0 5px 10px;
}
#kategorien {
background: url("../../images/kategorien_stripe.gif") no-repeat;
width: 120px;
height: 35px;
margin: 10px 0 5px 10px;
}
#partner {
background: url("../../images/partner_stripe.gif") no-repeat;
width: 120px;
height: 35px;
margin: 10px 0 5px 10px;
}
#vote4us {
background: url("../../images/vote_stripe.gif") no-repeat;
width: 120px;
height: 35px;
margin: 10px 0 5px 10px;
}
#top-tags {
background: url("../../images/top-tags_stripe.gif") no-repeat;
width: 120px;
height: 35px;
margin: 10px 0 5px 10px;
}
#small-talk {
background: url("../../images/small-talk_stripe.gif") no-repeat;
width: 120px;
height: 35px;
margin: 10px 0 5px 10px;
}
#neuzugaenge {
background: url("../../images/neuzugaenge_stripe.gif") no-repeat;
width: 120px;
height: 35px;
margin: 10px 0 5px 10px;
}
#willkommen {
background: url("../../images/willkommen_stripe.gif") no-repeat;
width: 324px;
height: 21px;
margin: 20px 0 0 0;
}

#tags {
margin: 0;
padding: 0;
}
#tags p {
margin: 0;
padding: 0;
}
#tags a {
text-transform: lowercase;
text-decoration: none;
}

#tags2 {
margin: 0;
padding: 0;
}
#tags2 p {
margin: 0;
padding: 0;
}
#tags2 a {
text-transform: lowercase;
text-decoration: none;
}

#mainmenu {
list-style-type:        none;
padding: 0 10px 0 10px;
margin: 0;
}
#mainmenu li a {
	background : transparent;
	text-decoration: none;
	border-bottom : 1px dotted #fff;
	color : #fff;  
	display : block;
	font-size : 11px; 
	font-weight : bold; 
	line-height: 20px;
	margin: 0; 
	padding: 2px 0 2px 10px; 
}
#mainmenu li a:hover {
	background : #2F395D;
	color : #f90; 
	text-decoration: none;
		margin: 0; 
	padding: 2px 0 2px 10px; 
}


#topmenu {
list-style-type:        none;
padding: 0 10px 0 10px;
margin: 0;
}
#topmenu li a {
	background : transparent;
	text-decoration: none;
	border-bottom : 1px dotted #fff;
	color : #fff;  
	display : block;
	font-size : 11px; 
	font-weight : bold; 
	line-height: 20px;
	margin: 0; 
	padding: 2px 0 2px 10px; 
}
#topmenu li a:hover {
	background : #2F395D;
	color : #f90; 
	text-decoration: none;
		margin: 0; 
	padding: 2px 0 2px 10px; 
}

/* 
*************** Pagenav   *************** 
*/
.pagenav {
font-size:                   11px;
margin:                0;
padding:               0;
width:                 100%;
color:                 #000;
background:             transparent;
text-align: right;
}

.pagenav li a, .pagenav li a:visited {
margin:                 0 auto 0 auto;
padding:                2px 6px;
color:                  #fff;
text-decoration:        none;
border: 1px solid #202843;
	background: #202843;
}

.pagenav li a:hover {
	
		border: 1px solid #f90;
	background: #f90;
color:                  #fff;
text-decoration:        none;
}

.pagenav li .current {
margin:                 0 auto 0 auto;
padding:                2px 6px;
color:                  #fff;
text-decoration:        none;	
		border: 1px solid #f36;
	background: #f36;
}

.pagenav li .static {
margin:                 0 auto 0 auto;
padding:                2px 6px;
color:                  #fff;
font-weight: bold;
text-decoration:        none;	
		border: 1px solid transparent;
	background: transparent;
}

.pagenav li {
margin:                 0 0 0 6px;
padding: 0;
display:                inline;
list-style-type:        none;
}


#footer {
background:             #cf0;
color:					#003;
font:                   10px "Arial", Helvetica, Sans-Serif;
padding:                2px 10px 2px 10px;
margin:                 0;
float:                  left;
text-align:             center;
width:                  740px;
height:                 30px;
clear:                  both;
}
#footer a, #footer a:visited {
color:					#003;
text-decoration: underline;
}
#footer a:hover {
color:					#003;
background:             transparent;
text-decoration: none;
}


#review_container {
height:250px;
width:100%;
overflow:auto;
margin: 0;
padding: 0;
}


.partnerloop {
float:                 left;
margin:                0;
padding:               10px 0 0 0;
width:                 570px;
border-top:         1px solid #2A355A;
}
.partnerloop ul {
font:                   11px 'Verdana', Helvetica, Arial, sans-serif;
margin:                0;
padding:               0;
	list-style: none;
}
.partnerloop li {
line-height:           15px;
}
.partnerloop span {
width:                 150px;
height:                100px;
background: transparent;
float:                 left;
margin:                0 10px 0 0;
padding:               0;
	list-style: none;
}