* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	line-height: 16px;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
    
}

/*************************************
	Inhalt:

	1. Seitenaufbau
	2. Navigation
	3. Typographie
	4. Links
	5. Formulare
	6. Sonstiges / Inhalte
*************************************/


/*************************************
	1. Seitenaufbau
*************************************/

body {
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	color: #038;
	font-size: 12px;
}
    body.tag
    {
        background: url("../../_images/bg_tag.jpg") #C0DB6A top center;
    }
    body.nacht
    {
        background: url("../../_images/bg_nacht.jpg") #00236F top center;
    }


#wrapper
{
	margin: 0 auto;
	width: 1147px;
}

/* HEADER */
	
#top
{
	position: relative;
	top: 0;
	width: 1147px;
	height: 422px;
	margin: 0 auto;
}
    body.tag #top
    {
		background: transparent url(../../_images/oben_tag.gif) bottom center no-repeat;
    }
	body.nacht #top
    {
		background: transparent url(../../_images/oben_nacht.gif) bottom center no-repeat;
    }


	#top .humana_logo
	{
		margin: 0 0 0 100px;
		float: left;
	}
	
	#top .machmit_link
	{
		width: 287px;
		height: 237px;
		position: absolute;
		top:33px;
		right: 108px;
		z-index: 99999;
	}
	
	#top .home_link
	{
		width: 71px;
		height: 58px;
		position: absolute;
		top:60px;
		left: 569px;
	}
	
/* SITE */
		
#site.nacht
{
	z-index: 100;
	position: relative;
	width: 1144px;
	background: url(../../_images/mitte_nacht.gif) center;
	border: 1px solid transparent;
}

#site.tag
{
	z-index: 100;
	position: relative;
	width: 1144px;
	background: url(../../_images/mitte_tag.gif) center;
	border: 1px solid transparent;
}

    #content_wrap
	{
		width: 1001px;
		bottom: -180px;
		position: relative;
	}
	#content
	{
		width: 1001px;
		position: relative;
		margin-top: -360px;
		margin-left: 100px;
	}
	
	#text
	{
		float: left;
		width: 625px;
		margin: 0 15px 0 0;
	}
	
	#rangliste_links
	{
		float: left;
		width: 510px;
		margin: 0 15px 0 0;
	}
	
	#rangliste_rechts
	{
		width: 420px;
		float: left;
		position: relative;
		padding: 0 0 0 15px;
	}
	
	.half
	{
		float: left;
		width: 475px;
		margin: 0 0 0 0;
	}
	
	#inhalt1 img.gewinn, #inhalt2 img.gewinn
	{
		margin-left: -10px;
	}
	
	#inhalt2
	{
		padding: 0 0 0 20px;
	}
	
	#right_col
	{
		width: 320px;
		float: left;
		position: relative;
	}
	
		#trennlinie
		{
			width: 5px;
			height: 100%;
			float:left;
		}
		
		#trennlinie #innen
		{
			background: #B3D14C;
		}

		#right_col #right_inhalt
		{
			margin: 0 0 0 15px;
			width:290px;
			float:left;
		}
		
/* FOOTER */

#bottom
{
    z-index: 50;
	position: relative;
	width: 1147px;
	height: 592px;
}
	body.tag #bottom
    {	
		background: transparent url(../../_images/unten_tag.gif) top center no-repeat;
    }
    body.nacht #bottom
    {	
		background: transparent url(../../_images/unten_nacht.gif) top center no-repeat;
    }
    
		
/*************************************
	2. Navigation
*************************************/
	
/* MAIN NAVIGATION */

ul#navigation_main
{
	list-style: none;
	float: left;
	margin: 0 0 0 60px;
}
	ul#navigation_main li
	{
		display: inline;
		padding: 20px 15px 5px 15px;
		border: solid #fff;
		border-width: 0 1px 0 0;
	}
	
	ul#navigation_main li img
	{
		margin-top:10px;
	}
	
	ul#navigation_main li.first
	{
		border: solid #fff;
		border-width: 0 1px 0 1px;
	}
	
		ul#navigation_main li a
		{
			color: #fff;
			text-decoration: none;
		}
		
		ul#navigation_main li a.aktiv
		{
			color: #038;
			text-decoration: none;
		}

