/* Global CSS Document www.hartmann-chemietechnik.de */

/* ++++++++++++ Globale Abstandsparameter ++++++++++++ */
#TopLine,#TopLineBgr,#TopNavBgr,#TopNav,#TopImage,#MainArea,#IconNavBgr{
left:0px;
}
#MainNavBgr,#MainNav1{
left:223px;
}
/* ++++++++++++ Hauptbereich (Content + Footer) ++++++++++++ */
#MainArea{
width:712px  !important; width /**/: 772px;
top:179px;
position:absolute;
z-index:5;
}
/* ++++++++++++ Content ++++++++++++ */
#Content{
padding-right:18px;
padding-left:30px;
width:724px  !important; width /**/: 772px;
height:auto;
background:#FFFFFF url(../bilder/bgr-bottom.jpg) no-repeat bottom;
}
.contentL{
width: 250px;
float:left;
}
.imagebox{
float:left;
margin:0 60px 30px 0;
width:250px;
}
.image{
border:1px solid #A5B9D3;
}
.imagetext{
padding:3px 3px 10px 3px;
font-weight:normal;
}
.newsimage { margin-right: 20px;}
.box1,.box2,.button1,.button2{
float:left;
border:1px solid #B8C7DC;
margin: 0px 0 15px 0;
padding: 0 3px 3px 7px;
width: 134px !important; width /**/: 141px; 
background:#FBFBF7 url(../bilder/bgr-bl.jpg) repeat-x;
}
.box2{
border-left:0px;
}
.button1,.button2{
width: 190px !important; width /**/: 200px; 
height:auto;
margin-bottom:2px;
text-align:center;
}
.button2{
border-left:0px;
}
.box1header{
padding:5px 3px 5px 8px;
background:#3D5F92 url(../bilder/bgr-bl.jpg) repeat-x;
font-weight:bold;
border:1px solid #B8C7DC;
border-bottom:0px solid #B8C7DC;
width: 708px !important; width /**/: 720px;
}
.box3,.box4{
float:left;
padding-bottom:15px;
width:360px  !important; width /**/: 352px;
height:auto;
background:#3D5F92 url(../bilder/box_corner_01.gif) no-repeat bottom right;
color:#ffffff;
}
.box4{
border-left:1px solid #B8C7DC;
}
.box3header{
padding:5px 3px 5px 8px;
background:#3D5F92 url(../bilder/bgr2.jpg) repeat-x;
font-weight:bold;
border-bottom:1px solid #B8C7DC;
}
.box5{
float:left;
padding-bottom:15px;
width:410px  !important; width /**/: 402px;
height:auto;
background:#3D5F92 url(../bilder/box_corner_01.gif) no-repeat bottom right;
color:#ffffff;
}
.box5header{
height:25px;
background:#3D5F92 url(../bilder/bgr2.jpg) repeat-x;
font-weight:bold;
border-bottom:1px solid #B8C7DC;
}
.boxhead{
padding-left:8px;
}
#NavBox{
float:left;
position:absolute;
left:772px;
top:153px;
margin: 5px 30px 5px 0;
}
.navbox,.navboxheader{
border:1px solid #B8C7DC;
border-bottom:0;
border-left:0;
padding: 0 3px 0 7px;
width:135px  !important; width /**/: 145px;
background:#EEF1F8 url(../bilder/bgr1.jpg) repeat-x;
}
.navbox{
height: 220px;
}
.navboxheader{
padding-top:3px;
padding-bottom:3px;
border:0px;
background:#3D5F92 url(../bilder/bgr2.jpg) repeat-x;
color:#ffffff;
font-size:11px;
}
.navboxline{
border-top:1px solid #B8C7DC;
margin: 5px 0 5px 0;
width:135px !important; width /**/: 100%;
line-height:1px;
}
#NewsBox{
float:left;
position:absolute;
left:772px;
top:153px;
margin: 5px 30px 5px 0;
}
.newsbox,.newsboxheader{
border:1px solid #B8C7DC;
border-bottom:0;
border-left:0;
padding: 5px 3px 0 7px;
width:150px  !important; width /**/: 160px;
background:#EEF1F8 url(../bilder/bgr1.jpg) repeat-x;
}
.newsbox{
height: 220px;
}
.newsboxheader{
padding-top:3px;
padding-bottom:3px;
border:0px;
background:#3D5F92 url(../bilder/bgr2.jpg) repeat-x;
color:#ffffff;
}
.newsheader{
font-weight:bold;
margin-top:5px;
color: #3D5F92;
}
.newsboxline{
border-top:1px solid #B8C7DC;
margin: 5px 0 5px 0;
width:150px !important; width /**/: 100%;
line-height:1px;
}
h1,h1 a,h1 a:link,h1 a:visited,h1 a:active{
color: #3D5F92;
font-size:17px;
font-family:Tahoma, Helvetica, sans-serif;
line-height:20px;
padding-bottom:0px;
margin: 0 0 15px 0;
text-align:left;
}
h2,h2 a,h2 a:link,h2 a:visited,h2 a:active{
color: #3D5F92;
font-size:12px;
font-weight:bold;
line-height:14px;
margin:5px 0 7px 0;
text-align:left;
}
h3,h3 a,h3 a:link,h3 a:visited,h3 a:active{
color: #3D5F92;
font-size:11px;
font-weight:bold;
text-decoration:none;
line-height:16px;
margin:5px 0 7px 0;
text-align:left;
}
p a,p a:link,p a:visited,.boxlink a, a:link{
color:#1C59B3;
text-decoration:none;
}
p a:active,p a:hover,h3 a:hover,h4 a:hover,h5 a:hover,.boxlink a:hover{
color:#003074;
}
.boxlink a{
padding:2px 0 2px 0;
font-weight:normal;
font-size:11px;
}
.boxlink{
padding: 2px 0 2px 0;
font-weight:bold;
}
p{
margin:0 0 10px 0px;
font-family:Tahoma, Helvetica, sans-serif;
line-height:1.3em;
text-align:left;
}
li{
list-style-position:outside;
line-height:1.5em;
}
#Content ul{
margin-left:50px;
padding-left:50px;
}
#Content li{
list-style-position:inside;
line-height:1.5em;
}
#Content .box3 ul, #Content .box4 ul{
margin-left:0px;
padding-left:10px;
}
.box3 li, .box4 li{
list-style-position:outside;
}

