@import url("elemente.css");
@import url("templates.css");

html, body { margin: 0px; padding: 0; height: 100%; }
img { border:0px solid #ffffff;}
form {display:inline; margin:0px; padding:0px;}

body {
    font-family:Verdana;
    font-size:11px;
    color:#D7D7D7;
    background-color: #454B4E;
    background-image: url(../images/group/body_back.gif);
    background-repeat: repeat-y;
    background-position:center;
    text-align:center;
}

/*
h1 { font-size:24px; line-height:24px; font-weight:normal; color: #FFFFFF; margin:0px; margin-bottom:15px; padding:0px; }
h2 { font-size:20px; line-height:17px; font-weight:normal; color: #FFFFFF; margin:0px; margin-bottom:12px; padding:0px; }
h3 { font-size:17px; line-height:13px; font-weight:normal; color: #FFFFFF; margin:0px; margin-bottom:10px; padding:0px; }
h4 { font-size:15px; line-height:12px; font-weight:normal; color: #FFFFFF; margin:0px; margin-bottom:7px; padding:0px; }
*/
h1 { font-size:24px; font-weight:normal; color: #FFFFFF; margin:0px; margin-bottom:15px; padding:0px; }
h2 { font-size:20px; font-weight:normal; color: #FFFFFF; margin:0px; margin-bottom:12px; padding:0px; }
h3 { font-size:17px; font-weight:normal; color: #FFFFFF; margin:0px; margin-bottom:10px; padding:0px; }
h4 { font-size:15px; font-weight:normal; color: #FFFFFF; margin:0px; margin-bottom:7px; padding:0px; }

.clear { clear: both; }

p { color: #D7D7D7; }
a { color: #D7D7D7; text-decoration: underline; }
a:hover { color: white; }

div.page {
    margin: 0;
    margin-left: auto; margin-right: auto; text-align: left;
    width:998px;
    /*http://www.alistapart.com/articles/footers ohne JS - mittlerweile kann Safari min-height */
    position: relative;
    min-height: 100%;
    height: 100%;
    border-left: 1px solid #D6D7D8;
    border-right: 1px solid #D6D7D8;
	text-align:left;
    background-image: url(../images/group/page_back.gif);
}
div.page[class] { height: auto; }

div.head { background-color: #454B4E; height: 120px; background-image: url(../images/group/menu_oben_back.gif); background-repeat: repeat-x; background-position: 0 bottom; }
div.head div.top { width:772px; }
div.head img.logo { float:left; }
div.head div.mainmenu { margin-left:220px; height:90px; width:551px;}
div.head div.mainmenu ul { padding:0px; margin:0px; }
div.head div.mainmenu ul li { 
    font-size:11px; font-weight:bold; text-align:center;
    float:left; list-style-type:none; width:110px; height: 90px; 
    margin:0px; padding:0px; background-image: url(../images/group/mainmenu_back.gif); 
    background-repeat: no-repeat;
}
div.head div.mainmenu ul li a { display:block; padding-top:65px; width:110px; height:25px; color:#ffffff; text-decoration:none; }
div.head div.mainmenu ul li.active a { color: #F5535C;}

div.head div.impressummenu { clear:left; padding:0px; margin:0px; margin-top:4px; margin-right:30px;}
div.head div.impressummenu ul { text-align:right; margin:0px; margin-top:0px; margin-right:0px;}
div.head div.impressummenu ul li { display:inline; vertical-align:middle; margin-left:15px;}
div.head div.impressummenu a { color:#ffffff; text-decoration:none; }
div.head div.impressummenu select { font-size:11px; background-color: #D6D6DE;}
div.head div.impressummenu input.image { margin-left:2px; font-size:10px; color:#ffffff;}
div.head div.impressummenu input.submit { font-size:10px; border-width: 0; background-color: transparent; color:#ffffff; margin: 0; padding: 0; }
div.head div.impressummenu div.languages { display: none; }

div.emopic { height: 180px; background-position: right; background-repeat: no-repeat; }
div.emopic div.emotext { width:350px; padding-top:52px; padding-left:40px; }
div.emopic div.emotext h2 { font-size:24px; line-height:24px; font-weight:normal; color:#777B7D; }

div.menu_content {
	background-image: url(../images/group/content_back.gif);
	background-repeat: repeat-x;
}

div.menu { float: left; padding-top:22px; width: 220px; background-image: url(../images/group/submenu_back.gif); background-repeat: repeat-x; background-color:#454B4E;}
div.menu a { text-decoration:none; color:#BDBDBD; }
div.menu a:hover { color:#ffffff; }
div.menu ul { width: 220px; margin:0px; padding:0px; margin-top:0px; text-align:right; list-style-type:none;}
div.menu ul li { font-size:11px; font-weight:bold; margin-top:0px; padding-top:10px; padding-bottom:10px; padding-right:14px; padding-left: 14px; background-image: url(../images/group/submenu_striche.gif); background-position: bottom right; background-repeat: no-repeat; }
div.menu ul li.active,
div.menu ul li.active a { color:#ffffff; }

div.content {
    float: left;
    width: 770px;
    margin-top: 0px; 
    padding-bottom: 50px;
}

div.templatecontent { min-height:320px; margin-left:30px; margin-top:34px; padding-bottom:10px;}
div.templatecontent { float:left; }
div.templatecontent img.rechts { float:right; margin-left:10px; margin-bottom:10px; border:1px solid #C6C6C6; }

div.content div.clear { clear: both; }

div.clearer { clear:both; }

div.bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 37px;
    clear: both;
    font-size: 10px;
    background-image: url(../images/group/footer_back.gif);
    background-repeat: repeat-x;
    background-color: #adaeb0;
    color: #303437;
}
div.bottom p {
    font-size: 10px;
    text-align: center;
    color: #30373B;
    margin-top: 15px;
}