/* General */
* {
    margin: 0;
    padding: 0;
}


body { margin:0px; background-color:#fff; height:100% }
html { height:100% }
img { margin:0px; border-style:none }
button { margin:0px; border-style:none; padding:0px; background-color:transparent; vertical-align:top }
p:first-child { margin-top:0px }
table { empty-cells:hide }
.f-sp { font-size:1px; visibility:hidden }
.f-lp { margin-bottom:0px }
.f-x1 {  }
.f-x2 {  }
.f-x3 {  }
em { font-style:italic }
h1 { font-weight:bold; font-size:18px }
h2 { font-weight:bold; font-size:16px }
h3 { font-weight:bold; font-size:14px }
strong { font-weight:bold }




html, body {
    background: url(http://die.mittelsmaenner.de/cms/upload/bilder/dmm_streifen_mitte.jpg) repeat-x;
    font-size: 1em;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
        font-size: 0.70em;
}

body {
    font-size: 100.01%;
}

a {
    text-decoration: underline; 
    color: #cc211d;
}

a:hover {
    text-decoration: underline;
    color: #cc211d; 
}

a:active {
    color: #cc211d;
    text-decoration: none;
}




div#Copy a {
    text-decoration: underline; 
    color: #cc211d;
}

div#Copy a:hover {
    text-decoration: underline;
    color: #cc211d; 
}

div#Copy a:active {
    color: #cc211d;
    text-decoration: none;
}





#meta:active {
    color: #cc211d;
    font-size: 1em;
        text-align: left;
    padding: 3px 0 0 0;
}

img {
    border: none;
}

.y {
    clear: both;
}

.x {
    height: 0px;
    width: 0px;
    display: block;
    overflow: hidden;
}

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

td {    font-size: 1em;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
        font-size: 0.70em;
}


div#logo { float: right; top: 200px;
}

div#wrap {
 width: 779px;
}

/* Meta navigation */
div#meta {
    font-size: 1em;
        text-align: left;
    padding: 3px 0 0 0;
}

div#meta:hover {
    font-size: 1em;
        text-align: left;
    padding: 3px 0 0 0;
}

div#meta:active {
    color: #cc211d;
    font-size: 1em;
        text-align: left;
    padding: 3px 0 0 0;
}

div#meta p {
    width: 550px;
    margin: 0 0 0 10px;
    padding: 0 0 5px 0;
    text-align: left;
    color: #cc211d;
}

div#meta p a {
    color: #000000;
}

div#meta p a:hoover {
    color: #cc211d;
}

div#meta p a:active {
    color: #cc211d;
}

/* Header */
div#header {
    background: url(../images/bg2.gif);
    padding: 0 0 5px 0;
}

div#header p {
    background: #fff no-repeat top right;
    height: 80px;
}

div#header p img {
    margin: 10px 0 0 30px;
}

/* Layout columns */
div#col-left {
    width: 180px;
    float: left;
    font-size: 0.6875em;
}

div#col-body {
    width: 429px;
    float: left;
}

div#col-right {
    width: 170px;
    float: left;
}

/* Main navigation */
div#mnavi a {
    display: block;
    color: #334f77;
    background-color: #e8e8ee;
    border-bottom: 1px solid #aaaaaa;
}

div#col-left ul.e1 {
    margin: 15px 0 0 0;
}

div#col-left li a.e1p {
    padding: 3px 5px 3px 10px;
}

div#col-left li a.e1a,
div#col-left li a.e1o,
div#col-left li a.e1oa {
    padding: 3px 5px 3px 10px;
    background: #fff url() no-repeat right center;
}

div#col-left li a.e1oa {
    background: #fff url() no-repeat right center;
}

div#col-left li a.e1o {
    background: #e8e8ee url() no-repeat right center;
}

div#col-left li a.e2p {
    padding: 3px 5px 3px 20px;
}

div#col-left li a.e2a,
div#col-left li a.e2o,
div#col-left li a.e2oa {
    padding: 3px 5px 3px 20px;
    background: #fff url() no-repeat right center;
}

div#col-left li a.e2oa {
    background: #fff url() no-repeat right center;
}

div#col-left li a.e2o {
    background: #e8e8ee url() no-repeat right center;
}

div#col-left li a.e3p {
    padding: 3px 5px 3px 30px;
    background: #e8e8ee url() no-repeat 25px 8px;
}

div#col-left li a.e3a,
div#col-left li a.e3o {
    padding: 3px 5px 3px 30px;
    background: #fff url() no-repeat right center;
}

div#col-left li a.e3o {
    background: #e8e8ee url() no-repeat right center;
}

div#col-left ul.e3 {

}

/* Boxes, left */
div.boxleft,
div.logoutbox {
    background: #ffffff;
    width: 230px;
    border-top: 1px solid #aeaeae;
    border-bottom: 1px solid #aeaeae;
    margin: 15px 0 0 0;
    padding: 5px 0 0 0;
    font-size: 1.45em;
}

div.boxleft label {
    float: left;
    width: 120px;
    text-indent: 10px;
    padding: 1px 0 0 0;
    cursor: pointer;
    color: #9d9ea2;
    font-size: 0.70em;
}

div.boxleft input {
    float: left;
    width: 230px;
    margin: 0 5px 5px 0;
    font-size: 0.70em;
}

div.boxleft a {
    float: left;
    width: 230px;
    color: #9d9ea2;
    padding: 1px 5px 5px 0;
    font-size: 0.70em;
}

div.boxleft a:hover {
    text-decoration: none;
    color: #cd221d;
}

