﻿* 
{
	font-family: Arial, Helvetica, sans-serif;
}

body 
{
    height:100%;
 	margin:0%;
	margin-top: 1px;
	margin-bottom: 1px;
}

#MainPageTab
{
    width: 800px;
    height: 600px;
    margin: auto;
    border: 1px solid gray;
	border-top: 2px solid #00DD00;
	border-bottom: 4px solid #00DD00;
}

#Logo
{
    height: 77px;
    border-bottom: 1px solid #0066FF;
	background: url(logo.jpg) no-repeat top left;
	padding-left: 30px;
	padding-right: 30px;
}
#Logo h1 ,#Logo a
{
    font-size: 20px;
    text-transform: uppercase;
    color: #00CC00;
	text-decoration: none;
}
#Logo h2 
{
	font-size: 9px; 
	text-transform: lowercase;
	color: #00CC00;
	font-weight: normal;
}
#Logo h1 ,#Logo a, #Logo h2 {
	padding: 0px;
	margin: 0px;
	text-align: left;
}

/*------------------vertikales Men&uuml;-----------------------*/
#VertikalesMenue{
	border-top: 1px dotted gray;
}
#VertikalesMenue, #VertikalesMenue *
{
    width: 115px;
    vertical-align: top;
	font-size: 11px;
}

#VertikalesMenue h3  
{
	display: block;
    height: 20px;
	line-height: 20px;
	
	border-top: 1px solid white;
	border-bottom: 1px solid #CCCCCC;
	border-left: 6px solid #CCCCCC;
    
	padding-left: 20px;
	background: url(../gifs/note.png) no-repeat 2px center #FFFFCC;
    
    margin-top: 0px;
    margin-bottom: 0px;

    color: #333333;
}
#VertikalesMenue ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#VertikalesMenue li {
	padding: 0px;
	margin: 0px;
}
#VertikalesMenue a
{
    display: block;
    height: 20px;
	line-height: 20px;

	border-top: 1px solid white;
	border-bottom: 1px solid #CCCCCC;
	border-left: 6px solid #33CC66;

	padding-left: 20px;
    
    text-decoration: none;
    color: #0066FF;
    font-weight: bold;
}

#VertikalesMenue a:visited 
{
    color: #0066FF;
}

#VertikalesMenue a:hover 
{
    /*background: url(bullet_red.png) no-repeat 4px 1px;*/
    color: #FF6600;
	border-left: 6px solid #FF6600;
}

#VertikalesMenue a.ActiveMenuLink, #VertikalesMenue a.ActiveMenuLink:visited
{
    /*background: url(bullet_red.png) no-repeat 4px 1px;*/
    color: #FF6600;
	border-left: 6px solid #FF6600;
}
/*------------------Horizontales Men&uuml;---------------------*/
#HorizontalesMenue {
    height: 20px;
	vertical-align: top;
	font-size: 13px;
	padding-bottom: 2px;
}
#HorizontalesMenue a{
	border: 1px solid #CCCCCC;
	border-bottom: 4px solid #33CC66;
	
	padding-left: 8px;
	padding-right: 8px;
	
	text-decoration: none;

    color: #0066FF;
    font-weight: bold;
}
#HorizontalesMenue a:visited{
    color: #0066FF;
}
#HorizontalesMenue a:hover{
	border-bottom: 4px solid #FF6600;
    color: #FF6600;
}
/*------------------Content-Bereich-----------------------*/
#ContentArea 
{
    vertical-align: top;
    padding-left: 8px;
	padding-top: 8px;
	border-left: 1px dotted gray;
	border-top: 1px dotted gray;
}
#ContentArea h1	/*page title*/
{
	border: 0px;
	font-weight: bold;
	text-align: left;
	border-bottom: 2px solid #0066FF;
	width: 100%;
	color: #333333;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
}


/*------------------Content-Def-----------------------*/
/*Tabelle die alle Inhalte zusammenh&auml;lt*/
.ContentStuff h2	/*content title*/
{
    font-size: 13px;
	font-weight: bold;
	border-bottom: 1px dotted orange;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	margin: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 7px;
	margin-bottom: 10px;
	background: url(../gifs/page_white_text.png) no-repeat 2px center ;
}
.ContentStuff, .ContentStuff tr td
{
	text-align: left;
	border-collapse: collapse;
	border: 1px dotted #999999;
	font-size: 12px;
}

.Liste0, .Liste1, .Liste2
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.Liste0 a, .Liste1 a, .Liste2 a
{
    color: #33AA00;
	font-weight: bold;
	text-decoration: none;
}

.Liste0 div li, .Liste0 p, .Liste0 li, .Liste0 em, .Liste0 h3, .Liste0 img {	/*Abstände vom Rand*/
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 7px;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
}

.Liste0 em {
	color: #009900;
}

.Liste1 div, .Liste1 li {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 7px;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	border-bottom: 1px dashed #DEDEDE;
	background: url(Dot.gif) no-repeat 2px 2px;
}

.Liste2 div, .Liste2 li {
	padding-left: 28px;
	padding-right: 15px;
	padding-bottom: 5px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	background: url(bullet_blue.png) no-repeat 10px -1px;
}

.Liste0 div span, .Liste1 div span, .Liste2 div span, .Liste0 li span, .Liste1 li span, .Liste2 li span {
	font-weight: bold;
	text-decoration:underline;
	width: 100%;
	display: block;
}

/*------------------Footer-Zeile-----------------------*/
#PageFooterLine
{
    border-top: 1px solid #0066FF;
    height: 12px;
    color: blue;
    text-align: right;
	font-size: 11px;
}
#PageFooterLine a
{
    text-decoration: none;
    color: blue;
    font-weight: bold;
}

/*------------------AdSense-Def-----------------------*/
#AdSense {
	/*width: 120px;*/
}

#FooterLinks {
    font-size: 10px;
}

.SmallText {
	font-size: 9px;
}
