/* GIBcam-Layout:Screen */
/* Bereichseinteilung */

body {
background: url(../graphic/logo-background.jpg) #FFFFFF;
/* background: url(../graphic/bg_blue.png) top left repeat-x #FFFFFF; */
color: #000000;
margin: 0;
padding: 10px; /* Ein wenig Abstand damit der Anschein eines Blattes auf der Wand immer erhalten bleibt */
font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
font-family: verdana, arial, sans-serif ;
}

#container  {
position : relative;
top : 0;
left : 0;
width: 800px;
margin: auto;
}
.viewport  {
position : relative;
top : 0;
left : 0;
width: 800px;
background: #FFFFFF;
border-width : 1px;
border-style : solid;
border-color : #006394;
border-bottom-width : 15px;
border-bottom-style : solid;
border-bottom-color : #006394;
}
#vpnormal  {height:  720px;}
#vpindex  {
height:  1100px;
background-image:url(../graphic/bg_index.gif); background-repeat:no-repeat;
background-position: left bottom; }
#vpindex-en  {
height:  820px;
background-image:url(../graphic/bg_index.gif); background-repeat:no-repeat;
background-position: left bottom; }
#vpcontact {height: 1020px;}
#vpanreise {height: 1250px;}
#vpdemoanfo {height: 960px;}
#vpmedien {height:800px;}
#vpkoopera {height:1200px;}
#vpprodukte {height:850px;}
#vpneu {height:2000px;}
#vpunternehmen {height:750px;}
#vpimpressum {height:870px;}
#vpdrilling {
height:1000px;
background-image:url(../graphic/bg_drill.gif); background-repeat:no-repeat;
background-position: left bottom; }
#vpsud_drilling {
height:1560px;
background-image:url(../graphic/bg_drill.gif); background-repeat:no-repeat;
background-position: left bottom; }
#vpmilling {
height:960px;
background-image:url(../graphic/bg_milling.gif); background-repeat:no-repeat;
background-position: left bottom; }
#vp5axmill {
height:960px;
background-image:url(../graphic/bg_5axmill.gif); background-repeat:no-repeat;
background-position: left bottom; }
#vpscan {
height:960px;
background-image:url(../graphic/bg_scan.gif); background-repeat:no-repeat;
background-position: left bottom; }
#vpupdates {height:1300px;}



