@charset "utf-8";
/* CSS Document */

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial;
	font-size: 11px;
	background: #000 url(../images/body-kachel.jpg) repeat;
	color: #d0ccb3;
}

a#logo-b { display: block; width: 100%; height: 122px; background: transparent url(../images/logo.png) no-repeat center 0; margin-top: 20px; }
a:hover#logo-b { display: block; width: 100%; height: 122px; background: transparent url(../images/logo.png) no-repeat center -122px; }
a#logo-v { display: none; }

#page {
	width: 100%;
	background: url(../images/body-bg.jpg) no-repeat center top; 
}

#navi { 	background: url(../images/navi-bg.png) no-repeat center top; }

#foot {
	background: url(../images/footer-bg.png) no-repeat center;
}



/* Text Styles */

a:link { font-weight:normal; color: #d0ccb3; text-decoration: none; }
a:visited { font-weight:normal; color: #d0ccb3; text-decoration:none; }
a:focus { font-weight:normal; color: #d0ccb3; text-decoration:none; }
a:hover { font-weight:normal; color: #d0ccb3; text-decoration:none; }
a:active { font-weight:normal; color: #d0ccb3; text-decoration:none; }
a { font-weight:normal; color: #d0ccb3; text-decoration: none; }

.aktlink:link,
.aktlink:visited	{ color:#D0CCB3; }

.teaser { position: relative; color: #00627b; font-size: 9px; margin-left: 10px; }
.teaser a { position: relative; color: #808080; text-decoration: none; }
.teaser a:hover { font-weight: normal; text-decoration: underline; }
.teaser2 { position: relative; color: #808080; font-size: 9px; margin: 0 0 10px 10px; }

#foot a:link { font-weight:normal; color: #d0ccb3; text-decoration: none; }
#foot a:visited { font-weight:normal; color: #d0ccb3; text-decoration:none; }
#foot a:focus { font-weight:normal; color: #d0ccb3; text-decoration:none; }
#foot a:hover { font-weight:normal; color: #d0ccb3; text-decoration:none; }
#foot a:active { font-weight:normal; color: #d0ccb3; text-decoration:none; }

input, textarea { color: #434239; /*d0ccb3;*/ }
.loadyourvote input	{ color:#D0CCB3; }
.log_fields input	{ color:#D0CCB3; }
select	{ border:1px dashed #D0CCB3; color:#D0CCB3; }
.ecard-textarea	{ color:#D0CCB3; }
.textcomu textarea	{ color:#D0CCB3; }
#tr_pinnit textarea	{ border:1px solid #D0CCB3; color:#D0CCB3; }

/* Content Styles  */

#left .box { width: 180px; margin-bottom: 5px; }
#left .box .top { width: 180px; height: 20px; background: transparent url(../images/boxen/left-box1-top.png) no-repeat top; }
#left .box .center { width: 150px; padding: 0 10px 0 20px; background: transparent url(../images/boxen/left-box1-center.png) repeat-y center; }
#left .box .center_w { width: 163px; padding: 0 0 0 17px; background: transparent url(../images/boxen/left-box1-center.png) repeat-y center; }
#left .box .bottom { width: 180px; height: 20px; background: transparent url(../images/boxen/left-box1-bottom.png) no-repeat bottom; }

#right .box { width: 180px; margin-bottom: 5px; }
#right .box .top { width: 180px; height: 20px; background: transparent url(../images/boxen/left-box1-top.png) no-repeat top; }
#right .box .center { width: 140px; padding: 0 20px; background: transparent url(../images/boxen/left-box1-center.png) repeat-y center; }
#right .box .center_w { width: 163px; padding: 0 0 0 17px; background: transparent url(../images/boxen/left-box1-center.png) repeat-y center; }
#right .box .bottom { width: 180px; height: 20px; background: transparent url(../images/boxen/left-box1-bottom.png) no-repeat bottom; }
#right .box a:link, #right .box a { text-decoration: underline; }

#center .inhalt_blank { margin: 10px 0 0 5px; }
#center_small .inhalt_blank { margin: 10px 0 0 5px; }

#center .top { background: url(../images/center_box_top.png) no-repeat; height: 20px;  margin: 0; }
#center .inhalt { background: url(../images/center_box_middle.png) repeat-y; margin: 0; width: 590px; padding: 0 20px; }
#center .bottom { background: url(../images/center_box_bottom.png) no-repeat; height: 20px;  margin: 0; }

#center_small .top_small { background: url(../images/center_box_top_small.png) no-repeat; height: 20px;  margin: 0; }
#center_small .inhalt_small { background: url(../images/center_box_middle_small.png) repeat-y; margin: 0; width: 414px; padding: 0 20px; }
#center_small .bottom_small { background: url(../images/center_box_bottom_small.png) no-repeat; height: 20px;  margin: 0; }

#center_small .box { 
	width: 218px;
	height: 134px;
	float: left;
	margin: 0 4px 4px 0;
}

.freebtn { position: absolute; margin: -10px 0 0 -10px; width: 78px; height: 78px; z-index: 100; background: url(../images/btns/btn-forfree.png) no-repeat; }
#flashcontent4 { background: #000000 url(../images/boxen/box-ringtones.png) no-repeat; width: 218px; height: 134px; }


#center_small a.ringtones { background: url(../images/boxen/box-ringtones.png) no-repeat; margin: 0 4px 4px 0; }
#center_small a.musicmaker { background: url(../images/boxen/box-musicmaker.png) no-repeat; margin: 0 0 4px 0; }

#center_small a.madmovies { background: url(../images/boxen/box-madmovies.png) no-repeat; margin: 0 4px 4px 0; }
#center_small a.fightclub { background: url(../images/boxen/box-fightclub.png) no-repeat; margin: 0 0 4px 0; }

#center_small a.pinnwand { background: url(../images/boxen/box-pinnwand.png) no-repeat; margin: 0 4px 4px 0; }
#center_small a.darkstuff { background: url(../images/boxen/box-darkstuff.png) no-repeat; margin: 0 0 4px 0; }

#center .forumbox {
  position: relative;
  width: 550px;
  height: 180px;
  background-image: url(../images/boxen/forum.jpg);
}

#slider { 
	position: relative;
	background: transparent url(../images/darkstuff/slideshow-bg.png) no-repeat;
	width: 414px;
	height: 458px;
	padding: 0;
}


.artbox { border: 1px dashed; padding: 10px; margin-bottom: 15px; }
.artbox2 { border: none; padding: 10px; margin-bottom: 10px; }


/* Rating Styles */

#widget a.add { display: block; position: absolute; width: 117px; height: 30px; top: 65px; cursor: pointer; background-image: url(../images/widget/add_btn.gif); }
#widget a.add:hover { display: block; position: absolute; width: 117px; height: 30px; top: 65px; cursor: pointer; background-image: url(../images/widget/add_btn_b.gif); }

#widget a.send { display: block; position: absolute; top: 7px; width: 132px; height: 24px; left: 178px; cursor: pointer; background-image: url(../images/widget/send_to.gif); }
#widget a.send:hover { display: block; position: absolute; top: 7px; width: 132px; height: 24px; left: 178px; cursor: pointer; background-image: url(../images/widget/send_to_b.gif); }


a.rate {
   position: relative;
   margin-top: 15px;
   background-image: url(../images/widget/devil_ico_w.gif);
   background-repeat: repeat-x;
   background-color: #ff0000;
   height: 50px;
   width: 125px;
   overflow: hidden;
   display: block;
   cursor:pointer;
}

a.rate span {
	position: relative;
	margin-top: 15px;
   background-image: url(../images/widget/devil_ico_b.gif);
   background-repeat: no-repeat;
   display:block;
   height:100%;
   width:0;
}


/* Inlinepopup Style */

#sendmail {
	position: relative;
	width: 350px;
	height: 350px;
	background-image: url(../images/popup/popup_b.gif);
}

/* Shop Finder */

.shopfinder 
{
width:420px;
height:150px;
background-color: transparent;
background-image:url(../images/darkstuff/shopfinder.png);
background-repeat:no-repeat;
position: relative;
}

.shopfinder select, .shopfinder option, .shopfinder input
{
border-color:#d0ccb3;
color:#ffffff;
background-color:#000000 !important;
} 

.shopfinder .inputleft
{
position:relative;
width:100px;
height: 21px;
top:74px;
left:60px;
float:left;
}

.shopfinder .inputright
{
position:relative;
width:200px;
height: 21px;
top: 70px;
left: 175px;
float: left;
}

/* Shops */

#shops ul li:hover {
	background-color: #d0ccb3;
	cursor: pointer;
}


/* links */

a.myspace { background-image: url(../images/links/myspace.gif); width: 250px; height: 40px; position: relative; float:right; }
a.myspace:hover { background-image: url(../images/links/myspace.gif); width: 250px; height: 40px; position: relative; float:right;}

a.studivz { background-image: url(../images/links/studivz.gif); width: 300px; height: 40px; display: block; position: relative;}
a.studivz:hover { background-image: url(../images/links/studivz_o.gif); width: 300px; height: 40px; display: block; position: relative;}

a.schuelervz { background-image: url(../images/links/schuelervz.gif); width: 300px; height: 40px; display: block; position: relative;}
a.schuelervz:hover { background-image: url(../images/links/schuelervz_o.gif); width: 300px; height: 40px; display: block; position: relative;}


/* rating neu */

div#rating div.mem_not span a:hover {
	background-image: url(../images/widget/devils_b.gif);
}


div#rating form {
	position: relative;
	margin: 0px;
	padding: 0px;
	top: 0px;
}

div#rating input {
	margin: 0px;
	padding: 0px;
}

div#rating form span {
	height: 25px;
}


div#rating form span.devbtn1 {
	background-image: url(../images/widget/devil_ico_w.gif);
	position: absolute;
	width: 25px;
	float: left;
	top: 22px;
}

div#rating form span.devbtn2 {
	background-image: url(../images/widget/devil_ico_w.gif);
	position: absolute;
	width: 25px;
	margin-left: 25px;
	float: left;
	top: 22px;
}

div#rating form span.devbtn3 {
	background-image: url(../images/widget/devil_ico_w.gif);
	position: absolute;
	width: 25px;
	margin-left: 50px;
	float: left;
	top: 22px;
}

div#rating form span.devbtn4 {
	background-image: url(../images/widget/devil_ico_w.gif);
	position: absolute;
	width: 25px;
	margin-left: 75px;
	float: left;
	top: 22px;
}

div#rating form span.devbtn5 {
	background-image: url(../images/widget/devil_ico_w.gif);
	position: absolute;
	width: 25px;
	margin-left: 100px;
	float: left;
	top: 22px;
}


div#rating form span.devbtn1:hover {
	background-image: url(../images/widget/devil_ico_b.gif);
	position: absolute;
	width: 25px;
	float: left;
	top: 22px;
}

div#rating form span.devbtn2:hover {
	background-image: url(../images/widget/devil_ico_b.gif);
	position: absolute;
	width: 25px;
	margin-left: 25px;
	float: left;
	top: 22px;
}

