/*
	Script:	style_v2.css
	Created:	2008-05-26
	Last Edit:	2009-10-05
	Author:	Andreas Burger
	Contact:	andreas@xtr-designs.de
	
	(C) by xtr-designs.de (http://www.xtr-designs.de)
*/

/* -----------------------------------------------------
	Allgemein
----------------------------------------------------- */
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background-image:url(../img/page_background_2048.gif);
	background-repeat:repeat-y;
	background-position:center;
	margin:0px;
	padding:0px;
}

/* --- Link-formatierung ------------- */
/* ----------------------------------- */
a:link, a:visited, a:active, a:hover{
 color:#999999;
 text-decoration:none;
}
a:active, a:hover{
 color:#FFFFFF;
 text-decoration:underline;
}

/* --- Positioniert die Seite -------- */
/* ----------------------------------- */
#pagewrapper{
	width:980px;
	margin:auto;
}

/* --- Infobox ----------------------- */
/* ----------------------------------- */
.msg{
 text-align:center;
 color:#FFDF00;
 margin:0px;
 padding:3px;
}

/* --- Fieldset ---------------------- */
/* ----------------------------------- */
fieldset{
	margin-top:10px;
	border:1px solid gray;
}
legend{
	color:gray;
}

/* --- Kommentare -------------------- */
/* ----------------------------------- */
/* Überschrift: "x Kommentare vorhanden" */
#comment_headline{
	color:#FFCC00;
	margin-bottom:2px;
	margin-left:6px;
}
/* Kommentarbox */
.commentbox{
	border-top:2px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	padding-left:5px;
	margin-top:15px;
}
/* Titelzeile innerhalb der Kommentarbox */
.commenthead{
	border-bottom:1px dotted gray;
	padding:5px 0;
}
.commenthead small{ /* Datum, Uhrzeit */
	font-size:9px;
	color:gray;
}
.commentnumber{ /* Laufende Nummer, wird rechts innerhalb von commenthead angezeigt */
	float:right;
	color:#FFDF00;/* FFCC00 */
	font-weight:700;
	font-size:18px;
	padding-right:5px;
}
/* Der Kommentar selbst */
.commentmessage{
	clear:right;
	padding:10px 0;
	color:#CCCCCC;
}

/* --- Rating ------------------------ */
/* ----------------------------------- */
.rating_box{
	border:1px solid gray;
	padding:5px;
	margin:10px 0;
}

/* -----------------------------------------------------
	Kopf der Seite
----------------------------------------------------- */
#banner{ height:170px; }
#banner img{ border:0; }

/* -----------------------------------------------------
	Boxen: links, mitte, rechts positionieren
----------------------------------------------------- */
#box_left, #box_middle, #box_right{
	float:left;
	margin:0px;
	padding:0px;
}	
#box_left{ width:190px; }
#box_middle{ width:600px; overflow:hidden; }
#box_right{ width:190px; }

/* -----------------------------------------------------
	Inhalt: Linke Box
----------------------------------------------------- */
/* --- Sponsors ---------------------- */
/* ----------------------------------- */
/* Setzt das Hintergrundbild */
#sponsors{
	height:162px;
	background-image:url(../img/sponsors.gif);
	background-repeat:no-repeat;
}
/* Positioniert die Sponsor-Flash-Animation */
#sponsors div{
	padding-left:29px; 
	padding-top:55px;
}

/* --- Navi -------------------------- */
/* ----------------------------------- */
/* Setzt das Hintergrundbild */
#navi{
	height:270px;
	background-image:url(../img/navigation.gif);
	background-repeat:no-repeat;
}
/* Positioniert die Navibuttons */
#navi div{
	 padding-left:30px; 
	 padding-top:55px;
}
/* Eigenschaften aller Navi-Bilder */
#navi div img{
	margin-bottom:-2px;
	border:0;
	width:141px;
	height:20px;
}

