﻿/** Main Page Design **/
body {
	margin:0;
	padding:0;
    /*background-color: rgb(85, 99, 171);*/
	background-color: rgb(255,255,255);
    font-family: Arial, Helvetica, sans-serif;
	border: none;
}

#mainBody {
    width: 100%;
    margin:0 auto;
	padding: 0;
}
#overheader{
    width: 100%;
	height: 40px;
	background-color: rgb(C8,C8,C8);
    padding: 0;
}
#menu  {
    width: 100%;
	height: 55px; 
	/*background-image:url(../images/logo2_.png);
	background-repeat: no-repeat;
	background-position:left;*/
	background-color: rgb(200,200,200);
	position : right;
	
	 padding:0px;
	
   /* padding: 0;*/
	margin: 0 auto; 
}

#header{
    width: 100%;
	height: 270px;
	
	background-image:url(../images/logo.png);
	background-repeat: no-repeat;
	background-position:left;
    /*background-color: rgb(85,99,171);*/
	background-color: rgb(255,255,255);
    padding: 0;
}

.space {
    width: 100%;
    height: 15px;
    clear: both;
}


#container {
	width: 100%;
    float: left;
	
}

.sideBar {
    width: 25%;
    height: 750px;
    float: right;
    padding: 0;
    text-align:justify;
    /*background-color: #999999;*/
	background-color: rgb(255,255,255);
}

.Titel {
    width: 100%;
    height: 5px;
    float: right;
    padding: 0;
    text-align:justify;
    background-color: #999999;
	
	
}

#content {
    width: 70%;
    height: 750px;
    float: left;
	padding-left: 10px;
    /*background-color:#999999;*/
	background-color: rgb(255,255,255);	
}

#footer {
    width: 100%;
    background-color: rgb(0,0,0);
    padding: 20px 5px;
	margin: 0 auto;
    clear: both;
    color: white;
}

/** Header Elements **/

#header img  {
	float:right;
	margin-top: 20px;
}
#header span  {
	color:rgb(0,0,0);
}

#header h1 {
	color: rgb(255,255,255);
	/*color: rgb(192, 37, 55);*/
	font-size: 320%;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -5px;
	float: left;
}

#header h2 {
	color: rgb(255,255,255);
	/*color: rgb(85, 99, 171);*/
	float: left;
	font-size: 90%;
	margin-left: 450px;
	margin-top: 170px;
	padding-left: 4px;
	text-transform: uppercase;
	letter-spacing: 0;
}

/** Menu Elements **/
#menu ul 
{
    margin: 0;
    padding: 0;
    line-height: 50px;
}

#menu li
{
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    position: relative;
    background-color: rgb(200,200,200);
}

#menu ul li a {
    text-align: left;
	/*text-align: reight;*/
    font-family: sans-serif;
    font-size: 80%;
    text-decoration: none;
    height: 55px;
    width: 150px;
    display: block;
    color: rgb(255,255,255);
    padding-left: 10px;
}

#menu ul ul {
    position: absolute;
    visibility: hidden;
    top: 50px;
}

#menu ul li:hover ul {
    visibility: visible;
}

#menu li:hover {
    /*background-color: rgb(244, 79, 79);*/
	background-color: rgb(0, 96, 255);
}

#menu ul li:hover ul li a:hover {
     /*background-color: rgb(244, 79, 79);*/
	background-color: rgb(255, 56, 59);
    color: white;
}

#menu a:hover {
    color: white;
}

#menu li a:hover:after 
{
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid;
  margin-left: -10px;
}


/** SideBar Elements **/
.sideBar h4 {
    color: rgb(0, 96, 255);
	font-family: Arial, Helvetica, sans-serif;
	background-color:#d2d2d2;
	font-size: 12px;
	letter-spacing: 0;
	text-transform: uppercase;
	margin: 0;
	padding: 5px 10px;
	font-weight: bold;
}

/** Content Elements **/
.login {
    border: solid 0px #0000FF;
    float: left;
}
.signup h2 {
    font-weight: bold;
    color: white;
}
.signup {
    border: solid 0px #0000FF;
    width: 70%;
    float: left;
    padding: 5px;
}

.kontakt  {
	font-size: 13px;
	letter-spacing: 0;
	margin: 0;
	padding: 5px 10px;
	font-weight: bold;	
}
/** footer Elements **/
#footer p {
	text-align: center;
    color: white;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#footer p a {
	color: #b3b2b2;
}
li.unterLI-class {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
	margin: 10px;
	padding: 5px 10px;
}



