@charset "UTF-8";
/* CSS Document */
/*Copyright (c) 2009, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txtversion: 2.7.0 */

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* YAHOO END  */

/* ###################################   ColorKlassen   ##################################### */

.white_no {	background-color:#fff;	}.no_black {	color:#000;	}	

	/* ###################################   Schrifttypen   ##################################### */	
	
	.size14 {	font-size:108%;	}	
/* ###################################   visibility   ##################################### */

.hide {	
	display:none;  }	
	

/* ###################################   allgemiene grundlegende styles   ##################################### */
html {
height: 101%;	
	}
	
body {	
margin: 0;	
padding: 0;	
width: 100%;	
height: 100%;	

color: #ccc;
background-color:#000000;

    color: rgb(255, 255, 255);

    font-family: 'GillSans', 'Gill Sans', 'Trebuchet MS', 'ArialMT', sans-serif;
    font-size: 15px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    opacity: 1.00;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
	


}

/*  for IE6 set extra not with body */
table,tr,td,th {font-size: 100%;}


/* h1 siehe contenheading  */
h2, h3, h4 {
	font-size:100%;
	color:#fff;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	}

	
h2 {
	font-size:100%;
	color:#fff;
	font-weight:bold;
	margin:30px 0px 10px 0px;
	text-transform: uppercase;
	}	
	
a {
	
text-decoration:none;	
color:#fff;
}

a:hover {
	color:#ccc;
	text-decoration:underline;	
}


a.donate {
	margin:0px;
	}
	
img {border-width:0px;}

.toplink {
	padding:7px 0px 7px 32px;
	height:26;
	background-image: url(../images/toplink.png);
	background-position:1px 0px;
	background-repeat:no-repeat;	
	
	}


input,textarea, select {
	border:1px solid #333;
 	background-color: #222;
 	color:#ccc;
	
	}

	
input.button, button {
	background-color: #c7a468;
	border:1px solid #333;
 	color:#fff;
 	cursor:pointer;
	
	}
input.button:hover, button:hover {
	background-color:#f1df97;
	}	
	

#clear {	clear:both;	}

#content ul {
	
	padding:10px 0px 10px 25px;
	margin:0px;
	
	
	}

#content li {
	padding-left:0px;
	background-image: url(../images/liste_main_bg.jpg);
	background-position: 0px 6px;
	background-repeat: no-repeat;
}

/* Seiteneinteilungen  --- Container */	
/* ###################################   Seitenaufteilung   ##################################### */		
#theSite  {	
	
width:1000px;	
	position:relative;

	left:50%;

	margin-left:-500px;	

min-height:300px;
			

		}
		
#header 
{	

height:262px;	
width:100%;	
background-image: url(../images/header.jpg);	
}

#top
{	
margin:-25px 0px 0px 0px;
padding:0px 0px 3px 0px;
border-bottom:2px dotted #666;
height:25px;
text-align:left;	
width:1000px;	

}

#top2
{	

height:25px;
text-align:left;	
width:1000px;	

}
	


#content_area {	
	
	
	float:left;	
	width:824
	min-height:300px;	
	
	background-image: url(../images/content_bg.jpg);
	background-repeat: no-repeat;	
	
	}
	
#content {
	
	width:794px;
	margin:15px;
	font-family: 'GillSans', 'Gill Sans', 'Trebuchet MS', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    opacity: 1.00;
    text-align: justify;

	
	}
#content a {
	
	text-decoration:underline;		
color:#fff;
}

#content a:hover {
	color:#ccc;

}	
	

#right {	
		
	float:right;	
	width:156px;
	background-image: url(../images/right_bg.jpg);
	background-repeat: no-repeat;
	
	min-height:300px;	
	}
	
#inner_right {
	
	margin:10px;
	width:136px;
	}


	

	
#footer {		
	
	margin:15px 0px 0px 0px;
width:794px;	
		text-align:center;
		
	}

#footer_info {	

		color:#999;
	font-size:70%;
	padding-bottom:10px;
	text-align:center;
	}	
	
#print_link {
	margin-top:1px;
	float:left;
	}

#footer_info p{	
padding:0px;
margin:0px;
	}	


#footer_menu {	
	text-align:center;
		float:left;
	width:520px;
	text-align:right;
	}		
	
	
		

	
/* ###################################   TopMen�  ##################################### */



#top a.mainlevel, #top a.mainlevel:visited   {
	margin:0px 15px 0px 15px;
	color:#999;
	font-size:130%;
	text-decoration:none;	
	
	}
#top a.mainlevel:hover {

	color:#fff;
	
	
	}	
	
a.current_mainlevel, a.current_mainlevel:visited

{
		margin:0px 15px 0px 15px;
	color:#ffffff;
	font-size:130%;
	text-decoration:none;
	}



 #top2 a.sublevel, #top2 a.sublevel:visited, #top2 a.current_sublevel {
	margin:0px 15px 0px 15px;
	color:#999;
	font-size:100%;
	text-decoration:none;	
	
	}
#top2 a.sublevel:hover, #top2 a.current_sublevel {
	color:#fff;	
	}

/* ###################################   Footer Men�  ##################################### */	

#footer_menu, #print_link {
	color:#999;
	font-size:80%;
	}
	
#footer_menu a.mainlevel, #footer_menu a.visited, #print_link a.mainlevel, #print_link a.visited{
	margin:0px 7px 0px 7px;
	color:#999;

	text-decoration:none;	
	
	}
