@media projection, screen
{
/**********************
* GRUNDEINSTELLUNGEN
**********************/
* { margin:0; padding:0; border:0; font-size:100.01%; }
*:focus { outline:none; }
html { height:100%; overflow:hidden; }
body { position:relative; height:100%; text-align:center; font-family:Arial,sans-serif; font-size:100%; line-height:1.125em; color:#333; overflow: hidden; }
option { padding-left:5px; border:0; }
fieldset, img { border:0; }
td { vertical-align:top; }
form { margin:0; padding:0; }
.sendbut { border:none; background:url(/img/senden_i.gif) top left; width:21px; height:16px; }
.sendbut:hover { border:none; background:url(/img/senden_a.gif) top left; }

/*******************
* STYLES
*******************/
.button, .ui-tabs-nav a.button, .ui-tabs-nav a.button span  { border:1px solid #ddd; font-size:1.091em; text-decoration:none; color:#555; padding:2px 8px; margin:0 6px 0 0; background-color:#eee; }
.buttonia, .buttonia:hover { border:1px solid #ddd; font-size:1.091em; text-decoration:none; color:#999; padding:2px 8px; margin:0 6px 0 0; background-color:#eee; cursor:default; }
.button:hover { border:1px solid #555; background-color:#555; text-decoration:none; color:#fff; }
.green,.green:hover { display:block; width:230px; background-color:#7DA740; padding:2px 4px; margin:18px 0 2px 0; font-size:12px;line-height:14px; color:#fff; }
.ok,.ok:hover { border:1px solid #7DA740;  background-color:#7DA740; padding:2px 8px; margin:0 6px 0 0; font-size:12px;line-height:14px; color:#fff; }
#profil .button { font-size:1em;line-height:1.2em; }
#profil .tt { float:right;width:4em;text-align:center; }

/*******************
* EBENEN
*******************/
#wrap { position:absolute; top:0; bottom:1.250em; left:0; right:0; overflow-y:scroll; }
#content { position:relative; margin:0 auto; width:62.500em; height:100%; } /* width:1000px */
.fontnorm { font-size:0.688em; }

/*******************
* SERVICE BEREICH
*******************/
#service { float:left; width:83.333em; padding:0.417em 0 0 0; margin:0 0 2.167em; font-size:0.75em; text-align:right; height:2.083em; background:url(/img/line_dash.gif) bottom left repeat-x; }
#service a, #footer_content a { color:#797979; text-decoration:none; }
#service a:hover, #service .current, #footer_content a:hover { color:#7DA740; text-decoration:none; }
#service ul { float:right; margin:0 0.917em 0 2.750em; }
#service li { margin:0 0.917em 0 0; padding:0; display:inline; list-style:none; }
#service li a, #nav li a { color:#797979; }
#service li a:hover, #nav li a:hover { color:#7DA740; }

/*******************
* NAV
*******************/
#nav { float:left; margin:0 0 0 8.929em; height:5.000em; width:62.500em; font-size:0.875em; text-align:left; }
#nav img { float:left; margin:0.143em 0 0 0; }
#nav select { float:left; border:1px solid #ccc; height:1.917em; width:15.000em; font-size:0.857em; margin:0 0 0 1.083em; padding:0.083em 0 0 0.417em; }
#nav li a { color:#000; text-decoration:none; }
#nav a:hover, #nav .current { color:#7DA740; text-decoration:none; }
#nav li a.inaktiv, #nav li a.inaktiv:hover { color:#000; text-decoration:none; cursor:default; }
#nav ul { float:left; margin-top:0.286em; width:57.143em; }
#nav li { padding:0; display:inline; list-style:none; margin:0 1.286em 0 0; color:#000; }
#category {font-size:0.75em;width:22em;margin:0.75em 0;border:1px solid #ccc; height:1.917em;padding:0.083em 0 0 0.417em;}

/*******************
* STARTSEITE
*******************/
#intro { float:left; margin:1.250em 0 0 7.813em; width:53.125em; height:32.813em; text-align:left; }
#startbild { margin:0.875em 0 0 0; width:852px; height:482px; background:url(/img/loading.gif) no-repeat fixed center; }
#intro_info { position:absolute; z-index:5000; top:7.188em; left:23.625em; z-index:10; width:34.500em; height:20.750em; text-align:left; }
#browser_info { position:absolute; z-index:5100; top:7.188em; left:23.625em; z-index:10; width:34.500em; height:20.750em; text-align:left; background-color:#9ab25c; }
#dwg_info { position:absolute; top:7.188em; left:23.625em; z-index:10; width:28.125em; height:auto; text-align:left; }
#dwg_info a { color:#000; font-weight:400; text-decoration:none; border-bottom:1px solid #000; }
#dwg_info a:hover { color:#fff; font-weight:400; text-decoration:none; border-bottom:1px solid #fff; }
.gruentxt { font-size:0.813em; font-weight:400; padding:20px 20px 30px; color:#222; background-color:#9ab25c; }
#browser_info span { display:block; font-size:0.813em; font-weight:400; width:350px; height:200px; margin:40px 20px 30px 30px; color:#222; }
#browser_info span a { color:#000; text-decoration:none; border-bottom:1px solid #000;  }
#browser_info span a:hover { color:#fff; text-decoration:none; border-bottom:1px solid #fff; }

/*******************
* PROFIL
*******************/
#profil { float:left; margin:1.688em 0 0 7.813em; width:53.125em; text-align:left; }
#profil .normal { font-family:arial; color:#000; border:1px solid #999; margin:0 0 6px; padding:2px 2px 1px; width:75%; }
#profil .normalsel { font-family:arial; border:1px solid #999; margin:0 0 6px 0; padding:2px 2px 1px; width:76%; }
#profil .plz { font-family:arial; color:#000; border:1px solid #999; margin:0 0 6px 0; padding:2px 2px 1px;width:18%; } 
#profil .ort { font-family:arial; color:#000; border:1px solid #999; margin:0 0 6px 0; padding:2px 2px 1px;width:55%; }
#userprofil a { color:#000; border-bottom:1px solid #000; text-decoration:none; }
#userprofil a:hover { color:#7DA740; border-bottom:1px solid #7DA740; text-decoration:none; }
#userprofil a.linkintab {display:inline;padding:0;margin:0;}
#produkte_body input {margin:0 2px 0 0;padding:0 3px;}
#tab2 input {margin:0 2px 0 0;padding:0 6px;}

/*******************
* STUECKLISTE
*******************/
.stueckliste { width:53.125em; }
.stueckliste .linie, .linie { background:url(/img/line_dash.gif) -5px 0 repeat-x; padding:10px 0; }
.linie { background:url(/img/line_dash.gif) -5px bottom repeat-x; padding:4px 0; }
.stueckliste .zwlinie { background:url(/img/line_dash.gif) -5px 0 repeat-x; padding:0; height:1px; }
.stueckliste .end { padding:10px 0; }
.stueckliste .abst { padding-left:10px;white-space:nowrap;width:110px; }
.stueckliste th { font-size:0.688em; font-weight:400; text-align:left; }
.stueckliste td { font-size:0.813em; font-weight:400; }
.stueckliste input { font-family:arial; border:1px solid #999; margin:0 0 6px 0; padding:1px 2px; }
.stueckliste #send { width:19px; height:15px; border:0; padding:0; }
.stueckliste .art { float:left; width:9.231em; margin:0 0.385em 0 0 }
.stueckliste .anz { float:left; text-align:center; width:5.385em; }
.stueckliste .gruen { display:block; float:left; text-decoration:none;margin:1px 0 0;cursor:pointer; }
.stueckliste .rep { float:right; margin:1px 4px 0 0; }
.stueckliste .gruen:hover { text-decoration:none; background-color:#7da740; }
.stueckliste .zahl { display:block; float:left; width:2.615em; text-align:center; }
.stueckliste .oben { margin:2px 0 0 5px; }
.stueckliste th.re, .re { text-align:right;}
#totalsummwst, .stueckliste td.total_strong { font-weight:700;}

#close_x, #close_x1 { position:absolute; top:15px;right:15px; cursor:pointer; }
.bildlnk { cursor:pointer; }

/*******************
* EDITOR
*******************/
#raster { float:left; margin:3.455em 0 0 3.636em; width:86.364em; height:43.182em; text-align:left; font-size:0.688em; } /* 950 x 475 px */
#scrollflaeche { position:relative; overflow:hidden; width:827px; margin:6px 0 0 83px; }
#stuecklisten_wrap,#bestellung_wrap { z-index:10000; position:absolute; top:120px; left:106px; background-color:#fff; border:1px solid #ddd; display:none; }
#stuecklisten_wrap_scroll, #bestellung_wrap_scroll { overflow:hidden; overflow-y:auto; height:534px; margin:10px 0;text-align:left; }
#stuecklisten_wrap_scroll { height:508px; margin-top:36px; }
#stuecklisten_wrap_scroll table, #bestellung_wrap_scroll table { margin:0 20px; }
#stuecklisten_wrap_scroll tbody, #stuecklisten_wrap_scroll thead, #bestellung_wrap_scroll tbody, #bestellung_wrap_scroll thead { margin-left:10px; text-align:left; }
#bestellung_wrap_scroll h2 {color:#7DA740; font-weight:400;font-size:0.88em;margin:2px 0 3px 18px;}
#bestellung_wrap_scroll p {font-size:0.813em;margin:0 0 9px 18px;}
#bestell_form p {margin:0 0 9px 18px;}
#bestellung_wrap_scroll p.anmerk {font-size:0.813em;margin:2px 0 3px 18px;} 
#bestell_form p.anmerk {margin:0 0 3px;}
#bestellung_wrap_scroll p.send {float:right;font-size:0.688em;margin:22px 12px 4px 18px;}
#bestell_form p.send {font-size:0.85em;float:right;margin:22px 0 4px 18px;}
#bestellung_wrap_scroll textarea {font-size:0.813em;font-family:Arial,sans-serif;border:1px solid #ddd; width:440px;height:60px;margin:0 0 9px 17px;}
#bestell_form textarea {font-family:Arial,sans-serif;border:1px solid #ddd; width:440px;height:60px;margin:0 0 9px;}
#bestellung_wrap_scroll input.ftxt {padding:1px; font-family:Arial,sans-serif;border:1px solid #ddd; width:326px;}
#bestell_form .ftxt {padding:1px; font-family:Arial,sans-serif;border:1px solid #ddd; width:326px;}
#bestell_form label, #bestellung_wrap_scroll label { display:block; float:left; clear:left; width:110px;}
.bestell_area {display:none;}
.pdf_close {float:right; margin:10px 22px 0 0; height:20px; width:50px;}
.pdf_icon {cursor:pointer;}
.close_icon {float:right; margin:5px 0 0 16px;cursor:pointer;}
.close_icon2 {float:right; margin-top:5px;padding-right:20px;cursor:pointer; }
#rs { position:relative;left:0;margin:0; width:1888px; height:466px; background:url(/img/dragraster.gif) top left repeat-x; }
.droppy { height:448px;width:59px;float:left;margin-top:16px; }
.d2 { height:448px;width:1px;margin-left:10px;float:left; }
.d3 { height:448px;width:1px;margin-left:14px;float:left; }
#mstunten { position:relative;left:0;margin:2px 0 15px 0; width:1940px;; height:20px;}
.mst { float:left; display:block; width:59px; text-align:left; color:#797979; }
#raster .config_name { font-size:1.273em; color:#7DA740; margin-left:6.000em; }
#raster .legende { float:right; margin-right:50px; }
#raster .legende img { vertical-align:middle; margin:0 4px 0 10px; }
#raster .steuerung { float:left; width:825px; margin-left:83px; }
#raster .steuerung #preis { float:right; width:195px; font-size:1em; text-align:right; line-height:1em;margin-top:-2px; }
#raster .steuerung .button { margin-top:2px; }
#raster .steuerung #preis a { text-align:center; }
#mstlinks { position:absolute; top:195px; left:65px; width:44px; height:450px; text-align:right; color:#797979; }
.zahl5 { float:left; height:66px; width:44px; }
.zahl4 { float:left; height:165px; width:44px; }
.zahl3 { float:left; height:66px; width:44px; }
.zahl2 { float:left; height:66px; width:44px; }
.zahl1 { float:left; height:15px; width:44px; }
#mstlinks em { display:block; float:left; font-style:normal; text-align:left; width:13px; }
#steplinks { position:absolute; top:657px; left:93px; width:16px; height:15px; }
#steprechts { position:absolute; top:657px; left:959px; width:16px; height:15px; }
#legbild { position:absolute; top:-190px; left:399px; z-index:10000; width:120px; height:120px; }
#konfig1 img {cursor:pointer;}

/*******************
* IMPRESSUM, LOGIN, FOOTER
*******************/
#impressum, #login { display:none; position:absolute; right:0; width:280px; height:auto; background-color:#fff; text-align:left; border:1px solid #ddd; padding:12px 12px 12px; }
#login { display:none; z-index:10000; top:32px; width:200px; }
#impressum { z-index:10000; bottom:18px; }
#impressum a, #login a { color:#000; }
#impressum a:hover, #login a:hover { text-decoration:none; }
#impressum p, #login p, #login label { color:#555; font-size:0.75em; line-height:140%; }
#login p { margin:0.500em 0; }
#login label, #profil label { display:block; }
#impressum img { float:right;margin-top:3px;cursor:pointer; }
#impressum.nv { display:block; }
#login.nv { display:block; }
.logfeld { font-family:arial; font-size:0.75em; border:1px solid #999; margin:2px 0 6px 0; padding:2px 2px 1px; color:#7DA740; width:13.833em; }
#login .sendbut { margin:4px 0 0 6px; vertical-align:top;}
#closelogin { position:absolute; top:8px; right:8px; cursor:pointer; }
#closelogin:hover { cursor:pointer; }
.error { color:#F60; }
.success { color:green; padding:2px 3px; }
#login_error { display:block; margin:12px 0 0; }
#error_msg { margin-top:18px; }
#error_msg li { width:230px; color:#fff; background-color:#F60; padding:2px 4px; margin:0 0 2px 0; font-size:12px;line-height:14px; }
#footer { position:absolute; bottom:0; left:0; right:0; height:1.250em; }
#footer_content { margin:0 auto; width:83.333em; text-align:right; font-size:0.75em; background-color:#fff; color:#797979; } 
#impressumlink { margin:0 1.780em 0 1.500em; }
}