/* Statusbar*/
.statusbar {
position : absolute;
top : 1px;
left : 1px;
height : 20px;
width : 798px;
margin : 0;
padding : 0;
background-color : #EFEFEF;
font-size: 8pt;
text-align: right;
}
a.statuslink         {color : #C00000; font-size: 8pt; margin-right : 5px; text-decoration : none;}
a:link.statuslink    {color : #4F4F4F; font-size: 8pt; margin-right : 5px; text-decoration : none;}
a:visited.statuslink {color : #8F8F8F; font-size: 8pt; margin-right : 5px; text-decoration : none;}
a:hover.statuslink   {color : #0000FF; font-size: 8pt; margin-right : 5px; text-decoration : underline;}
a:active.statuslink  {color : #0000FF; font-size: 8pt; margin-right : 5px; text-decoration : none;}
a:focus.statuslink   {color : #0000FF; font-size: 8pt; margin-right : 5px; text-decoration : none;
}
.header {
position : absolute;
top : 22px;
left : 1px;
width : 798px;
}
#fuerindex { height : 150px; background: url(../graphic/bg_header-colortxt.gif) no-repeat right; }
#fuerdrill { height :  70px; background: url(../graphic/bg_header_drill1.gif) no-repeat right; }
#fuermilling { height :  70px; background: url(../graphic/bg_header_milling.gif) no-repeat right; }
#fuer5axmill { height :  70px; background: url(../graphic/bg_header_5axmill.gif) no-repeat right; }
#fuernormal { height :  70px; background: url(../graphic/bg_header.gif) no-repeat right; }

/* Hauptnavigation, immer sichtbar */
.menubar {
position : absolute;
left : 1px;
height : 25px;
width : 798px;
padding-top : 5px;
background-color : #006394;
text-align: right;
font-weight: bold;
}
#menuindex  {top : 173px;}
#menunormal {top :  93px;}

a:link.menu    {font-size: 12pt; color: #FFFFFF; text-decoration : none; margin-right : 10px;}
a:visited.menu {font-size: 12pt; color: #EFEFEF; text-decoration : none; margin-right : 10px;}
a:active.menu  {font-size: 12pt; color: #FFFFFF; text-decoration : none; margin-right : 10px;}
a:hover.menu   {font-size: 12pt; color: #FF9C6B; text-decoration : none; margin-right : 10px;}

/* auch für Status -> */
ul.ulmenu {
display : inline;
list-style-type : none;
padding : 0;/* beides notwendig Netscape u Opera -> */
margin : 0;
}
li.limenu {
display : inline;
}
/* ------------------ */

/* -----Ads------*/
.ads {
position : absolute;
top : 220px;
left : 0;
width: 170px;
margin : 0;
}

/* Themennavigation Variante2*/
.navigation {
font-family: Tahoma, arial, sans-serif;
position : absolute;
background-color : #EFEFEF;
top : 210px;
left : 0;
width: 170px;
margin : 0;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 10px;
padding-right : 10px;
font-size: 11pt;
}

.naviga_sdrill {
font-family: Tahoma, arial, sans-serif;
position : absolute;
background-color : #EFEFEF;
top : 290px;
left : 0;
width: 170px;
margin : 0;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 10px;
padding-right : 10px;
font-size: 11pt;
}

.anavi_aus {color : #2F2F2F; text-decoration : none; font-weight:bold; display: block; border-bottom-width:3px;
border-bottom-style:solid; border-bottom-color:#FFFFFF; margin-top: 10px; margin-bottom: 5px;} /*--Themennavi: nur für aktuelle Seite --- */

a.anavi       {color : #2F2F2F; text-decoration : none; font-weight:bold; display: block; border-bottom-width:3px;
border-bottom-style:solid; border-bottom-color:#FFFFFF; margin-top: 10px; margin-bottom: 5px;}
a:link.anavi    {color : #2F2F2F; text-decoration : none; font-weight:bold; display: block; border-bottom-width:3px;
border-bottom-style:solid; border-bottom-color:#FFFFFF; margin-top: 10px; margin-bottom: 5px;}
a:visited.anavi {color : #2F2F2F; text-decoration : none; font-weight:bold; display: block; border-bottom-width:3px;
border-bottom-style:solid; border-bottom-color:#FFFFFF; margin-top: 10px; margin-bottom: 5px;}
a:hover.anavi   {color : #2F2F2F; text-decoration : underline; font-weight:bold; display: block;border-bottom-width:3px;
border-bottom-style:solid; border-bottom-color:#FFFFFF; margin-top: 10px; margin-bottom: 5px;}
a:active.anavi  {color : #2F2F2F; text-decoration : none; font-weight:bold; display: block; border-bottom-width:3px;
border-bottom-style:solid; border-bottom-color:#FFFFFF; margin-top: 10px; margin-bottom: 5px;}
a:focus.anavi   {color : #2F2F2F; text-decoration : none; font-weight:bold; display: block; border-bottom-width:3px;
border-bottom-style:solid; border-bottom-color:#FFFFFF; margin-top: 10px; margin-bottom: 5px;}
/*------------------ */
.content {
position : absolute;
top : 204px;
left : 1px;
width : 778px;
padding : 10px;
background-color : transparent;
}
#contindex  { top : 204px; }
#contnormal { top : 124px; }


/*-------Illustrationen----------*/
.illustration {
/* display : none; */
position : absolute;
right: 0px;
background-color : transparent;
width : 200px;
margin : 0px;
padding: 0px;
}
#illunormal {top : 210px;}
#illudirekt {top : 113px; padding-top: 20px;}


#illutxt {
font-size : 8pt;
font-style:italic;
padding-bottom: 20px;
}
.partnerlogos
{
/* display : none;
   position : absolute;
   right: 0px;
   background-color : transparent;
   width : 200px;   */
margin : 5px;
padding: 5px;
}
/*-----GIBLogo Mikroformat--------- */
.logo {
background-color : transparent;
position : absolute;
top : 0px;
left : 0px;
margin : 10px;
margin-left: 35px;
}

.vcard {
background-color : transparent;
position : absolute;
top : 0px;
left : 0px;
margin : 45px;
margin-left: 15px;
}
.vcard p {display : none;}

.sprachwahl {
display : block;
position : relative;
top : 0;
right: 0;
font-size: 8pt;
text-align: right;
}
.sprachwahl span {
display : none;
}

/* Layout Inhalt */
/* Format Überschrift */
.hidden {
display : none;
}
h1 {
font-family: Tahoma, arial, sans-serif;
/* display:inline; */
margin: 0;
font-size : 20pt;
font-weight : bold;
}
h2 {
font-family: Tahoma, arial, sans-serif;
/* display:inline; */
margin: 0;
font-size : 20pt;
font-weight : bold;
}

h3 {
font-family: Tahoma, arial, sans-serif;
margin: 0;
font-size : 14pt;
}
.addinfos {display : run-in; font-size : 10pt;  }

p  {
font-size : 10pt;
text-align : left;
line-height : 1.2em;
}
.spalte12 { margin-left :   5px; margin-right : 205px; }
.spalte2  { margin-left : 185px; margin-right : 205px; }
.spalte23 { margin-left : 185px; margin-right :   5px; }

.indexspalte23 { margin-left : 85px; margin-right :   5px; }
.indexspalte2  { margin-left : 85px; margin-right : 255px; }

.induebsdrills23 {color: #2F2F2F; position:relative; top:-175px; margin-left : 195px; margin-right :   5px; }
.indtxtsdrills23 {color: #2F2F2F; position:relative; top:-95px; margin-left : 195px; margin-right :   5px; }
.indlstsdrills23 {color: #2F2F2F; position:relative; top:-95px; padding-left : 106px; margin-left : 106px; margin-right : 5px; }   /* austricksen ul fehlanordnung padding u. margin */


p.erlaeut {
font-size : 8pt;
text-align : left;
}

q  {
font-size : 10pt;
text-align : left;
font-weight : bold;
}

ul {
font-size : 10pt;
text-align : left;
}
td  {
font-size : 10pt;
}
hr {
color:#9F9F9F;
height:1px;
}

/* ----------download----------- */
.download {
background-color: #BFBFBF;
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;

}

/* ----------Features----------- */
/* ----------Featurespalte----------- */

.features {
position : absolute;
top : 225px;
right: 1px;
width : 199px;
background-color : transparent;
}

#featnormal {top : 215px;}
#featdirekt {top : 225px;}
#feattief {top : 450px;}
#feathardware {top : 225px;}

/* ----------Featureboxen----------- */
.box_title {
margin-top : 16px;
margin-left : 8px;
margin-right : 8px;
margin-bottom : 0px;
background-color: #E2E2E2;      /*##FEA300;CED8DC;#FF9C6B*/
border-left: #777777 solid 1px;
border-right: #777777 solid 1px;
border-top: #777777 solid 1px;
color: #777777;
font-family: Tahoma, sans-serif;
font-size: 12px;
font-weight: bold;
padding:1px;
}
.box_content {
margin-left:8px;
margin-right:8px;
margin-bottom:1px;
margin-top:0px;
background-color: white;
border-left: #777777 solid 1px;
border-right: #777777 solid 1px;
border-bottom: #777777 solid 1px;
color: #777777;
font-size: 10pt;
font-weight: normal;
padding:3px;
}
#featin2  { margin-left : 185px; margin-right : 205px; }
#featin2p  { margin-left : 185px; margin-right : 205px; }
#featin23  { margin-left : 185px; margin-right : 5px; }
#featin23p  { margin-left : 185px; margin-right : 5px; }

/* ---------------------------------- */

a  {
color : #C00000;
text-decoration : none;
}
a:link {
color : #4F4F4F;
text-decoration : none;
}
a:visited {
color : #8F8F8F;
text-decoration : none;
}
a:hover {
color : #0000FF;
text-decoration : underline;
}
a:active {
color : #0000FF;
text-decoration : none;
}
a:focus {
color :#0000FF;
text-decoration : none;
}