div.boxleft select {
    float: left;
    width: 320px;
    font-size: 0.70em;
    margin: 0 5px 5px 5px;
}

div.logoutbox p {
    font-size: 0.70em;
    padding: 0 10px 10px 10px;
}

div.logoutbox p {
    font-size: 0.70em;
    padding: 0 10px 10px 10px;
}

div.logoutbox p a {
    color: #9d9ea2;
    padding: 0 13px 0 0;
    background: url() no-repeat right center;
}


/* Content */
h1 {
    font-size: 0.70em;
    color: #cc211d;
}

h2 {
    font-size: 0.95em;
    color: #000;
}

div#col-body h2 {
    font-size: 0.90em;
    color: #cc211d;
}

div#Headline h1 {
    font-size: 1.4em;
    color: #cc211d;
}

div#col-body p {
    font-size: 0.70em;
    color: #3E4D74;
    padding: 10px 10px 0 10px;
    line-height: 1.5;
}

div#col-body div.artikelliste p {
    padding: 0 10px;
}

div#col-body h2 a,
div#col-body div.artikelliste p a {
    color: #D9681C;
}

div#col-body a {
    color: #D9681C;
}

div#col-body div.content ul {
    color: #3E4D74;
    padding: 10px 10px 0 10px;
    font-size: 0.6875em;
}

div#col-body div.content ul li {
    background: url() no-repeat 0px 7px;
    padding: 3px 0 3px 10px;
}

* html div#col-body div.content ul {
    width: 100%;
}

* html div#col-body div.content ul li {
    float: left;
    width: 400px;
}

div#bc {
    color: #a0a0a0;
    font-size: 0.70em;
    padding: 2px 10px 10px 10px;
}

div#bc a {
    color: #a0a0a0;
}

/* Footer */
div#footer {
    border-top: 1px solid #d2d2d2;
    margin: 40px 10px 50px 10px;
    padding: 5px 0 0 0;
    text-align: center;
    font-size: 0.70em;
    color: #a0a0a0;
}

div#footer a {
    color: #a0a0a0;
}

/* Contact form */
div.kontaktformular label {
    float: left;
    width: 100px;
}

div.kontaktformular input {
    vertical-align: middle;
}

div.kontaktformular p.abschicken {
    margin: 0 0 0 100px;
}

div.kontaktformular p.abschicken input {
    font-size: 11px;
}

div.kontaktformular input.eingabe,
div.kontaktformular textarea {
    width: 300px;
}

div.kontaktformular textarea {
    height: 150px;
}

/* Right column */
div#col-right h1 {
}

div#col-right h3 {
    font-size: 0.70em;
    padding: 0 10px;
}

div#col-right p {
    font-size: 0.70em;
    padding: 0 10px 20px 10px;
    color: #3E4D74;
    line-height: 1.5;
}

div#col-right a {
    color: #D9681C;
}

/* Search results */
div.suchausgabe hr.noshade {
    border: none;
    border-top: 1px solid #a0a0a0;
    height: 0px;
    margin: 10px 1px 0 1px;
}

div.suchausgabe h2 {
    padding: 0;
}

div.suchausgabe p {
    padding: 0;
    margin: 0;
}

div.suchausgabe h2 span {
    color: #000;
    font-weight: normal;
}

/* Image gallery */
table.gallery {
    margin: 20px 10px 0 10px;
    width: 410px;
}

table.gallery td.gallery-navigation {
    font-size: 0.70em;  
}

table.gallery tr.thumbnails td {
    padding: 0 0 30px 0;
}

table.gallery dd {
    font-size: 0.70em;
}

div.download {
    font-size: 0.70em;
    padding: 3px 0 3px 10px;
    background: url() no-repeat 0px 7px;
}

div.download-img {
    font-size: 0.70em;
    padding: 3px 0 3px 20px;
    background: url() no-repeat 10px 7px;
}

dl.gallery-detail {
    font-size: 0.70em;
    margin: 20px 10px 0 10px;
    color: #3E4D74;
}

dl.gallery-detail dt {
    text-align: center;
    padding: 0 0 5px 0;
}

/* Sitemap */
ul.sitemap {
    width: 400px;
    margin: 20px 0 0 0;
}

ul.sitemap li {
    background: url() no-repeat 10px 7px;
    padding: 3px 0 3px 20px;
    float: left;
    font-size: 1.05em;
    width: 390px;
}

ul.sitemap li ul {
    width: 350px;
    margin: 5px 0 0 0;

}

ul.sitemap li ul li {
    float: left;
    width: 300px;

}

ul.sitemap li ul li {
    font-size: 1em;
}

a.extern {
    padding: 0 0 0 12px;
    background: url() no-repeat 0 4px;
}

/ Formulareinstellung /

form { margin: 0;
}

input,
textarea,
select { font-family:Verdana,Sans-serif,sans-serif;
background: #cc211d;
border: 0;
margin: 1px 1px 0 1px;
font-size: 11px;
color: #ffffff;
width: 380;
-moz-opacity: 1.0;
filter: alpha(opacity=100);
}

html input,
html textarea,
html select { filter: alpha(opacity=100);
}

input:hover, 
input:focus,
textarea:hover, 
textarea:focus,
select:hover, 
select:focus { background: #038ab5;
-moz-opacity: 0.6;
filter: alpha(opacity=100);
}

input:focus,
textarea:focus,
select:focus { background: #038ab5;
}

select,
input.button { width: auto; 
}

/ Formulareinstellung Ende /