/* --- POTM -------------------------- */
/* ----------------------------------- */
/* Setzt das Hintergrundbild */
#potm{
	height:250px;
	background-image:url(../img/potm.gif);
	background-repeat:no-repeat;
}
/* Positioniert das POTM-Thumbnail */
#potm div{
	padding-left:11px; 
	padding-top:60px;
	text-align:center;
}
.potm_Sendbtn{
	margin-right:0px;
	margin-top:-28px;
}

/* -----------------------------------------------------
	Inhalt: Mittlere Box
----------------------------------------------------- */
#content_top{
	height:52px;
	background-image:url(../img/content_top.gif);
	background-repeat:no-repeat;
}
#content_middle{
	background-image:url(../img/content_middle.gif);
	background-repeat:repeat-y;
	padding:0 25px;
}
#content_bottom{
	height:41px;
	background-image:url(../img/content_bottom.gif);
	background-repeat:no-repeat;
}
#content_bottom img{ width:564px; height:41px; border:0; }
#content_bottom a:link{ margin-left:17px; }

/* --- News -------------------------- */
/* ----------------------------------- */
/* Kopf einer Newsbox */
.news_head{
	width:563px;
	height:23px;
	background-image:url(img/news_top_Event.gif);
	background-repeat:no-repeat;
	margin-left:-6px;
}
/* Inhalt: Newsboxkopf */
.news_head_content{
	color:#FFDF00;
	padding-left:10px;
	padding-top:4px;
}
/* Newstopic */
.news_topic{ padding:10px 4px 25px 4px; }

/* --- About ------------------------- */
/* ----------------------------------- */
.about_tbl{
	width:160px;
	color:#FFDF00;
	text-align:left;
}

#about_pic{
	width:170px;
	height:188px;
	background-image:url(../img/about.gif);
	background-repeat:no-repeat;
}

.about_result_head{
	color:#FFDF00;
}

/* --- Media ------------------------- */
/* ----------------------------------- */
/* Formatierung für die Mediaboxen */
.mediabox{
	height:100px;
	padding:2px;
	border:1px solid gray;
}
/* Formatierung für die einzelnen Teile der Mediabox */
.mediabox_part1{
	float:left;
	margin-right:10px;
}
.mediabox_part2{
	float:left;
	width:150px;
	margin-top:6px;
}
.mediabox_part3{
	width:265px;
	margin-top:6px;
	margin-left:265px;
}
/* Überschrift einer Album-Infobox */
.mediabox_title{
 color:#FFDF00;
 margin-top:0px;
 margin-left:110px;
 border-bottom:1px solid gray;
}
/* Beschreibung zu einem Album */
.mediabox_desc{
 height:50px;
}
/* Fußzeile einer Album-Infobox */
.mediabox_foot{
 font-weight:normal;
 margin-left:110px;
 border-top:1px solid gray;
}

/* --- Gästebuch --------------------- */
/* ----------------------------------- */
/* Gilt für alle Eingabefelder und Buttons */
.gb_input, .gb_captcha_input, .gb_btn{
	background-color:#949494;
	color:#000000;
	border:1px solid black;
}
/* GB-Eingabefelder */
.gb_input{
 width:400px;
 margin-bottom:1px;
 border:1px solid black;
}
/* Captcha - Ausgleich damit das Bild auf gleicher Höhe mit dem Eingabefeld steht*/
.gb_captcha{ margin-bottom:-4px; }
/* Eingabefeld für den Captcha-Code */
.gb_captcha_input{
	text-align:center;
	width:100px;
}
/* GB-Buttons */
.gb_btn{
 width:100px;
}

/* Gästebuchbox */
.guestbookbox{
	border-top:1px solid #FFFFFF;
	margin-top:15px;
}
/* Titelzeile innerhalb der Kommentarbox */
.guestbookhead{
	border-bottom:1px dotted gray;
	padding:5px;
}
.guestbookhead small{ /* Datum, Uhrzeit */
	font-size:9px;
	color:gray;
}
.guestbooknumber{ /* Laufende Nummer, wird rechts innerhalb von guestbookhead angezeigt */
	float:right;
	color:#FFDF00;
	font-weight:700;
	font-size:18px;
	padding-right:5px;
}
/* Der Gästebucheintrag selbst */
.guestbookmessage{
	clear:right;
	padding:10px 5px;
	color:#CCCCCC;
}

