﻿body 
{
	background: #505050 url('Images/back.jpg') repeat-x top left;
	color: #FFFFFF;
	font-family: "Lucida Grande", Verdana, Tahoma, Sans-Serif;
	font-size: 10pt;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	line-height: 1.2em;
}

#page_wrapper
{
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}

#page_header
{
	width: 970px;
	height: 80px;
	background: url('Images/banner.png') no-repeat;
	position: relative;
}

#banner
{
	position: absolute;
	right: 10px;
	top: 10px;
}

#menu_left
{
	float: left;
	width: 150px;
	margin-top: 20px;
}

#menu_right
{
	float: right;
	width: 150px;
	margin-top: 20px;
}

#page_content
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 630px;
}

#page_footer
{
	clear: both;
	width: 970px;
	text-align: center;
	margin-top: 20px;
}

h1, h2, h3, h4, h5, h6
{
	color: #FFFFFF;
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
h4, h5, h6 { font-size: 1em; }


a
{
	color: #ccaa00;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	text-decoration: underline;
}

.small
{
	font-size: 0.8em;
}

div.message
{
	background-color: #C07070;
	border: solid 1px #A00000;
	padding: 10px;
	margin-top: 15px;
}

div.information
{
	background-color: #5c5c5c;
	border: solid 1px #000000;
	padding: 10px 10px 10px 50px;
	margin-top: 15px;
	background-image: url('Images/info.jpg');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	min-height: 30px;
}

div.message ul, div.information ul
{
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

div.message ul li, div.information ul li
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.Watermark
{
	color: #888888;
}

/* ---------------------- Content ----------------------- */

div.content_head
{
	background: url('Images/content_top.png') no-repeat;
	height: 24px;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 6px;
	color: #f0f0f0;
}

div.content_body
{
	background-color: #101010;
	padding: 15px;
}

div.content_foot
{
	background: url('Images/content_bottom.png') no-repeat;
	height: 18px;
	margin-bottom: 15px;
}

div.content_foot
{
	background: url('Images/content_bottom.png') no-repeat;
	height: 18px;
	margin-bottom: 15px;
}

/* ---------------------- MENU ---------------------- */

div.menu_head
{
	background-image: url('Images/menu_top.png');
	background-repeat: no-repeat;
	height: 24px;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 6px;
	color: #f0f0f0;
}

div.menu_body
{
	background-color: #101010;
	padding: 10px;
}

div.menu_foot
{
	background: url('Images/menu_bottom.png') no-repeat;
	height: 18px;
	margin-bottom: 15px;
}

ul.menu
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul.menu li
{
	display: block;
}

ul.menu li a
{
	display: block;
	padding-bottom: 1px;
	padding-top: 1px;
	color: #ccaa00;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.8em;
}

ul.menu li a:hover
{
	
}

ul.menu li a.active
{
	font-weight: bold;
}

/* ------------------------- Userlist --------------------------- */

ul.userlist
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul.userlist li
{
	display: block;
}

ul.userlist li img
{
	vertical-align: middle;
}

ul.userlist li a
{
	padding-top: 1px;
	padding-bottom: 1px;
	color: #ccaa00;
	text-decoration: none;
	font-size: 0.8em;
}

ul.userlist li a:hover
{
	font-weight: bold;
}


/* ---------------------- BuddyList ------------------- */

table.buddy
{
	width: 100%;
}

table.buddy th
{
	text-align: left;
	font-weight: bold;
}

table.buddy td
{
	border-bottom: solid 1px #5c5c5c;
}

/* ---------------------- News -------------------- */

table.news
{
	table-layout: fixed;
	border: solid 1px #000000;
	width: 100%;
}

tr.news_head
{
	background: url('Images/news_back.png') repeat-x;
	height: 20px;
}

tr.news_body
{
	background-color: #1c1c1c
}

tr.news_foot
{
	background-color: #000000;
	height: 20px;
}

tr.news_foot td
{
	padding-top: 2px;
}

tr.news_foot td a
{
	color: #ccaa00;
}

tr.news_admin td
{
	background-color: #000000;
	color: #ffffff;
	text-align: right;
	padding: 3px;
}

tr.news_admin a
{
	color: #ccaa00;
}

td.newstitle
{
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
	padding: 2px 5px 5px 5px;
}

td.newsdate
{
	color: #FFFFFF;
	width: 120px;
	text-align: right;
	font-size: 0.8em;
	font-weight: bold;
	padding: 2px 5px 5px 5px;
}

td.newscontent
{
	color: #FFFFFF;
	padding: 10px;
}

td.newsuser
{
background-color: #000000;
}

/* ---------------- ValidationSummary --------------- */

.ValidationSummary
{
	display: block;
	background: #3c3c3c url('Images/ValidationSummary.jpg') no-repeat 10px 10px;
	border: solid 1px #000000;
	padding: 6px 6px 6px 50px;
	margin-top: 10px;
	min-height: 36px;
	_height: 36px;
}

.ValidationSummary ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.ValidationSummary ul li
{
	color: #ccaa00;
	padding-top: 5px;
	padding-bottom: 5px;
}


/* ----------------- Wizard (z.B. beim Registrieren) --------------- */

.Wizard
{
	margin-top: 15px;
}

.WizardStep
{
	padding: 10px;
	border: solid 1px #000000;
	background-color: #3c3c3c;
}

.WizardNavigation
{
	padding: 10px;
	background-color: #1c1c1c;
	border: solid 1px #000000;
}

/* ------------------------ Profil ---------------------- */

div.edit
{
	text-align: right;
}

table.profil
{
	width: 100%;
	background-color: #505050;
	border: solid 1px #505050;
	border-collapse: collapse;
}

table.profil td.links
{
	background-color: #0c0c0c;
	font-weight: bold;
	color: #FFFFFF;
	width: 130px;
	border-bottom: solid 1px #505050;
	vertical-align: top;
}

table.profil td.rechts
{
	background-color: #3c3c3c;
	color: #FFFFFF;
	border-bottom: solid 1px #505050;
	vertical-align: top;
}

table.profil input, table.profil textarea, table.profil select
{
	border: solid 1px #AAAAAA;
	background: #F2F2F2;
	color: #000000;
}

table.messages
{
	
}

table.messages th
{
	background: #0C0C0C;
	color: #ffcc00;
	text-align: left;
	font-weight: bold;
}

table.messages tr.even
{
	background: #3C3C3C;
}

table.messages tr.odd
{
	background: #5C5C5C;
}


p.messagesTitel
{
	margin-bottom: 3px;
	font-weight: bold;
}

p.messagesDatum
{
	font-size: 0.8em;
	margin-top: 3px;
}


div.messagesNachricht
{
	padding: 5px;
}

.hinweis
{
	font-size: 0.8em;
	color: #ffcc00;
}

.tabProfil
{
	background-color: transparent;
}

.tabProfil .ajax__tab_tab
{
	background-color: #303030;
	border-left: solid 1px #505050;
	border-right: solid 1px #505050;
	border-top: solid 2px #505050;
	padding: 4px;
	color: #ccaa00;
}

.tabProfil .ajax__tab_hover .ajax__tab_tab,
.tabProfil .ajax__tab_active .ajax_tab_tab
{
	border-top: solid 2px #ccaa00;
}

.tabProfil .ajax__tab_body
{
	border: solid 2px #303030;
	padding: 8px;
}

/* --------------- Events ------------- */

table.events
{
	width: 100%;
	background-color: #000000;
}

table.events th
{
	color: #000000;
	background-color: #ccaa00;
	text-align: left;
}

table.events tr.even
{
	background-color: #2c2c2c;
}

table.events tr.odd
{
	background-color: #3c3c3c;
}

/* --------------- Fotos -------------- */

table.kategorien
{
	width: 100%;
	background-color: #000000;
}

table.kategorien th
{
	text-align: left;
	font-weight: bold;
	background-color: #ccaa00;
	color: #000000	
}

table.kategorien tr.even
{
	background-color: #2c2c2c;
}

table.kategorien tr.odd
{
	background-color: #3c3c3c;
}

table.kategorien a
{
	font-weight: normal;
	color: #ffffff;
}

div.fotos
{
	border: solid 1px #000000;
	background-color: #3c3c3c;
	padding: 10px;
	width: 578px;
}

div.foto
{
	position: relative;
}

div.username
{
    position: absolute;
	background-color: #000000;
	border: solid 1px #ccaa00;
	padding: 3px;
}

/* --------------- Foto-Kommentare -------------- */

div.kommentare
{
	margin-top: 10px;
	background-color: #3c3c3c;
	border: solid 1px #000000;
}

div.kommentare div.datum
{
	background-color: #000000;
	padding: 2px;
}

div.kommentare div.kommentar
{
	clear: both;
	padding: 10px;
}


table.fotos_einlesen
{
	width: 100%;
	background-color: #1c1c1c;
	border: solid 1px #000000;
}

table.fotos_einlesen th
{
	font-weight: bold;
	text-align: left;
}
/* -------------- Links --------------- */

div.highlight
{
	color: #000000;
	background-color: #ccaa00;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	border: solid 1px #000000;
	margin-top: 10px;
	margin-bottom: 15px;
}
.text
{
	font-size: 9pt;
	color: #e4e4e4;
	font-weight: bold;
	text-decoration: none;
}
/* -------------- Partner --------------- */
.text1
{
    font-size: 9pt;
	color: #505050;
	font-weight: bold;
	text-decoration: none;
}


/* -------------- AJAX Popup ------------ */

.PopUp
{
	background-color: #3c3c3c;
	border: solid 2px #000000;
	width: 450px;
	min-height: 150px;
	padding: 20px;
}

/* --------------- Aktuelles --------------- */

ul.Aktuelles
{
	list-style-type: none;
	margin: 0px;
	padding : 0px;
}

ul.Aktuelles .datum
{
	font-weight: bold;
	color: #ccaa00;
}

ul.Aktuelles .meldung
{
	
}

/* --------------- Guestbook ---------------- */

table.guestbook
{
	background: #2c2c2c;
	border: solid 1px #000000;
}

table.guestbook th
{
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}

table.guestbook td
{
	vertical-align: top;
}

div.guestbook
{
	background: #2c2c2c;
	border: solid 1px #000000;
	padding: 10px;
	margin-bottom: 20px;
}

h2.guestbook
{
	color: #ccaa00;
}

div.line 
{
	background: #aaaaaa;
	height: 1px;
	width: 99%;
	margin: 10px 0px 10px 0px;	
}



/* AJAX-Validator callout */
.ajax__validatorcallout
{
	color: #000000;
}
