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

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #666666 url(../images/kachel.gif) repeat fixed;
	color: #ffffff;
	font-family: Verdana, Arial;
	font-size: 80%;
}



#switcher {
	position: absolute;
	z-index: 100;
	width: 100%;
}

#bunny {
	position: relative;
	text-align: center;
	width: 303px;
	margin: auto;
	padding-left: 700px;
}

#page {
	position: absolute;
	width: 100%;

}

#content {
	width: 1003px;
	background-image: url(../images/content_bg.png);
	background-repeat: repeat-y;
	margin: auto;
	padding: 0px;
}

#left {
	float: left;
	width: 190px;
	height: 511px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	background-image: url(../images/left_bg.png);
}

#center {
	float: left;
	width: 550px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
}

#right #login {
	width: 130px;
	padding-left: 28px;
}

/* Content Styles  */

#center .box { 
	float: left;
	width: 275px;
	height: 175px;
}


#center .box1 { 
	float: left;
	width: 275px;
	height: 175px;
	background-image: url(../images/box1.jpg);
}

#center .box2 { 
	float: left;
	width: 275px;
	height: 175px;
	background-image: url(../images/box2.jpg);
}

#center .box3 { 
	float: left;
	width: 275px;
	height: 175px;
	background-image: url(../images/box3.jpg);
}

#center .box4 { 
	float: left;
	width: 275px;
	height: 175px;
	background-image: url(../images/box4.jpg);
}

#center .box5 { 
	float: left;
	width: 275px;
	height: 175px;
	background-image: url(../images/box5.jpg);
}

#center .box6 { 
	float: left;
	width: 275px;
	height: 175px;
	background-image: url(../images/box6.jpg);
}

#center .box7 { 
	float: left;
	width: 275px;
	height: 175px;
	background-image: url(../images/box7.jpg);
}

#center .box8 { 
	float: left;
	width: 275px;
	height: 175px;
	background-image: url(../images/box8.jpg);
}

/* Text Styles */

.headline { width: 300px; height: 40px; display: block; }

.headline_impressum { background-image: url(../images/headlines/impressum.gif); width: 300px; height: 40px; }
.headline_agb { background-image: url(../images/headlines/agb.gif); width: 300px; height: 40px; }
.headline_faq { background-image: url(../images/headlines/faq.gif); width: 300px; height: 40px; }
.headline_kontakt { background-image: url(../images/headlines/kontakt.gif); width: 300px; height: 40px; }
.headline_madmovies { background-image: url(../images/headlines/madmovies.gif); width: 300px; height: 40px; }
.headline_gossip { background-image: url(../images/headlines/gossip.gif); width: 300px; height: 40px; }
.headline_fightclub { background-image: url(../images/headlines/fightclub.gif); width: 300px; height: 40px; }
.headline_badlinks { background-image: url(../images/headlines/badlinks.gif); width: 300px; height: 40px; }
.headline_picturepark { background-image: url(../images/headlines/picturepark.gif); width: 300px; height: 40px; }
.headline_handytohell { background-image: url(../images/headlines/handytohell.gif); width: 300px; height: 40px; }
.headline_charaktere { background-image: url(../images/headlines/charaktere.gif); width: 300px; height: 40px; }
.headline_jetztdude { background-image: url(../images/headlines/jetztdude.gif); width: 300px; height: 40px; }
.headline_styledude { background-image: url(../images/headlines/styledude.gif); width: 300px; height: 40px; }
.headline_darkstuff { background-image: url(../images/headlines/darkstuff.gif); width: 300px; height: 40px; }
.headline_catacombs { background-image: url(../images/headlines/catacombs.gif); width: 300px; height: 40px; }
.headline_support { background-image: url(../images/headlines/support.gif); width: 300px; height: 40px; }
.headline_search { background-image: url(../images/headlines/search.gif); width: 300px; height: 40px; }
.headline_darkdu { background-image: url(../images/headlines/darkdu.gif); width: 300px; height: 40px; }
.headline_loadyourvote { background-image: url(../images/headlines/loadyourvote.gif); width: 300px; height: 40px; }
.headline_spiegelbilder { background-image: url(../images/headlines/spiegelbilder.gif); width: 300px; height: 40px; }
.headline_register { background-image: url(../images/headlines/register.gif); width: 300px; height: 40px; }
.headline_upload { background-image: url(../images/headlines/upload.gif); width: 300px; height: 40px; }


/* Teaser */