/* GB-Links */
.gb_link:link, .gb_link:visited, .gb_link:active, .gb_link:hover{
 text-decoration:underline;
 color:#FFFFFF;
}

/* --- Links ------------------------- */
/* ----------------------------------- */
.link_cat{
	text-decoration:underline;
}
.link{
	padding-left:15px;
}

/* --- Impressum / Disclaimer -------- */
/* ----------------------------------- */
.imp_headline{
 color:#FFDF00;
 margin-bottom:5px;
 padding-left:3px;
 padding-bottom:1px;
 border-bottom:1px solid gray;
 border-left:3px solid gray;
}

/* -----------------------------------------------------
	Inhalt: Rechte Box
----------------------------------------------------- */
/* --- Partner ----------------------- */
/* ----------------------------------- */
/* Setzt das Hintergrundbild */
#partner{
	height:162px;
	background-image:url(../img/partner.gif);
	background-repeat:no-repeat;
}
/* Positioniert die Partner-Bilder */
#partner div{
	padding-top:58px;
	padding-left:33px;
}
/* Eigenschaften der Bilder */
#partner img{
	border:0;
	width:52px;
	height:80px;
}

/* --- Shoutbox ---------------------- */
/* ----------------------------------- */
/* Setzt das Hintergrundbild */
#shoutbox{
	height:520px;
	background-image:url(../img/sb_shoutbox.gif);
	background-repeat:no-repeat;
}
/* Positioniert die Shoutbox */
#asb_content{
	height:310px;
	padding:60px 32px 0 25px; /*'padding-top' 'padding-right' 'padding-bottom' 'padding-left'*/
	border:0px solid red;
}

/* Allgemeine Formatierung der SB-Formularfelder */
.sb_formfield{
	width:142px;
	height:12px;
	font-size:11px;
	color:#FFFFFF;
	background-color:transparent;
	margin-top:21px;
	margin-left:18px;
	text-align:center;
	border:0;
}
/* Das Nameneingabefeld ausrichten */
.sb_formtopic{
	height:38px;
	margin-top:13px;
	text-align:left;
}
/* Securitycode anzeigen */
.sb_show_sec_code{
	margin-top:3px;
	text-align:right;
	padding-right:32px;
}
/* Eingabefeld für Securitycode */
.sb_input_sec_code{
	margin-top:-1px;
}

/* Allgemeine formatierung der SB-Buttons */
.sb_buttons{
	width:71px;
	height:15px;
	background-color:transparent;
	margin-top:1px;
	border:0px;
}
/* Send-Butten der SB */
.sb_sendbutton{
	margin-left:18px;
	background-image:url(../img/sb_btn_shout.gif);
	background-repeat:no-repeat;
}
/* Cancel-Butten der SB */
.sb_cancelbutton{
	margin-left:1px;
	background-image:url(../img/sb_btn_clear.gif);
	background-repeat:no-repeat;
}
/* Ladeanimation der Shoutbox */
.sb_load{
	width:50px;
	height:20px;
	border:0;
	margin-left:35px;
}

/* -----------------------------------------------------
	Fuß der Seite
----------------------------------------------------- */
#foot{
	clear:left;
	font-size:9px;
	color:#8f8f8f;
	height:46px;
	background-image:url(../img/foot.gif);
	background-repeat:no-repeat;
}

/* Ausrichtung der zentrierten Textlinks und der rechtsausgerichteten Grafiklinks */
#foot_left, #foot_middle, #foot_right{
	float:left;
	margin:0px;
	padding-top:29px;
}
#foot_left{ width:190px; }
#foot_middle{ width:600px; text-align:center; }
#foot_right{ width:185px; text-align:right; } /* Hier nur 185px da dadurch 5px abstand zum rechten Rand entstehen! */

/* Linkformatierung innerhalb des Footers */
#foot a:link, #foot a:visited, #foot a:active, #foot a:hover{
 color:#8f8f8f;
 text-decoration:none;
}
#foot a:active, #foot a:hover{
 color:#000000;
 text-decoration:underline;
}