#footer_menu a.mainlevel:hover, #footer_menu #active_menu.mainlevel, #print_link a.mainlevel:hover  {

	color:#fff;
	
	
	}	

/* ###################################   User Men�  ##################################### */	


#right div.module {
	
	margin:0px 0px 15px 0px;
	}


div.moduleusermenu {
	border-top:2px dotted #666;
	border-bottom:2px dotted #666;
	color:#999;
	font-size:120%;
	padding:5px 0px 5px 0px;
	font-family:arial;
	}
	
div.moduleusermenu h3 {


	color:#999;
	font-size:100%;
	padding:0px;
	margin:0px;
	}
	
div.moduleusermenu ul {

	margin:0px;
	padding:0px;
	}


/* ###################################   Moduleinstellungen  ##################################### */	

	
	

/*  Module allgemien  */
#inner_right div.module h3 {
	padding:0px;
	margin:0px 0px 0px 0px;
	}
#left div.module h3 {

	}	

	
#inner_right ul {
	
	padding:10px 0px 10px 15px;
	margin:0px;
	font-size:80%;
	
	}

#inner_right li {
	padding-left:0px;

}

div.moduledonate {
	
	clear:both;
	height:50px;

	
	}	


/* ###################################   Allgemiene Contentstyles  ##################################### */	


div.float_left {
	float:left;
	}
	
div.float_right {
	float:right;
	}

div.img_caption {
	font-size:80%;
	}
	
div.img_caption p, div.img_caption p{

	}

div.img_caption.right{
	margin:10px 0px 0px 10px;
	float:right;
	}
div.img_caption.left{
	margin:10px 10px 0px 0px;
	float:left;
	padding:20px;
	}

table.blog, table.contentpaneopen, table.contentpane  {
	border-collapse:collapse;
	margin:0px;
	padding:0px;
	}
	
	
	
.componentheading, .contentheading, td.componentheading, td.contentheading, h1{
	font-size:100%;
	line-height: 32.3px
	color:#fff;
	font-weight:bold;
    font-family: 'GillSans-Bold', 'Gill Sans', 'Trebuchet MS', sans-serif;
    font-size: 24px;
	padding:0px 0px 0px 0px;

	border-left: 0px solid #86B8E0;
	
	}

div.componentheading {
	
	margin-bottom:20px;
	}


table.contentpaneopen td {
	padding-top: 10px;

	}

table.contentpane td div {
	padding-top: 20px;

	}
	
	
table.contentpaneopen td.contentheading, table.contentpane td div.componentheading {
	padding-top: 0px;

	}

	
/*   Artikel�berschriften in Kategorieblogview   */	
table.blog td.contentheading {
	
	padding:20px 0px 10px 0px;
	text-transform: none;
	border: 0px solid #86B8E0;
	}

table.blog td {
	padding-top: 0px;

	}

table.blog td.article_column table.contentpaneopen	td {
padding:10px 0px 0px 0px;

	}	

	


.small, .createdate, .modifydate, .createdby {
	font-size:80%;
	}

.readon{
	font-size:90%;
	padding:0px 0px 0px 10px;
	height:20px;
	}
.back {font-size:80%;}
	
.article_separator {display: block; height: 0px; margin: 30px 0px 0px 0px; padding: 0px;border-bottom:2px dotted #666;}



.pagenavcounter {display: none;}

.pagenavbar {font-size: 75%;}

a.textlink:link, a.textlink:visited {color: #fff; }

a.textlink:hover {color: #ccc;}

#content a.movielink:link, a.movielink:visited {color:#0000aa;}
#content a.movielink:hover {color:#0000ff;}

/* ###################################   Com User (Login, Logout etc.)  ##################################### */	

form#com-form-login fieldset.input{
	padding:10px;
	margin:auto;
	margin-bottom:20px;
	width:250px;
	background-color:#111;
	border:1px solid #333;
	}
form#com-form-login {
	
	margin:auto;
	
	}
form#com-form-login input{
	
	margin:10px 0px 0px 0px;
	height:25px;
	font-size:20px;
	padding:2px;
	}

form#com-form-login input.button{
	
	margin:0px 0px 0px 40px;
	width:150px;
	height:30px;
	font-size:17px;
	text-align:center;
	padding:2px;
	}
	
form#com-form-login  ul {
	visibility:hidden;
	padding:20px 0px 0px 40px;	
	margin:auto;
	font-size:85%;
	width:40%;
	}
	
/* ###################################   Com Search   ##################################### */	

form#searchForm {
	font-size:80%;
	
	}
form#searchForm input#search_searchword, form#searchForm button  {
	font-size:120%;
	
	}
	
label input#searchphraseall, input#searchphraseany label, input#searchphraseexact label {

	}
form#searchForm table.searchintro td {
	
	font-size:120%;
	}
	
  
/* ###################################   Com Dotgallery  ##################################### */


#gallery {
	margin:30px 0px 0px 80px;
	}



#gallery div.categories {
	
	float:left;
	width:280px;
	height:80px;
	margin:10px 40px 30px 0px;
	padding:5px;
	border:1px solid #fff;
	background-color:#000;
	text-align:left;
	}

#gallery div.categories:hover {
	
background-color:#111;
	}

#gallery div.categories img.cat_prewiev {
	
	float:left;
	margin:0px 5px 0px 0px;
	}
#gallery div.categories a {
	
	text-decoration:none;
	}
	
#gallery div.categories .anzahl {
	
	font-size:90%;
	color:#ccc;
	}
	
#content a.nohover {
text-decoration: none;
color: #fff;
}