:root{
    --background: #ecdce7; /*rosa*/
    --activemenu: #51C2CE;  /*blau*/
    --headline: #7d379b;    
    --important: #ff0000;
    --border: #fffed0;  /*gelb*/
    --grey: #d1d1d8;
}

#body {    
    color: #000000; 
    height:100%;    
    margin:0;
    font-size: 16px;
    background-color: var(--border);
}
.wrapper{
	font-family: Arial;
    width:70%;
    margin:0 auto;
	background-color: var(--border);
	position:relative;
    min-height:100%;
    height:auto;
}

div {
    display: block;
}

.width{
    overflow:hidden;
}

.header {
    border-color: var(--border);
	background-color: var(--background);
    height:100px;
}
.headerleft{
    width: 20%;
}
.headerright {
    margin-left: 20%;
    height: 100%;
}

.headerlogo {    
    height: 100%;
    background-image: url(images/logo_groß.jpg);
    /*images/agawang.jpg" />*/
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;    
    border-color: var(--background);
    /* box-sizing oder content-box???*/
}


.navigation {
    font-size: 20px;
    background-color: var(--grey);
    height: 30px;
    border-bottom:3px solid var(--border);
    border-top:3px solid var(--border);
}

.menuNavTop {
    padding:0;
    margin:0;
    list-style:none;
    display:block;
    border-color:var(--grey);
}

.menuNavItem{
    padding-top:4px;
    padding-bottom:3px;
    float:left;    
}
.menuNavItemActive{
    padding-top:4px;
    padding-bottom:3px;
    margin: auto;
    float:left;
    background-color: var(--activemenu);
}

ul.menuNavTop li a{
    padding-right: 12px;
    padding-left: 12px;
    font-size:20px;
    text-decoration: none;
}

/* Inhalt der Seite */
.content {
    border-bottom:12px;
    border-top:20px;
    border-color: var(--background);
	background-color: var(--background);
    min-height: 600px;
}

.contentMain {
    margin:0px 50px 0px 50px;
    border-top:15px;
    border-bottom:15px;
    border-color: var(--background);
}

h1 {
    font-size:20px;
    font-weight: bold;
    color:var(--headline);
}

.tabletd{
	height:27px;
}

.footer{
	padding:0;
    font-size: 13px;
    margin:0;
    padding-top:8px;
    text-align:center;
    background-color: var(--grey);
    height: 30px;
    border-bottom:3px solid var(--border);
    border-top:3px solid var(--border);
}

.headline{
    padding-top:20px;
    padding-bottom:20px;
    font-weight: bold;
    font-size:18px;
    color:var(--headline);
}
.picture{
	width: 300px;
	height: 200px;
}

.important{
    font-size:18px;
    padding-top:20px;
    padding-bottom:20px;
    color:var(--important);
}

.tableEmpty{
    background-color:var(--grey);
    height:7px;
}

.list{
    list-style:square;
    list-style-position:hanging;
}
.listsub{
    list-style:none;
    list-style-position:hanging;
}

a:link {
    color: #000000;
}

a:visited {
    color: #000000;
}

a:active {
    color: #000000;
}