/* Farben und weitere Design-Elemente für Texte, Links, Hintergründe */
body
{
    background-color: #463765;
    font-family: Arial, Verdana, "Times New Roman" , Times, serif, "Gill Sans MT";
}

body, th, td, input, textarea, select
{
    font-size: 11px;
    color: #000000;
    text-align: justify;
   
}

a
{
    text-decoration: none;
    color:#028b9f;
    }

a:hover
{
    text-decoration: underline;
}

h1, h2, h3
{
    font-weight: bold;
    color: #463765;
}

h1
{
    font-size: 16px;
}

h2
{
    font-size: 14px;
}

h3
{
    font-size: 12px;
}

/* Positionierung(!) und Gestaltung der Div-Elemente */

#wrapper
{
    margin: auto; /* Damit ist der Wrapper zentriert */
    width: 778px; /* Die Breite richtet sich nach der Breite des Header-Bildes */
    background-color: White;
}

#header
{
    background-image: url(images/banner.jpg);
    background-repeat: no-repeat;
    height: 288px; /* Hier Breite des Überschriftbildes eintragen */
}

#main
{
    /* Hintergrundbild, das den Farbverlauf rechts auslaufen lässt */
    background: url(images/bgWrapper.jpg) no-repeat;
}

#sidebar
{
    width: 176px; /* Ist hauptsächlich abhängig von der Größe eines Hintergrundbildes der List Items */
    float: left;
}

#sidebarMenu
{
}

#sidebarMenu ul
{
    /* Margin und Padding einer Liste werden vom Browser automatisch auf Werte > 0 gesetzt! Deswegen muss hier manuell abgeglichen werden, alle Werte auf 0. Durch die Verlängerung des sidebarMenu um das auslaufende Bild unten, muss das untere Padding auf die Höhe des BG Pictures gesetzt werden! */
    margin: 0;
    padding: 0 0 40px 0;
    list-style-position: inside; /* Andernfalls wären die Bullet-Points außen */
    background: url(images/menuEnde.jpg) no-repeat left bottom; /* Unteres Bild zum Menuabschluss */
    background-color: #463765; /* Dieser Wert sollte eigentlich nicht notwendig sein, ist aber ein Bugfix für IE7 */
}


#sidebarMenu li
{
    background-image: url(images/menuElement.jpg); /* Hintergrund-Bogen eines li Elementes */
    background-repeat: no-repeat;
    list-style-image: url(images/bullet.jpg); /* List Bullet Point */
    height: 33px; /* Höhes eines List Elementes (max. Höhe des Hintergrundbildes) */
}

#sidebarMenu a
{
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #aaa1c4;
}

#sidebarMenu a:hover, #sidebarMenu .active a
{
    color: #ffffff;
}

#sidebarInfos
{
    text-align: center;
}


#content
{
    /* Die Position des Contents ist in seinem Fluss relativ verschoben, so dass er     in die rechte obere Ecke gelegt ist */
    position: relative;
    top: 0;
    right: 0;
    padding: 0 50px; /* Rechts und links ein Abstand von 50 px um den Content Bereich */
    overflow: hidden; /* Es soll keinen Überlauf geben, der content div bestimmt die Breite, die Höhe wird vom eigentlichen Inhalt gesetzt */
	padding-top:20px;
}


#footer
{
    padding: 20px 0 50px 0; /* Nach oben und unten ein Abstand einbauen */
    text-align: center; /* Zentrierter Inhalt im footer */
    clear: both; /* bricht aus eventuellen Textflüssen aus und platziert den Footer immer unten */
    color: #5D5D5D;
}

#headline
{
    padding-left:226px;
    padding-top:250px; 
    padding-right:50px;
    overflow: hidden; /* Es soll keinen Überlauf geben, der content div bestimmt die Breite, die Höhe wird vom eigentlichen Inhalt gesetzt */

}

.highlight {
    background: #A19AB6;
    padding: 5px;    
}

.highlight a
{
    text-decoration: none;
    color: #ffffff;
}

.highlight a:hover
{
	text-decoration: underline;
	color: #ffffff;
}
/** MENU */

#menu {
	width: 720px;
	height: 66px;
}

#menu ul {
	margin: 0px;
	padding: 16px 0px 0px 0px;
	list-style: none;
}

#menu li {
	float: right;
	width: 150px;
	height: 50px;
	background: url(images/homepage01.gif) no-repeat left top;
}

#menu li.first {
	background: none;
}

#menu a {
	display: block;
	padding-top: 9px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

#menu a:hover {
	text-decoration: underline;
}


table.SolidLine { border: 1px solid black; border-collapse:collapse;  }
table.SolidLine tr { border: 1px solid black; border-collapse:collapse; }
table.SolidLine td { border: 1px solid black; border-collapse:collapse; }