/* style.css von Johannes Schäfer
*	Für Black-Pete.de
*	
*	26.10.2007
*
*******************************
	Inhaltsverzeichnis:
		§ 0		Initialisierung
		§ 1		Layout-Einstellungen
		§ 2		Content-Bereich
		§ 3             Hauptmenu
		§ 4             Untermenu
		§ 5             Panel
                § 6             Suche	
*******************************/

@import url("/_css/referr.html");

/***************************
*	§ 0
*		Initialisierung aller Abstände usw.
*
****************************/
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; font-size: small; font-family: Tahoma, Verdana, Geneva, Albany, Arial,sans-serif; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* Try insofar as possible to set all font sizes here. 
----- use em rather than px to allow more flexable font size changes in the browser */
h1 { font-size: 184.62%; }  /* ca. 24px; */
h2 { font-size: 153.85%; }  /* ca. 20px; */
h3 { font-size: 138.46%; }  /* ca. 18px; */
h4 { font-size: 123.08%; }  /* ca. 16px; */
h5,h6 { font-size: 107.69%; }  /* ca. 14px; */

/***************************
*	$ 1
*		LAYOUT-Einstellungen
*
****************************/
html{
	/* This sets the font styles for the entire html file.
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
}
body{
	background: #3d3d3d url(http://blackpete.de//assets/images/template/background.png) top center repeat-x; /* the sets the background color */

}
#middle {
	margin: auto;
	width: 900px;
}
#container {
/*
        margin: 0px;
        width: 715px;
*/
}