input,textarea{
font:12px/14px Tahoma, Arial,Helvetica,sans-serif;
border:1px solid #666666;
}
.yellowbgr{background-color:#FFFFCC;}
.submitbutton{border:0px;}
.grey {color: #666666}
.clearer {clear:both;}
.bgr1 {background-image:url(../bilder/bgr1.jpg);}
/* ++++++++++++ Seitenkonstruktion: Zentriert ++++++++++++ */
#Cont{
margin:0 auto 0 auto;
text-align:left;
position:relative;
top:0px;
z-index:5;
width:910px;
}
#Midd{
left:0;
position:absolute;
top:0px;
z-index:6;
}
body{
margin:0;
padding:0;
background:#EEF1F8 repeat-y center;
background-image:url(../bilder/bgr-middel.jpg);
font:11px/14px Tahoma, Arial,Helvetica,sans-serif;
color: #333333;
text-align:center;
}
/* ++++++++++++ Footer ++++++++++++ */
#Footer{
clear:both;
}
.copyright{
position:absolute;
padding:1px 0 0 3px;
width:700px;
color:#6686B7;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
#Signet{
position:absolute;
left:935px;
top: 325px;
text-align:left;
z-index:5;
visibility:hidden;
}

/* ++++++++++++ Header ++++++++++++ */
#TopBgr1{
width:100%;
background:#6686B7;
height:157px;
left:0;
position:absolute;
top:0;
z-index:1;
}
#TopBgr2{
width:100%;
background:#A3BCDC;
height:21px;
left:0;
position:absolute;
top:158px;
z-index:1;
}
#Header{
margin:0 0 0 0;
padding:0 0 0 0;
width:100%;
left:0px;
top:0px;
position:absolute;
z-index:2;
}
#TopLineBgr{
width:772px;
background:#F0E612;
top:0px;
position:absolute;
z-index:2;
height: 18px;
}
#TopLine{
padding:2px 4px 1px 4px;
text-align:left;
font-size:10px;
font-weight:bold;
top:0px;
position:absolute;
z-index:3;
width:712px;
}
#TopNavBgr{
width:772px;
background:#EEF1F7;
top:18px;
position:absolute;
z-index:2;
height: 30px;
}
#TopNav{
width:768px;
text-align:right;
font-size:11px;
top:22px;
position:absolute;
z-index:4;
}
.toplink,.toplink a{
/*
position:absolute;
top:-100px;
*/
display: inline;
color:#333333;
text-decoration:none;
}
.toplink a:hover{
color:#4170A1;
}
#TopImage{
width:772px;
top:30px;
position:absolute;
z-index:3;
}
#TopRight,#TopRightNews{
top:0px;
left:772px;
width:145px;
height:157px;
position:absolute;
z-index:6;
background:transparent url(../bilder/topright.gif) repeat-x;
}
#TopRightNews{
width:160px;
}
/* ++++++++++++ Linke Sub-Navigation ++++++++++++ */
#LeftSubNavBgr{
width:224px;
background:#EEF1F7;
top:158px;
position:absolute;
z-index:4;
height: 21px;
}
#LeftSubNav{
width:545px;
left:8px;
top:161px;
position:absolute;
z-index:4;
font-size:11px;
color:#666666;
}
.leftsublink,.leftsublink a{
display: inline;
color:#4F72A6;
text-decoration:none;
}
.leftsublink a:hover{
color:#003074;
}
/* ++++++++++++ Hauptnavigation ++++++++++++ */
#MainNavBgr{
width:549px;
background:#D0DDED url(../bilder/bgr3.jpg) repeat-x;
top:157px;
position:absolute;
z-index:4;
height: 22px;
}
#MainNav1{
width:545px;
text-align:right;
font-size:11px;
top:161px;
position:absolute;
z-index:4;
}
#MainNav2{
width:60px;
top:161px;
left:30px;
position:absolute;
z-index:5;
font-size:11px;
}
#MainNav2 img{
margin-right:5px;
}
.mainlink,.mainlink a{
display: inline;
text-decoration:none;
color:#003399;
}
.mainlink a:hover{
color:#4170A1;
}
.mainlinksel{
display: inline;
color:#333333;
}
.mobilelink,.mobilelink a{
display: inline;
text-decoration:none;
color:#FFFFFF;
}
/* ++++++++++++ Einblendmarkierungen Bildnavigation ++++++++++++ */
#PicMarker{
position:absolute;
z-index:6;
visibility: hidden;
}
/* ++++++++++++ Footer ++++++++++++ */
#Footer2{
width:100%;
background:#F0E612;
height:10px;
}
#NavTopBgr{
width:100%;
height:24px;
left:0px;
position:absolute;
top:92px;
z-index:4;
}
#NavFoot{
width:765px;
height:20px;
left:11px;
position:absolute;
bottom:0px;
z-index:6;
background:#138ED9;
text-align:left;
top: 384px;
}

/* ++++++++++++ Footer ++++++++++++ */
.NavFoot,.NavFoot a:link,.NavFoot a:visited{
padding:1px 5px 0px 3px;
font-size:11px;
color:#FFFFFF;
}
#Page{
background:#e0e0e0 repeat-y center;
top:0;
left:0;
z-index:3;
}
/* ++++++++++++ Preload-Grafiken Headerbereich ++++++++++++ */
#Preload1{background:url(../bilder/topimage_01a.jpg);}
#Preload2{background:url(../bilder/topimage_02a.jpg);}
#Preload3{background:url(../bilder/topimage_03a.jpg);}
#Preload4{background:url(../bilder/topimage_04a.jpg);}
#Preload5{background:url(../bilder/topimage_05a.jpg);}
#Preload6{background:url(../bilder/topimage_06a.jpg);}