div#rating form span.devbtn3:hover {
	background-image: url(../images/widget/devil_ico_b.gif);
	position: absolute;
	width: 25px;
	margin-left: 50px;
	float: left;
	top: 22px;
}

div#rating form span.devbtn4:hover {
	background-image: url(../images/widget/devil_ico_b.gif);
	position: absolute;
	width: 25px;
	margin-left: 75px;
	float: left;
	top: 22px;
}

div#rating form span.devbtn5:hover {
	background-image: url(../images/widget/devil_ico_b.gif);
	position: absolute;
	width: 25px;
	margin-left: 100px;
	float: left;
	top: 22px;
}

div.quote {
	position: absolute;
	margin: 45px 0 0 101px;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #0099BF;
}

/* Voting */

#center .inhalt table.vote {
	background-image: url(../images/voting/voting_bg_b.gif);
	background-repeat: no-repeat;
	padding: 20px;
	width: 550px;
	height: 350px;
	font-size: 120%;
	font-weight: bold;
}

#center .inhalt .vote_btn {
	display: block; 
	width: 55px;
	height: 28px;
	background-image: url(../images/voting/vote_btn.gif);
	background-repeat: no-repeat;
	float: left;
	margin-right: 50px;
}

#center .inhalt .results_btn {
	display: block; 
	width: 110px;
	height: 28px;
	background-image: url(../images/voting/results_btn.gif);
	background-repeat: no-repeat;

}