/* META NAVIGATION */

ul#navigation_meta
{
	list-style: none;
	margin: 10px 0 5px 10px;
	float: left;
}
	ul#navigation_meta li
	{
		display: inline;
		padding: 5px 2px;
	}
	
		ul#navigation_meta li a
		{
			font-size: 11px;
			color: #fff;
			text-decoration: none;
		}
		
				ul#navigation_meta li a:hover
				{
					font-size: 11px;
					color: #eee;
					text-decoration: none;
				}


/*************************************
	3. Typographie
*************************************/

h1
{
	color: #038;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 10px 0;
}

h2
{
	color: #038;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	margin: 5px 0 10px 0;
}

h3
{
	color: #038;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	margin: 5px 0 0px 0;
}

p
{
	margin: 0 0 5px 0;
}

strong
{
	font-weight: bold;	
}

span.medium_von
{
		font-size: 12px;
		color: #72c2e5;
}

span.stimmen
{
		color: #767676;
}

ul
{
		list-style: outside;
		margin: 5px 0 0 30px;
}

/*************************************
	4. Links
*************************************/

a
{
	text-decoration: none;
	color: #9b0;
}
	a:hover
    {
        color: #000;
    }

a.button
{
    display: block;
    height: 54px;
    width: 320px;
    border-bottom: 1px solid #D9E8A8;
    text-indent: -100000px;    
    filter:alpha(opacity=100); /* IE */
    -moz-opacity: 1; /* Mozilla */
    opacity: 1; /* Opera */
    background: 0px 14px no-repeat;
}
	a.button:hover
    {
        filter:alpha(opacity=70); /* IE */
        -moz-opacity: 0.7; /* Mozilla */
        opacity: 0.7; /* Opera */
    }
	a.button.experimente
    {
        background-image: url(../../_images/buttons/experimente.gif);
    }
    a.button.fotos
    {
        background-image: url(../../_images/buttons/fotos.gif);
    }
    a.button.filme
    {
        background-image: url(../../_images/buttons/filme.gif);
    }
	a.button.weiterempf
    {
        background-image: url(../../_images/buttons/seite_weiterempfehlen.gif);
		cursor: pointer;
    }


/*************************************
	Formulare
**************************************/

form {

}

input, select, textarea
{
		border: 1px solid #038;
		margin: 3px 0 0 0;
		width: 350px;
}

#rangliste_links input, select, textarea
{
		width: 250px;
}

#rangliste_rechts input, select, textarea
{
		width: 200px;
}

#rangliste_links input.submit
{
		width: auto;
}

#rangliste_rechts input.submit
{
		width: auto;
}

input[type=radio],input[type=checkbox]
{
		width: auto;
		border: none;
		display: block;
		float: left;
}

input#foto
{
		margin-left: 20px;
}

input.submit
{
		border: none;
		width: auto;
		margin: 20px 0 0 0;
}

input.checkbox
{
		display: block;
		float: left;
		margin-top:5px;
}

label
{
		margin-left: 5px;
		display: block;
		float: left;	
}

/*************************************
	6. Sonstiges / Inhalte
**************************************/

/* Startseite */
.startseite_bild
{
		margin: -15px 0 0 -20px;
}

.buttons
{
	margin: 10px 0 5px 0;
}


/* Upload */
#upload_button {
	height: 26px;	
	width: 142px;
	cursor: pointer;
	font-size: 0px;
	background: url(../../_images/buttons/hochladen.gif) no-repeat;
}

#upload_button.hover {
    background: url(../../_images/buttons/hochladen.gif) no-repeat;
	cursor: pointer;
}

#dateiliste
{
		float:left;
}

#dateiliste .files
{
		float:left;
}

#lade_text
{
		display: none;
}

.strich_rechts
{
		margin: 10px 0 5px 0;
}


/* FOTO Übersicht*/
.medium_kat_foto
{
		float: left;
		width: 625px;
		margin: 15px 0 15px 0;
}

.thumbnail_kat_foto
{
		background: url(../../_images/foto_rand.jpg);
		float: left;
		width: 290px;
		height: 290px;
		position: relative;
}

.thumbnail_kat_foto img
{
		position: relative;
		top: 50%;
		left: 50%;
}