.teaser_devildude { background-image: url(../images/teaser/devildude.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_madbunny { background-image: url(../images/teaser/madbunny.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_badbunny { background-image: url(../images/teaser/badbunny.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_doggydude { background-image: url(../images/teaser/doggydude.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_streetdude { background-image: url(../images/teaser/streetdude.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_teddydude { background-image: url(../images/teaser/teddydude.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }

.teaser_wallpaper { background-image: url(../images/teaser/wallpaper.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_avatare { background-image: url(../images/teaser/avatare.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_themes { background-image: url(../images/teaser/themes.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_sony { background-image: url(../images/teaser/sony.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_ringtones { background-image: url(../images/teaser/ringtones.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_votings { background-image: url(../images/teaser/votings.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_bunnydrop { background-image: url(../images/teaser/bunnydrop.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_speedquiz { background-image: url(../images/teaser/speedquiz.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_stundenplan { background-image: url(../images/teaser/stundenplan.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }

.teaser_styledeinteil { background-image: url(../images/teaser/styledeinteil.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_fotostory { background-image: url(../images/teaser/fotostory.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_freakshow { background-image: url(../images/teaser/freakshow.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_poetryslam { background-image: url(../images/teaser/poetryslam.gif); width: 225px; height: 38px; margin-top: 20px; position: relative; display: block; }
.teaser_online-shops { background-image: url(../images/teaser/online-shops.gif); width: 250px; height: 38px; margin-top: 20px; position: relative; display: block; }

/* Avatare */

.avatar { float: left; margin: 0 10px 5px 0; } 
.avatar img { width: 100px; }



h1 { font-size: 110%; font-weight: normal; }
.box .head h1 { margin: 0px; padding: 4px 10px; }

h2 { font-size: 115%; width: 100%; clear: both; }
h3 { font-size: 110%; width: 100%; clear: both; }
h4 { font-size: 105%; width: 100%; clear: both; }
h5 { font-size: 100%; width: 100%; clear: both; }


#navi a { margin-right: 1px; }

.box p { margin: 0px; padding: 5px 10px; }
.box .foot p { margin: 0px; padding: 0px; }

#center .inhalt p { padding: 0 30px 20px 10px; }

#foot a { font-weight: normal; padding: 0 20px; }
#foot a:hover { text-decoration: underline; font-weight: normal;}

/* Image Styles */

img { border: 0px; }

.img_r { float: right; margin: 0 30px 5px 10px; }
.img_l { float: left; margin: 0 10px 5px 10px; }


.line_1 { clear: both; position: relative; background-image: url(../images/line_1.png); background-repeat: no-repeat; width: 130px; height: 1px; margin: 0px; padding: 0px; }

#right hr { clear: both;  background-image: url(../images/line_1.png); width: 130px; height: 1px; border: none; margin: 10px 0; }

/* Table Styles */

table { margin: 0px; padding: 0px; }

/* Link Styles */

#head .home_link { display: block; height: 230px; width: 1003px; }

/* Form Styles */

#login fieldset#ddCommunity  form { margin: 0px; padding: 0px; }
#login fieldset#ddCommunity { border: none; margin: 0px; padding: 0px; }
#login fieldset#ddCommunity legend { display: none; margin: 0px; padding: 0px; }
#login fieldset#ddCommunity label { font-size: 80%; display: block; padding: 0; margin: 10px 0 5px 0; }

#login fieldset#ddCommunity .log_fields { padding: 5px 0px 5px 0px; }
#login fieldset#ddCommunity .log_fields input { position: relative; z-index: 50; width: 130px; }
#login fieldset#ddCommunity .form_btn { display: block; margin: 0px;}
#login fieldset#ddCommunity .form_btn2 { display: block; margin-top: 10px;}

#login fieldset#ddCommunity  input#log { float: right; width: 55px; height: 28px; margin-bottom: 10px; background-image: url(../images/login_btn.png);}
#login fieldset#ddCommunity  input#register { width: 90px; height: 20px; background-image: url(../images/register_btn.png);}
#login fieldset#ddCommunity  input#newsletter { width: 90px; height: 20px; background-image: url(../images/newsletter_btn.png);}

#login  .log_fields { padding: 5px 0px 5px 0px; }
#login .log_fields input { width: 130px; }

 

#support fieldset { border: none; margin: 0px; padding: 0px; }
#support legend { display: none; margin: 0px; padding: 0px; }



/* Widget */

#widget {
	position: relative;
	width: 400px;
	min-height: 95px;
	height:auto !important;
	height:95px;
	background-image: url(../images/widget/widget_bg.gif);
	background-repeat: no-repeat;
}






/* Helper */

.clear { clear: both; }

.spacer { clear: both; display: block; height: 10px; }
.spacer10 { clear: both; display: block; height: 10px; }
.spacer20 { clear: both; display: block; height: 20px; }
.spacer50 { clear: both; display: block; height: 50px; }

.border { width: 100%; border-bottom: 1px dashed #ffffff; }

/* Listen */

ol, ol li {
	position: relative;
	display: block;
}

#shops ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#shops ul li {
	list-style-type: none;
	float: left;
	width: 230px;
	height: 60px;
	padding: 10px;
	display: block;
	margin: 0 25px 20px 0;	
}


/* Zeilen und Spalten */

/* -------------------------------------- */
/* EDIT PROFIL */

#center .zeile_10 {
	padding-bottom: 10px;
}

#center .zeile {
	padding-bottom: 20px;
}

#center .spalte_25 {
	width: 25px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}

#center .spalte_50 {
	width: 50px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}

#center .spalte_75 {
	width: 75px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}

#center .spalte_100 {
	width: 100px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}

#center .spalte_150 {
	width: 150px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}


#center .spalte {
	width: 130px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}

#center .spalte_200 {
	width: 200px;
	float:left;
	margin: 0 10px 10px 0;
	overflow: hidden;
}

#center .spalte_250 {
	width: 250px;
	float:left;
	margin: 0 10px 10px 0;
	overflow: hidden;
}

#center .spalte_320 {
	width: 320px;
	float:left;
	margin: 0 10px 10px 0;
	overflow: hidden;
}

#center .spalte_400 {
	width: 400px;
	float:left;
	margin: 0 10px 10px 0;
	overflow: hidden;
}

#center .spalte_500 {
	width: 500px;
	float:left;
	margin: 0 10px 10px 0;
	overflow: hidden;
}

#center .feld {
	display:block;
	margin-top:5px;
}


/* Widget ausgabe */

div.ctime {
	margin: 0 0 10px 0;
}

div.title {
	margin: 0 0 10px 0;
	font-weight: bold;
}

div.desc {
	margin: 0 0 10px 0;
}

div.object {
	margin: 0px;
}

div.comment {
	position: relative;
	top: 115px;
		margin: 0 0 50px 0;
}

/*Member*/

div#rating div.mem  {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 10px;
	left: 255px
}

/* Member = NOT */

div#rating  div.mem_not {
	position: relative;
	margin: 0 5px 0 0;
	padding: 0px;
	top: 9px;
}


div#rating div.mem_not span a {
	background-image: url(../images/widget/devils_w.gif);
	position: relative;
	display: block;
	float: right;
	width: 125px;
	height: 25px;
	cursor: pointer;
	margin: 22px 0 0 0;
}




/* Voting */

#right .loadyourvote {
	width: 150px;
	display: block;
	position: relative;
	margin-left: 20px;
	margin-top: 50px;
	text-align: left;
	
}

#right table.vote {
	border: 0px;
	text-align: left;
}

#right table.vote td {
	background-image: url(../images/white_25.png);
	background-repeat: repeat;
	padding: 0 5px;
}

#right table.vote td.white_25 {
	background-image: url(../images/white_50.png);
	background-repeat: repeat;
}

#right .vote_btn {
	display: block; 
	width: 55px;
	height: 28px;
	background-image: url(../images/vote_btn.gif);
	background-repeat: no-repeat;
}

#right .results_btn {
	visibility: hidden; 
	display: none;
	width: 0px;
	height: 0px;
}


/*Top 5 */

#toplist {
	border-top: 1px dotted #ffffff;
	border-bottom: 1px dotted #ffffff;
}

.toplist {
	width: 100px;
	float: left;
	padding-right: 10px;
}

/* Stundenplan */

#stdpl {
		position: relative;
		width: 800px;
		height: 566px;
		background-image: url(/images/stdpl/bgw.jpg);
		background-repeat: no-repeat;
		padding: 220px 20px 0 20px;
}

#stdpl .stdpl_header {
	position: absolute;
	width: 760px;
	top: 20px;
	text-align: right;
	padding-right: 40px;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
}

#stdpl table {
	width: 760px;
	height: 250px;
}

table#info {
	color: #000000;
}

#browseropt{
	width: 125px;
	padding-left: 25px;
}