/* Send to Friend */

#sendtofriend {
	padding: 0px;
	margin: 0px;
	background-color: #000000;
}

table.sendtofriend {
	background-image: url(../images/popup/popup_b.gif);
	background-repeat: no-repeat;
}


/* Community */

.statonline {
  font-weight: bold;
  color: #cc0000;
}

/* HandyToHell */

.new {
	background-color: #0099BF;
	padding: 10px;
}

/* Forum */

.forum_headline {
	background-color: #333333;
	color: #ffffff;
}

.forum_headline a {
	color: #ffffff;
  text-decoration: none;
}

.forum_subline {
  width: 100%;
	border: 1px solid #00c3f5;
}

.forum_subline a {
  text-decoration: none;
}

.forum_counter {
  color: #ffffff;
}

.forum_last {
  color: #ffffff;
}

.forum_nick a {
  color: #ffffff;
}

.forum_footer {
  width: 100%;
	border-top: 1px solid #00c3f5;
	border-left: 1px solid #00c3f5;
	border-right: 1px solid #00c3f5;
	border-bottom: 1px dashed #00c3f5;
}

.forum_footer a {
  text-decoration: none;
}

.forum_user_pic img {
  width: 50px;
}

.forum_text {
	background-color: #333333;
	padding: 10px;
}

#thread_wrapper {
  color: #ffffff;
}

#thread_wrapper a {
  text-decoration: none;
  color: #ffffff; 
}

#thread_wrapper a:hover {
  color: #00c3f5;
}

#thread_header {
  background-color: #333333;
  padding: 10px;
  margin-top: 5px;
  color: #ffffff;
}

#thread_header a {
  text-decoration: none;
  color: #ffffff; 
}

#thread {
  padding: 10px;
  margin-top: 5px;
  color: #ffffff;
}

.thread_subline {
  border-top: 1px solid #00c3f5;
  border-bottom: 1px solid #00c3f5;
  background-color: #333333;
  padding: 5px;
  color: #888888;
}

.thread_subline  a {
  text-decoration: none;
  color: #ffffff; 
}

.thread_footer {
  padding-bottom: 2px;
}

.thread_footer  a {
  text-decoration: none;
  color: #ffffff; 
}

.text_white {
  color: #ffffff;
}

.thread_table {
  border: 1px solid #00c3f5;
  margin-bottom: 5px;
}