#contentframe {
        margin-top: 67px; /* +20 wegen abgerundeten Kanten des Logos */
        background: url(http://blackpete.de//assets/images/template/bg.png) top left repeat-y;        
        float: left !important;
 	width: 527px;
        margin-bottom: 20px; /* +20 wegen abgerundeten Kanten des Footers */
        margin-left: 15px; margin-right: 15px;
}
#logo {
        display: block;
        margin-top: -20px; /* wegen abgerundeten Kanten (s.o.) */
        background: url(http://blackpete.de//assets/images/template/logo.png) top left no-repeat;
 	width: 527px;
	height: 143px;
}
h1.logo { display: none; }
#menu {
        background: url(http://blackpete.de//assets/images/template/menu_bg.png);
        width: 527px;
        height: 70px;
}
#contents {}
#contentfooter {
        background: url(http://blackpete.de//assets/images/template/middlebottom.png);
 	width: 527px;
        height: 20px;
        margin-bottom: -20px; /* wegen abgerundeten Kanten (s.o.) */
}
#panelframe_left {
        margin-top:47px;
	width: 166px;
        float: left;
        overflow: hidden;
}
#panelframe_right {
        margin-top:47px;
	float: left;
        width: 166px;
        overflow: hidden;
}
.panel_head {
	background: url(http://blackpete.de//assets/images/template/login_bg.png);
	height: 143px;
        width: 166px;
}
.sidemenu {
	background: url(http://blackpete.de//assets/images/template/menulittle_bg.png) no-repeat;
	height: 35px;
        width: 166px;
}
.panel {
        background: url(http://blackpete.de//assets/images/template/panel_bg.png) repeat-y;
        width: 166px;
        }
.panelfooter {
	background: url(http://blackpete.de//assets/images/template/panelbottom.png);
	height: 25px;
        width: 166px;
}

/***************************
*	§ 2
*		Contentbereich
*
****************************/

/************ Grundlagen ****************/
a { text-decoration: none; color: #666; }
a:visited { color: #666; }
a:hover { color: #999; }
.active a { color: #F8830D; }
.active a:hover { color: #999; }

/* emphasise */
em { color: #666; }
a:hover em { font-style: normal; color: #999; }

/*******allgemeines********/

#contents h4 {margin-top:5px;}

div#title { margin: 0 50px; }

span.wimpel { margin-left: -45px; width: 30px; height: 80px; float: left; background-color: #000;/*background wird am Objekt festgelegt*/ }

div#title div#time { font-size: 10px; font-family: 'Times New Roman', serif; text-align: right; color: #999; }

#contents { margin: 0px 50px; width: 437px; }
/*
#contents div, #contents p {
    font-size: 10pt;
}
*/
/* Überschrift / Titel der Seite */
div#title {
   font-size: 12pt;
   font-weight: bold;
}
div#contents div.facts {
margin: 10px;
padding: 10px 25px;
border: thin solid #F8830D;
}
div#contents div.facts ul {
margin-left: 20px;
list-style: disc outside;
}

/***********vorschau von rezensionen************/


#contents div.ditto_summaryPost img.award { display: block; float: left; margin: 5px; border: thin silver solid; }
#contents div img.award { display: none; } /* in der Detailansicht wird der Award ausgeblendet */
#contents div.ditto_summaryPost h1 {font-size: 130%; }
#contents div.ditto_summaryPost h2 {font-size: 120%; }
#contents div.ditto_summaryPost h3 { margin: 5px 0px; text-transform: uppercase; }
#contents div.ditto_summaryPost h3 a {
    text-decoration:none; 
    color: #000;
}
#contents div.ditto_summaryPost div.artikel {margin-left:165px;}
#contents div.ditto_summaryPost div.readon {text-align:right;}
div.readon a { color: #F8830D; text-decoration: none; font-weight: bold; }
div.readon a:hover { color: #999; }
div.readon a:visited { color: #F8830D; }

hr.previewtrenner {margin-top:10px;width:100%; background: #fff url(http://blackpete.de//assets/images/points.png) repeat-x center center; height:15px;clear: both;border:none;}


/***********detailansicht von rezensionen************/
#contents img.bewertung {
    text-align: center;
    margin: 10px;
}
/***********Gallerien in Rezensionen************/
div.imagebox {
text-align: center;
margin: 20px auto;
padding-left: 0;
overflow: hidden;
height: auto;
clear: both;
}
div.thumbscontainer  { margin: 5px 0px; }
div.thumbscontainer a {margin: 0px; padding: 0;}
img.thumbnail {
margin: 0;
padding: 0;
border: thin solid gray;
}

div#contents p {margin:5px 0px 0px;}
div#contents h2 { margin-top: 10px; }
div#contents .autor { color: #999; margin: 5px 0; }

div.wertung {
margin: auto;
margin-top: 0px;
text-align: center;
width: 200px;
}
div.wertung img { margin: 0px; }

/***********Download Auflistung************/
#contents #downloads h3 { font-size: 1.2em; }
#contents .download h4 a {
color: #F8830D;
}
#contents .download h4 a:hover {
color: #999;
}
/***********Links Auflistung************/
#contents #links h3 { font-size: 1.2em; }
#contents .weblinks h3 a {
color: #F8830D;
}
#contents .weblinks h4 a {
color: #F8830D;
}
#contents .weblinks h4 a:hover {
color: #999;
}
/***********LinkListe************/
#contents div.weblinkletters {
margin: auto;
background-color: #eee;
}
#contents div.weblinkletters span.activeletter a { font-weight: bold; color: #0099cc; }
#contents span.azalpha {
  font-size: 12px;
  margin: 0;
}
#contents span.azsep {
  font-size: 10px;
  margin: 0px 1px;
  color: #F8830D;
}
#contents .weblinks h3 a {
color: #F8830D;
}
#contents .weblinks h3 a:hover {
color: #999;
}
#contents .weblinks .small {font-size: 75%;}

/********** Termine ********/

.date_head { margin-top:20px; width:100%; background: url(http://blackpete.de//assets/images/points.png) repeat-x center center; text-align: right;  }
.date_head span{ background: #fff; margin-right: 80px; padding: 0 10px; }

/***********Impressum********/
div.impressum h1 {font-size:16px;margin:5px;}
div.impressum h2 {font-size:13px;margin:5px 0px;}


/*****************
 *  § 2.2
 *  Tag-Links
********************/
.weblinks { margin: 0 15px; }
.weblinks .preview { margin: 5px; margin-right: 10px; float: left; width: 50px; }



/*****************************************
*	§ 3
*		Hauptmenue
*
*****************************************/
#mainmenu {
    padding-top: 15px;
    margin-left: 15px;
    font-size: 13px; 
    font-family: Interstate, Verdana, Arial, sans-serif;
}
#mainmenu ul { display:block; margin:0px;padding:0px;}
#mainmenu ul li {
    display: block;
    float: left;
    margin:0px;
    padding:0px;
    padding-left: 5px;
}
#mainmenu ul li a {
    margin:0px;
    padding:0px;
    color: #fff;
}
#mainmenu ul li a:hover { color: #999; }
#mainmenu ul li.active a { color: #F8830D; }
#mainmenu ul li.active a:hover { color: #999; }

/*****************************************
*	§ 3.1
*		kleine Seitenmenu
*
*****************************************/
.sidemenu {
    padding-top: 15px;
    font-size: 11px; font-family: Verdana, Arial, sans-serif;
}
.sidemenu ul { display:block; margin: 0px; margin-left: 10px; }
.sidemenu ul li {
    display:inline; 
}
.sidemenu ul li a {
    color: #fff;
    padding-left: 5px;
}
.sidemenu ul li a:hover { color: #999; }
.sidemenu ul li.active a { color: #fff; }
.sidemenu ul li.active a:hover { background-color: transparent; color: #999; }

/***************************************
*	§ 4
*		Untermenu
*
***************************************/
#submenu {
    margin-left: 15px;
    font-size: 11px; font-family: Interstate, Verdana, Arial, sans-serif;
    clear: both;
}
#submenu ul {
    display:block; margin: 0; padding:0;
}
#submenu ul li {
    margin-left: 5px;
    padding-top: 10px;
    display: block;
    float: left;
}
#submenu ul li a {
    text-decoration: none;
    color: #fff;
}
#submenu ul li a:hover { color: #999; }
#submenu ul li.active a { color: #000; }
#submenu ul li.active a:hover { color: #999; }

