@charset "UTF-8";
/* =========================================================
Basis-Stylesheet

Projektname: BOMETRIC

Media: screen
Datum: 21. Mai 2008
Autor: Andreas M. Helge
Web: www.formspiel.de
Farben: CD: #; Text: #001e3c; hover: #ae083a;

========================================================== */
* {font-family: Arial, Verdana, sans-serif; color: #001e3c;}
body {font-size: 12px; line-height: 140%; background-color: #eef1f3;}
h1, h2 {font: bold 14px/1.25em Arial, Verdana, sans-serif; padding:1px 0 2px 12px; margin:15px 0 10px 0; background-color: #f5f8fa;}
h3 {font: bold 12px/1.25em Arial, Verdana, sans-serif; padding:3px 0 0 12px; margin:0px;}

p {padding:0 10px 0 12px; margin: 0 0 6px 0;} p:hover {color: black;}
	p.errors, p.errors span {color: #ae083a; margin-top: 12px; font-weight: bold}
	p.ok {margin-top: 20px;}
acronym {} em {}
img {border: none;}
hr {border: 0px; border-top:solid #6990a1 1px; /*FF Opera*/ border-bottom: solid 1px #e7eef2;/*IE*/ margin: 10px 0 5px 0; width: 100%;}
abbr {border-bottom: 1px dotted #001e3c;}

a:link, a:visited {color:#ae083a; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
#backlink {margin: 15px 0 0 12px; font-weight: bold;}

.clear {clear: left;}

ul {margin: 0 0 5px 0px; padding: 0 2px;}
ul li {padding: 0 0 0 10px; margin: 0 0 3px 9px; list-style-type: none; background: url(images/li_bullet2_alpha.gif) no-repeat left 6px;}
ul.bigList {}
ul.bigList li {margin-bottom: 6px;}

/* layout */
#container {background-color: #fff; border: 6px solid #fff; width: 912px; min-height: 491px;
position: absolute; left: 50%; top: 15px; right: auto; bottom: auto; margin-left: -456px;}

#header {height: 60px; border-bottom: 6px solid #fff;}
#header #logo {float: left; height:60px; width: 245px; /* background: #c8d7e0 url(images/bometric_logo.png) no-repeat; */ border-right: 6px solid #fff;}
#header #menuwrapper {float: left; height: 60px; width: 595px; background-color: #e3e8eb; border-right: 6px solid #fff;}
#header #shopbutton {float: left; height: 27px; width: 60px; padding: 33px 0 0 0; background-color: #c8d7e0;}
#header #shopbutton a#shop {display:block; text-decoration:none; width: 60px; height: 20px; background: #c8d7e0 url(images/navi_shop.gif) no-repeat 0px -40px;}
#header #shopbutton a#shop:hover {background-position: 0px -20px;}
#header #shopbutton a#shop span.title {visibility: hidden;}
#header #shopbutton dfn {display: none;}

/* content */
#column_01 {float: left; width: 300px; height: 425px; background-color: #e7eef2; border-right: 6px solid #fff; border-bottom: 5px solid #fff;}
#column_01.news {overflow-y: auto;}
#column_02 {float: left; width: 300px; height: 425px; background-color: #eef1f3; border-right: 6px solid #fff; border-bottom: 5px solid #fff;}
#column_02_kontakt {float: left; width: 300px; height: 425px; background: #eef1f3 url(images/bometric_firmensitz_werkhalle_01.jpg) no-repeat; border-right: 6px solid #fff; border-bottom: 5px solid #fff;}
#column_02_feedback {float: left; width: 300px; height: 425px; background: #eef1f3 url(images/schreibunterlage-feedback-01.jpg) no-repeat; border-right: 6px solid #fff; border-bottom: 5px solid #fff;}
#start_teaser, #column_big {float: left; width: 606px; height: 425px; background-color: #eef1f3; border-bottom: 5px solid #fff;}
#column_03 {float: left; width: 300px; height: 425px; background-color: #e7eef2; border-bottom: 5px solid #fff;}
	#shop_teaser {position: absolute; top: 351px; left:0px; width: 300px; height: 140px;}
	#shop_teaser img {float: left; margin-left: 10px;}
	#shop_teaser_details {float: left; margin-left: 10px; width: 190px;}
	#shop_teaser_details p {padding: 0;}
	#shop_teaser_details #shoplink {margin-left: 125px;}

blockquote {background: url(images/bgr_blockquote.gif) no-repeat; margin: 20px 12px; padding: 12px 0 0 5px; font: bold 14px/1.3em Arial, Verdana, sans-serif;}

/* formulare */
form {margin: 0px; padding: 0px;}
fieldset {margin: 10px 6px 3px 6px; padding: 4px 12px; border: 1px solid #6990a1;}
fieldset#column_02_kontakt {margin-top: 10px;}
fieldset p {padding: 0px; margin: 0px;}
legend {font-weight: bold;}
label {float: left; width: 100px;}
label.noFloatLabel {width: 252px;}
label:hover {color: black;}
input, textarea {margin: 0 0 5px 0; padding: 2px 4px; width: 152px; background-color: #eef1f3; border: 1px solid #6990a1;}
input:hover, textarea:hover {color: black;}
textarea {font-size: 12px; height: 60px; width: 252px;}
input:focus, textarea:focus  {background-color: #fff;}

input#saddr {width: 252px;}
input.submit {margin-top: 10px; width: 162px; background-color: white; float: right;}
input.submit:hover {background-color: #eef1f3; color: black;}
input.submit:active {background-color: #eef1f3; color: #ae083a;}

input.radio {width: auto; display: block;}

.feedback label {width: 100%}
.feedback select {width: 100%; background-color: #eef1f3; margin-bottom: 10px}

/*navigation*/

/* 1st level */
ul#menu {}
ul#menu li {float: left; margin: 33px 10px 0 0; padding: 0px; background-image: none;}
ul#menu li a {display:block; text-decoration:none;}
ul#menu li span.title {visibility: hidden;}
ul#menu li a#willkommen {width: 100px; background: url(images/navi_willkommen.gif) no-repeat 0px -40px;}
ul#menu li a#willkommen:hover {background-position: 0px -20px;}
ul#menu li a#service {width: 110px; background: url(images/navi_service.gif) no-repeat 0px -40px;}
ul#menu li a#service:hover {background-position: 0px -20px;}
ul#menu li a#vorteile {width: 98px; background: url(images/navi_vorteile.gif) no-repeat 0px -40px;}
ul#menu li a#vorteile:hover {background-position: 0px -20px;}
ul#menu li a#referenzen {width: 143px; background: url(images/navi_referenzen.gif) no-repeat 0px -40px;}
ul#menu li a#referenzen:hover {background-position: 0px -20px;}
ul#menu li a#kontakt {width: 70px; background: url(images/navi_kontakt.gif) no-repeat 0px -40px;}
ul#menu li a#kontakt:hover {background-position: 0px -20px;}
ul#menu li a#news {width: 54px; background: url(images/navi_news.gif) no-repeat 0px -40px;}
ul#menu li a#news:hover {background-position: 0px -20px;}
/* 2nd level */
ul#menu li ul {margin: 0px; padding: 0px;}
ul#menu li ul li {margin: 0px;}
ul#menu li ul li a {padding: 0px;}
/* aktiver Punkt (alle level) */
ul#menu li#current a {background-position: 0px 0px;}
/* aktiver Punkt (2nd level) */

/**/
ul#menu li#current ul li a {}
ul#menu li#current ul li a:hover {}


/* aktiver Punkt Text*/
ul#menu li#current a strong {}
/* Elternelement bei Untermenü */
ul#menu li#parent a.trigger {}
ul#menu li#parent a.trigger:hover {}
/* Links */
ul#menu a:visited, a:link {}
ul#menu a:hover {}
ul#menu a:focus, #mainNavigation a:active {}
ul#menu a:focus dfn, #mainNavigation a:active dfn {}


/* Elemente für Audio */
ul#menu dfn {display: none;}
span.hier, span.invisible {display: none;}

ul#menu li.unterlage, ul#menu li.zertifizierung, ul#menu li.formLage, ul#menu li.oinspect {display: none}

#parent a {font-weight: bold;}
#parent ul li a {font-weight: normal;}

#footer {font-size: 0.8em; width: 912px; line-height: 1em; color: #001e3c;}
	#footer .footerAddress {margin: 0 0 0 0; float: left;}
	#footer .footerConnect {margin: 0 0 0 20px; float: left;}
	#footer .footerImprint {margin: 0 0 0 30px; float: right;}

#footer a { color: #001e3c; text-decoration: none;}
#footer a:hover {color: #ae083a; text-decoration: underline;}