/* allgemeine angaben */


* { margin:0; padding:0; font-size: 100%; }

html {height:100%}

body {
    min-height: 101%;
    font-size: 100.01%;
    position: relative;
    color: #000;
    background: #CBCBCB;

    text-align: center;
    font-family: verdana, arial, sans-serif;
    padding-bottom: 20px;
}

fieldset, img { border:0; }

select, input, textarea { font-size: 99% }

ul, ul li {
list-style: none;
}

/* layout */

#container {
margin: 0 auto 0 auto;
width: 780px;
text-align: left;
background: url(images/back_all.jpg) top left repeat-y;
}

#header {
width: 780px;
height: 235px;
background: url(images/head_back.jpg) 10px bottom no-repeat;
position: relative;
}

#header a span, div.box h1 a span {
position: absolute;
left: -2000px;
top: -2000px;
}

#header a.logo{
display: block;
position: absolute;
left: 10px;
top: 12px;
width: 218px;
height: 87px;
background: url(images/logo_mmg.jpg) top left no-repeat;
}

#header #claim {
position: absolute;
left: 25px;
top: 60px;
color: #000;
font-size: 11px;
}

#topmenu {
height: 58px;
width: 780px;
position: absolute;
top: 0px;
left: 0px;
background: url(images/top_back.jpg) top left no-repeat; 
}

h4{
	margin-right: 25px;
	margin-top: 10px;
}

p.link{
	margin-top: 10px;
}

#topmenu ul{

position: absolute;
top: 13px;
left: 228px;
}

#topmenu ul li{
display: inline;
float: left;
}

#topmenu ul li a{
display: block;
height: 42px;
text-decoration: none;
text-indent: -2342px;
font-size: 1px;
}

#topmenu ul li a.start{
background: url(images/menu_start.jpg) top left no-repeat;
width: 116px;
}

#topmenu ul li a.faq{
background: url(images/menu_faq.jpg) top left no-repeat;
width: 89px;
}

#topmenu ul li a.sitemap{
background: url(images/menu_sitemap.jpg) top left no-repeat;
width: 108px;
}

#topmenu ul li a.kontakt{
background: url(images/menu_kontakt.jpg) top left no-repeat;
width: 109px;
}

#topmenu ul li a.impressum{
background: url(images/menu_impressum.jpg) top left no-repeat;
width: 122px;
}

#topmenu ul li a:hover, #topmenu ul li.active a{
background-position: 0px -44px;
}


.screenreader {
position: absolute;
left: -2000px;
top: -2000px;
}

div.box {
height: 123px;
width: 253px;
font-size: 0.70em;
position: relative;
padding-top: 5px;
overflow: hidden;
display: inline;
}

div.box:hover {
-moz-opacity: 0.8;
opacity: 0.8;
}

div.box h1{
margin-left: 0px;
width: 240px;
margin-bottom: 0px;
height: 19px;
}

div.box h1 a{
display: block;
width: 240px;
height: 19px;
}

div.box div {
margin-top: 60px;
}

div.box p{
margin-left: 30px;
border-top: 1px solid #CCC;
margin-right: 10px;
color: #FFF;
line-height: 1.5;
padding-top: 4px;
}

div.box p a{
font-weight: bold;
left: 30px;
top: 105px;
position: absolute;
color: #FFF;
font-size: 0.95em;
}

div.blau {
background: url(images/box_blue.jpg) top left repeat-y;
float: left;
border-right: 1px solid #CCC;
width: 253px;
}

div.blau h1{
background: url(images/head_blau.gif) top left no-repeat;
}

div.tuerkis {
background: url(images/box_tuerkis.jpg) top left repeat-y;
float: left;
border-right: 1px solid #CCC;
width: 254px;
}

div.tuerkis h1{
background: url(images/head_tuerkis.gif) 3px 0px no-repeat;
}

div.rot {
background: url(images/box_red.jpg) top left repeat-y;
float: right;
width: 253px;
}

div.rot h1{
background: url(images/head_rot.gif) 3px 0px no-repeat;
}


div#shortcuts {
border-top: 4px solid #FC7215;
margin-left: 10px;
height: 128px;
width: 762px;
}



#content{
overflow: hidden !important;
overflow: visible;
background: url(images/pixel_orange.gif) 775px 30px repeat-y;
width: 100%;
min-height: 400px;
height: auto !important;
height: 400px;
position: relative;
margin-top: 30px;
}

#links {
width: 254px;
float: left;
display: inline;
}

/* inhalt */

#inhalt{
font-size: 0.72em;
line-height: 1.5em;
margin: 0px 0px 0px 0px;
color: #444;
width: 518px;
float: left;
border-right: 1px solid #CCC;
}

#inhalt table {
border: 0px;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
}

#inhalt table td{
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
padding: 2px;
}

#inhalt img a{
border: 0px !important;
text-decoration: none;
}

div.inhaltscontainer {
margin-left: 40px;
margin-right: 10px;
}

#rechts {
width: 254px;
float: right;
display: inline;
}

#inhalt a{
font-weight: bold;
text-decoration: underline;
}

#inhalt h1{
font-size: 1.5em;
font-family: 'trebuchet ms', verdana, sans-serif;
margin-bottom: 10px;
}

#inhalt h2, #rechts h3, #links div.rechts h3{
font-size: 1.3em;
font-family: 'trebuchet ms', verdana, sans-serif;
margin-bottom: 5px;
}