/***************************
*	§ 5
*		Panel
*
****************************/
.panel > div{
    margin-left:15px;
    margin-right: 15px;
}

.panel_heading {
    font-size: 12px;border-bottom: thin solid silver;
}
#sidebarmenu_left ul {
    list-style-type: none;
}

.random_rezi img,
.random_download img,
.random_link img { margin-top: 5px; margin-bottom: 5px; }
/**************************************
         § 5.1  LOGIN BEREICH
**************************************/
#login #bpWlpeLogin {
padding-top: 53px;
margin-left: 12px;
width: 146px;
}
div#login input#wlpeUsername {
margin:5px 0px;
padding-left: 2px;
background-color: #000;
border: solid 1px white;
color: #fff;
width: 140px;
}
div#login input#wlpePassword {
margin:5px 0px;
padding-left: 2px;
background-color: #000;
border: solid 1px white;
color: #fff;
width: 140px;
}
#bpWlpeLogin a:link,
#bpWlpeLogin a:visited {
color: #fff;
}

#login #bpWlpeLogout {
    padding-top: 53px;
    margin-left:12px;
    font-size: 12px;
    color:#fff;
}
div.bpWlpeUsersList h3 { display:none; }

div.wlpeRegisterInfo { margin: 5px 0px; }

/**************************************

        § 5.2   Bilder im Panel-BEREICH

**************************************/
div.topPanel {
margin:auto; width: 80%;
}

/**************************************
*
*       § 5.3  Side Bar Menu
*
**************************************/
div#sidebarmenu,
div.sidebar {
font-size: 12px; 
font-family: Times, serif;
line-height: 150%;
}
div#sidebarmenu ul li a,
div.sidebar ul li,
div.sidebar ul li a {font-family: Times, serif;}

.terminesoon { font-size: 12px; }
.terminesoon h4 { font-size: 12px; border-bottom: thin solid silver; }


/***************************
*	§ 6
*		Suche
*
****************************/
#ajaxSearch_resultListContainer .ajaxSearch_result {
  min-height: 80px;
  display:block;
}
.ajaxSearch_extract {display: block;}
.ajaxSearch_highlight1 {background-color: #6f6;}
.ajaxSearch_highlight2 {background-color: #6cf;}
.ajaxSearch_highlight3 {background-color: #fc0;}
.ajaxSearch_highlight4 {background-color: #6f6;}
.ajaxSearch_highlight5 {background-color: #6cf;}
.ajaxSearch_highlight6 {background-color: #fc0;}

/************
  Sitemap

*******************/
div#sitemap ul { margin: 5px 20px; }
#sitemap ul li { margin: 3px 0px; font-size: 120%; border-bottom: thin solid silver; }
#sitemap .child1 { font-size: 12px; }
#sitemap .child1 li { margin-left: 8px; border: none; font-size: 100%;}
.nolink { color: #666; }

/************
  Footer

*******************/
div#footBar {
font-size: 10px;
color: #666;
text-align: center;
}
#footBar .w3c {
margin:5px auto;
}
div#footBar a {color: #666;}
div#footBar a:hover {color: #F8830D; }