.eigenschaft_kat_foto
{
		float: left;
		width: 300px;
		margin-left: 10px;
}

.titel_kat_foto
{
		height:220px;
}

.button_kat_foto
{
		vertical-align: top;
		height:55px;
}

.button_img_kat_foto
{
		float:left;
		width: 200px;
		cursor: pointer;
}

.button_text_kat_foto
{
		margin: 5px 0 0 5px;
		float:left;
		width: 80px;
}

.weiterempf_kat_foto
{
		display: none;
		width: 100%;
		float: left;
}

/* FILM Übersicht*/
.medium_kat_film
{
		float: left;
		width: 625px;
		margin: 15px 0 15px 0;
}

.thumbnail_kat_film
{
		background: url(../../_images/film_rand.jpg);
		float: left;
		width: 290px;
		height: 188px;
		position: relative;
}

.thumbnail_kat_film img
{
		position: relative;
		top: 50%;
		left: 50%;
}

.eigenschaft_kat_film
{
		float: left;
		width: 300px;
		margin-left: 10px;
}

.titel_kat_film
{
		height:120px;
}

.button_kat_film
{
		vertical-align: top;
		height:55px;
}

.button_img_kat_film
{
		float:left;
		width: 200px;
		cursor: pointer;
}

.button_text_kat_film
{
		margin: 5px 0 0 5px;
		float:left;
		width: 80px;
}

.weiterempf_kat_film
{
		display: none;
		width: 100%;
		float: left;
}


/* FILM Ranglist*/
.medium_rang_film
{
		float: left;
		width: 525px;
		margin: 15px 0 15px 0;
}


.platzierung_rang_film
{
		width: 525px;
		float: left;
		margin:  0 0 13px 0;
}

.stimmen_rang_film
{
		margin: 5px 0 0 0;
		width: 150px;
		float: left;
		color: #F49F00;
		font-weight: bold;
		font-size: 14px;
}

.platz_rang_film
{
		width: 130px;
		float:left;
}

.thumbnail_rang_film
{
		background: url(../../_images/film_rand.jpg);
		float: left;
		width: 290px;
		height: 188px;
		position: relative;
}

.thumbnail_rang_film img
{
		position: relative;
		top: 50%;
		left: 50%;
}

.eigenschaft_rang_film
{
		float: left;
		width: 200px;
		margin-left: 10px;
}

.titel_rang_film
{
		height:120px;
}

.button_rang_film
{
		vertical-align: top;
		height:55px;
}

.button_img_rang_film
{
		float:left;
		width: 200px;
		cursor: pointer;
}

.button_text_rang_film
{
		margin: 5px 0 0 5px;
		float:left;
		width: 80px;
}

.weiterempf_rang_film
{
		display: none;
		width: 100%;
		float: left;
}

/* FOTO Ranglist*/
.medium_rang_foto
{
		float: left;
		width: 425px;
		margin: 15px 0 15px 0;
}


.platzierung_rang_foto
{
		width: 425px;
		float: left;
		margin:  0 0 10px 0;
}

.stimmen_rang_foto
{
		margin: 5px 0 0 0;
		width: 150px;
		float: left;
		color: #97BF0E;
		font-weight: bold;
		font-size: 14px;
}

.platz_rang_foto
{
		width: 130px;
		float:left;
}

.thumbnail_rang_foto
{
		background: url(../../_images/foto_rand_klein.jpg);
		float: left;
		width: 191px;
		height: 191px;
		position: relative;
}

.thumbnail_rang_foto img
{
		position: relative;
		top: 50%;
		left: 50%;
}

.eigenschaft_rang_foto
{
		float: left;
		width: 200px;
		margin-left: 10px;
}

.titel_rang_foto
{
		height:120px;
}

.button_rang_foto
{
		vertical-align: top;
		height:55px;
}

.button_img_rang_foto
{
		float:left;
		width: 200px;
		cursor: pointer;
}

.button_text_rang_foto
{
		margin: 5px 0 0 5px;
		float:left;
		width: 80px;
}

.weiterempf_rang_foto
{
		display: none;
		width: 100%;
		float: left;
}


div#overlay {
	display: none;
    position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: url( '../../_images/humana_ani.gif' ) no-repeat center #000;
	opacity: 0.9;
	z-index:5000;
}