#inhalt p{
margin-bottom: 20px;
}

#inhalt ul li {
margin-left: 0px;
padding-left: 20px;
background: url(images/bullet_grau.jpg) 0px 2px no-repeat;
margin-bottom: 5px;
}

#inhalt ol li {
margin-left: 20px;
margin-bottom: 5px;
}

#inhalt ul {
margin-bottom: 20px;
}

.rechts {
font-size: 0.70em;
}

#inhalt div.sitemap li a {
color: #666;
}

#inhalt div.sitemap li ul {
margin-top: 10px;
}

.rechts img {
margin-left: -7px;
}

.rechts a{
font-weight: bold;
color: #983805;
text-decoration: none;
}

.rechts a.callback{
display: block;
background: url(images/button_callback.jpg) 0px 0px no-repeat;
width: 83px;
height: 20px;
margin-top: 10px;
}

.rechts a.formular{
display: block;
background: url(images/button_formular.jpg) 0px 0px no-repeat;
width: 83px;
height: 20px;
margin-top: 10px;
}

.rechts a.button span{
position: absolute;
left: -2332px;
top: -2342px;
}

.rechts p {
margin-right: 20px;
line-height: 1.5;
}

.rechts h3{
margin-bottom: 0px;
margin-top: 5px;
}

.rechts {
margin-bottom: 20px;
}

#links div.rechts {
margin-left: 10px;
margin-top: 30px;
}

#links div.rechts p, #links div.rechts h3, #links div.rechts a{
margin-left: 10px;
margin-right: 0px;
}

#links div.rechts img{
margin: 0px;
width: 250px;
}



#footer {
height: 29px;
background: url(images/footer_back.jpg) top left no-repeat;
}

/* menu */


/*submenu*/

#submenu {
margin-left: 15px;
}

#links ul{
margin-left: 0px;
background: #FFF;
width: 246px;
}

#links ul li {
display: inline;
}

#links ul li a{
padding: 4px 5px 4px 25px;
text-transform: uppercase;
display: block;
color: #737171;
text-decoration: none;
font-size: 0.75em;
background: url(images/bullet_blau.jpg) 0px 3px no-repeat;
border-bottom: 1px solid #CCC;
}

#body_6 #links ul li a{
background: url(images/bullet_rot.jpg) 0px 3px no-repeat;
}

#body_19 #links ul li a{
background: url(images/bullet_tuerkis.jpg) 0px 3px no-repeat;
}

#links ul li.active li.active{
display: block;
margin: 5px 0 5px 0;
padding-bottom: 5px;
background: #FFF;
}


#links ul li.active li.active li.active{
border-bottom: 0;
display: inline;
}

#links ul ul{
margin: 0px;
background: #FFF;
border: 0px;
}

#links ul li li a{
padding: 3px 5px 3px 40px;
font-size: 0.7em;
text-transform: none;
background: url(images/boembel.gif) 0px bottom repeat-x;
font-weight: normal;
}

#links ul li.active li a{
color: #737171;
display: block;
font-weight: normal;
}

#links ul li.active a{
font-weight: bold;
}

#links ul li a:hover, #links ul li.active a {
color: #ff9f1e;
}

#links ul li.active li.active li a{
background: #FFF;
background: url(images/boembel.gif) 0px bottom repeat-x;
font-weight: normal;
}

#links ul li.active a:hover{

}

#inhalt a, #inhalt h1 {
color: #983805;
}

#body_6 #inhalt h1, #body_6 #inhalt h2, #body_6 #inhalt h3, #body_6 #inhalt a, #rechts h3, #body_6 #links ul li a:hover, #body_6 #links ul li.active a{
color: #983805;
}

#body_13 #inhalt h1, #body_13 #inhalt h2 , #body_13 #inhalt h3, #body_13 #inhalt a, #body_13 #links ul li a:hover, #body_13 #links ul li.active a{
color: #32527B;
}

#body_19 #inhalt h1, #body_19 #inhalt h2,#body_19 #inhalt h3, #body_19 #inhalt a, #body_19 #links ul li a:hover, #body_19 #links ul li.active a{
color: #306B8B;
}

/* ENDE MENU */





/* formular */

div.formular label{
width: 150px;
float: left;
display: block;
}

div.formular input, div.formular textarea {
border: 1px solid #CCC;
background: transparent;
}

div.formular input.pflicht {
border-color: #00FF00;
}


div.formular input {
width: 300px;
}

div.formular textarea {
width: 300px;
height: 150px;
}

div.formular input.check {
width: auto !important;
width: 10px;
}

div.formular input.submit, div.formular input.delete {
width: auto !important;
width: 100px;
}

div.formular input.submit{
float:left;
}

div.formular input.delete{
float: right;
}

div.formular div {
margin-top: 5px;
clear: both;
height: auto !important;
height: 2em;
min-height: 2em;

}

div.formular input.Land {
width: 8em;
}

div.formular input.PLZ {
width: 4em;
}

div.formular input.Ort {
width: 11em;
}

div.partner {
text-align: center;
color: #8D8D8D;
}

div.partner a{
font-size: 10px;
color: #8D8D8D;
}

#inhalt .inhaltscontainer a.ext{
text-decoration: none;
font-weight: normal;
color: #444 !important;
}