/* style sheet anderer-engineering.de */

/* global layout section */

* {
    /*   font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; */
    font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

body {
    /*   border: red 1px dashed; */
    margin-bottom: 10px;
}


h1,h2,h3,h4,h5,h6 {
    margin-top: 1.5ex;
    margin-bottom: 0;
    font-weight: bold;
}

p {
    margin-top: 1ex;
    margin-bottom: 0;
}

a:link {
    color: #998200;
    text-decoration: underline;
}

a:visited {
    color: #6f5e00;
}

a:hover,
a:focus,
a:active {
    color:#998200;
}

#wrapper {
    /*   border: green 1px solid; */
}



#header {
    /*   border: blue 1px solid; */
    margin: 31px 15px 0 136px;
    width: 781px;
}

#hdrtop {
    /*   border: red 1px dotted; */
    height: 71px;
}

#logo {
    /*   border: red 1px dotted; */
    display:block;
    float:left;
}

#lang {
    /*   border: red 1px dotted; */
    display:block;
    visibility: hidden;
    float:right;
    width:300px;
    white-space:nowrap;
    margin:1px 7px 0 0;
}

#lang a {
    display:block;
    float:right;
    height:17px;
    margin-left:10px;
}

#lang-de {
}

#lang-en {
}

#lang-fr {
}


#search {
    /*   border: red 1px dotted; */
    float:right;
    clear:right;
    width:300px;
    margin:15px 2px 0 0;
    padding:0;
}

#search input {
    display:block;
    float:right;
    padding:1px;
    font-size:13px;
}

#search-button {
    border:0;
    margin:0px 0 0 5px;
    padding:0;
    background-color:#fff;
    color:#999999;
    font-size:15px;
}

#search-field {
    width:170px;
    border:1px solid #989898;
}


#bar {
    width:781px;
    height:42px;
}

#slogan-l {
    position: absolute;
    left: 0px;
    height:42px;
    width:10px;
    background-image:url(../images/home_bar_l.jpg);
}

#slogan {
    position: absolute;
    left: 10px;
    height:31px;
    width:761px;
    padding-top:11px;
    background-image:url(../images/home_bar_m.jpg);
    text-align:center;
    font-size:17px;
    color:#333333;
}

#slogan-r {
    position: absolute;
    left: 771px;
    height:42px;
    width:10px;
    background-image:url(../images/home_bar_r.jpg);
}

#head-hr {
    background-color:#ffcc33;
    height:3px;
    margin:8px 6px 8px 3px;
}



#container {
    display: flex;
}

#main, #left, #right {
    float:none;
}

#left {
    /*   border: red 1px dotted; */
    order: 1;
    margin-left: 0;
    width: 105px;
}

/* elements of the left block */

.mod_navigation {
    margin:     0;
    padding:    0;
    text-align: right;
    list-style: none;
    font-size:  13px;
}


ul.level_1,
ul.level_2,
ul.level_3,
ul.level_4,
ul.level_5 {
    list-style: none;
}

ul.level_1 {
    margin: 0;
    padding: 0;
}

ul.level_2,
ul.level_3,
ul.level_4,
ul.level_5 {
    padding-left: 2em;
}

ul.level_1 li {
    margin: 14px 0;
    color:#000000;
}

ul.level_1 > li.first {
    margin-top: 1px;
}

ul.level_1 a {
    font-weight: normal;
    text-decoration: none;
}

ul.level_1 a:link {
    color:#999999;
}

ul.level_1 a:visited {
    color:#999999;
}

ul.level_1 a:hover,
ul.level_1 a:focus,
ul.level_1 a:active {
    color:#000000;
}



#main {
    /*   border: red 1px solid; */
    order: 2;
    margin: 0 15px 0 31px;
    width: 781px;
    min-height: 425px;
    color: black;
}

#art1, #art2, #art3, #art4 {
    /*   border: red 1px solid; */
    position: absolute;
}

#art2, #art3, #art4 {
    /*   top: 148px; */
    width: 170px;
}

#art1 {
    left: 0px;
    width: 200px;
}

#art2 {
    left: 203px;
}

#art3 {
    left: 406px;
}

#art4 {
    left: 609px;
}

.boxlink {
    /*   border: red 1px solid; */
    display: block;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 160px;
    height: 415px;
}

#art1 .artmain,
#art2 .artmain,
#art3 .artmain,
#art4 .artmain {
    /*   border: red 1px solid; */
    font-size:13px;
    text-align: left;
}

#art2 .artmain,
#art3 .artmain,
#art4 .artmain {
    /*   border: red 1px solid; */
    padding: 10px 20px 30px 20px;
    height: 217px;
}

#art1 .artmain h1,
#art2 .artmain h1,
#art3 .artmain h1,
#art4 .artmain h1 {
    /*   border: red 1px solid; */
    padding: 0;
    font-size:22px;
    font-weight: normal;
    color:#666666;
}

#art1 .artmain h1 {
    margin-top: 5px;
    margin-bottom: 15px;
}

#art2 .artmain h1 {
    margin-bottom: 15px;
}

#art3 .artmain h1,
#art4 .artmain h1 {
    margin-top: 26px;
    margin-bottom: 15px;
}


#art1 .artpre {
    /*   border: red 1px solid; */
    height: 171px;
    background:url(../images/home_box.jpg) top left no-repeat;
}

#art1 .artmain {
    height: 199px;
    margin-right: 30px;
    padding: 15px 20px 30px 20px;
    background:url(../images/yellow_m.jpg) left repeat-y;
}

#art1 .artpost {
    height: 10px;
    background:url(../images/yellow_b.jpg) left no-repeat;
}


#art2 .artpre,
#art4 .artpre {
    height: 10px;
    height: 158px;
    background:url(../images/dark_grey_t.jpg) left bottom no-repeat;
}

#art2 .artmain,
#art4 .artmain {
    background:url(../images/dark_grey_m.jpg) left repeat-y;
}

#art2 .artpost,
#art4 .artpost {
    height: 10px;
    background:url(../images/dark_grey_b.jpg) left repeat-y;
}


#art3 .artpre {
    height: 10px;
    height: 158px;
    background:url(../images/light_grey_t.jpg) left bottom no-repeat;
}

#art3 .artmain {
    background:url(../images/light_grey_m.jpg) left repeat-y;
}

#art3 .artpost {
    height: 10px;
    background:url(../images/light_grey_b.jpg) left repeat-y;
}

div.fptopimage {
    /*   border: red 1px solid; */
    position: absolute;
    top: 0;
    left: 0;
}



/* elements of the article block */

.mod_article {
    text-align: justify;
    font-size: 11pt;
}

.mod_article div h1 {
    margin-top: 0;
    /*   background-color: #F00; */
}

.ce_download h4 {
    margin-bottom: 1ex;
}

.formbody {
}

#ctrl_email_8,
#ctrl_email_9 {
    margin-top: 1.5ex;
    width: 30em;
}

.checkbox_container {
    margin-top: 1.5ex;
}

.checkbox {
}

.submit {
    margin-top: 1.5ex;
}



#footer {
    /*   border: red 1px dotted; */
    margin:14px 5px 0 139px;
    width: 781px;
    color:#666666;
    font-size:13px;
    clear:both;
}