/* =============		BASIC-RESET   ===============================*/


*           { padding: 0; margin: 0; font-size: 100.01%; font-weight: normal; }
ul, ol      { list-style: none;}
b, strong   { font-weight: bold; }
img, a img  { border: none; }


/* ==============       FONTS    ====================================*/


body {
/* font-size: 85%;  */
font-family: Arial, Helvetica, sans-serif;
color: #000;
background: transparent;
text-align: left;
/* line-height: 1.5em; */
margin-top: 0px;   /* +++++++++ hier Abstand von oben eingeben   */
/* background: url(../images/xxxxx.gif) no-repeat 0 0;
background-attachment: fixed; */
}


/* ==================   BACKGROUND   ===============================*/
#home {
    background-image: url(monitore_0887_1.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-color: #DEDEDE;
}

#impressum {
    background-image: url(monitore_0887_1.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-color: #DEDEDE;
}



h1, h2, h3 {
margin-bottom: 0.8em;
font-weight: bold;
line-height: 1.5em;
color: #666;
}

#home h1, #home h2, #home h3, #home p {
    color: #333333;
}


h1	{ font-size: 1.8em; }
h2	{ font-size: 1.3em; }
h3 	{ font-size: 1em; }


/*
p {
    padding-left: 50px;
    padding-right: 50px;
}
*/


/* ================= 		LINKS ALLGEMEIN  =======================*/
a:link,
a:visited {
text-decoration: none;
color: #666;
}
a:hover,
a:focus,
a:active {
text-decoration: underline;
color: #666;
}

/* ==================   CONTAINER-LAYOUT   =========================*/
#container {
    top: 0px;
    position: relative;
    padding: 0;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    border: 0px solid #FFF;
    height: auto;

    background-color: transparent;
/*    background-image: url(../images/monitore_0888.jpg);
    background-repeat: no-repeat;  */
}

#wrapper1 {
    position: relative;
    padding: 0;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    border: 4px solid #FFF;
    height: auto;
    background-color: #FFF;
}

#home #wrapper1 {
    background-image: url(computer-rental-de.jpg);
    background-repeat: no-repeat;
    background-color: transparent;
}

#header {
    position: relative;
    height: 400px;
/*    background-color: #008080;  */
    background-color: transparent;
/*    background-image: url(monitore_dry_hire_0888.jpg); */
}

#content {
    position: relative;
    width: 1000px;
    height: 590px;
    background-color: transparent;  
/*    background-color: transparent;   */
    border: 0px solid #CCC;
/*    width: 980px;
    height: 240px;
    background-color: #FAFAFA;
    border: 1px solid #CCC;
    background-image: url(../images/wiese3-parzellen.jpg);   
    background-repeat: no-repeat; */
}

#content2 {
    position: relative;
    width: 1000px;
    height: auto;
    padding-top: 250px;
    }



.block1 {
    margin-left: 600px;
    margin-top: 220px;
    margin-right: 40px;
    margin-bottom: 30px;
}


.block2 {
    margin-left: 600px;
    margin-top: 60px;
    margin-right: 40px;
    margin-bottom: 30px;
}


#logo {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

#motiv {
    position: absolute;
    top: 0px;
    left: 285px;
    z-index: 2;
}



#headerTop {
    position: relative;
    height: 25px;
    padding: 0;
/*    padding-bottom: 10px;   */
    background-color: transparent;
}


/* ================   NAVI TOP   ==============================  */
#naviTop {
    position: relative;
    text-align: right;
    font-size: 0.8em;
}



#naviTop ul li{
display: inline;
margin-right: 10px;
}
#naviTop ul li a,
#naviTop ul li a:link,
#naviTop ul li a:visited{
text-decoration: none;
color: #333;
}
#naviTop ul li a:hover, .active{
text-decoration: underline;
color: #333;
}







/* ================		NAVIGATION OBEN HORIZONTAL===============   */


#navi1 {
    text-align: center;
    position: relative;
    width: 1000px;
    height: 20px;
    background-color: transparent;
    z-index: 99;
}



#navi1 ul li {
    display: inline;
    list-style: none;
    text-transform: uppercase;
    font-size: 1.1em;
    /* margin-right: 24px;  */
    text-align: center;
    padding-right: 30px;
}


#navi1 ul li a:link,
#navi1 ul li a:visited {
/* display: inline;  */
font-weight: bolder;
text-decoration: none;
color: #999;
}



#navi1 ul li a:hover,
#navi1 ul li:hover {
/* text-decoration: underline; */
color: #1F2531;
}

.active2{
color: #1F2531;
font-weight: bolder;
}




/* ================   NAVIGATION  2 VERTIKAL======================  */

#navi2 ul li a,
#navi2 ul li a:link,
#navi2 ul li a:visited{
text-decoration: none;
color: #FFF;
font-weight: normal;
}
#navi2 ul li a:hover, .active3{
text-decoration: none;
color: #FFF;
font-weight: bold;
}

#navi2 {
    position: absolute;
    left: 315px;
    top: 40px;
    width: 250px;
    height: 200px;
    background-color: transparent;
    z-index: 99;

}

#navi2 ul {
    line-height:1.8em;
}

#navi2 ul li {
    list-style: none;
    font-size: 1.1em;
    font-weight: normal;
    color: #FFF;
/*    text-transform: uppercase;  */
}



/* ================   NAVIGATION  2 ENDE==========================  */



/* ================   NAVI FOOTER   ==============================  */
#footer ul li{
display: inline;
}
#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited{
text-decoration: none;
color: #FFF;
}
#footer ul li a:hover, .active{
text-decoration: underline;
color: #FFF;
}


.fl {
    float: left;
}

.fr {
    float: right;
}

#footer {
    position: relative;
/*    clear: both;   nur wenn vorher floats vorangegangen sind     */
    height: 30px;
    background-color: transparent;
}

#footer p{
color: #666;
font-size: 90%;
text-align: center;
}