* { margin:0; padding:0; border:0 }
body { height:101%; font:12px Arial, Sans Serif; color: #000; background-color:rgb(255,220,0) }


/* Typography */
p, ul, ol { margin: 0 0 1.5em; color:#4d4d4d; }
/* h2, h3, h4, h5, h6 { font-family:Arial,Verdana,Sans-serif; margin:1.2em 0 .3em; color:#000; border-bottom:1px solid #eee; padding-bottom:.1em} */
h2,
.kruemmel { color:#404040; font-size: 18px; font-weight:normal; letter-spacing:0.01em; margin:0px 0 18px 0; padding:0 0 10px 0; border:none; background:transparent url("../img/bg_dotted_line_gray.png") repeat-x bottom; }
.kruemmel span.inaktiv { color:#d3d3d3; font-size: 12px; font-weight:normal; }
.kruemmelspacer { font-size:12px; margin:0 5px 0 5px; vertical-align:middle !important; padding:0 0 3px 0; }
h2 p { font-size:12px; margin:2px 0 !important; }
h3 { display:block; border:none; color:#393939; padding:7px 0 6px 11px; margin:0 0 15px 0; font-weight:bold; font-size:12px; }
h4 { display:block; border:none; color:#393939; padding:7px 0 6px 11px; margin:0 0 20px 0; font-weight:bold; font-size:12px; }
.icon_grey_arrow { width:100%; height:30px; margin:0; padding:0; background:transparent url("../img/icons/icon_grey_arrow.png") no-repeat scroll center center; }
div.separator { margin:16px 0 16px 0px; border-top:1px dotted #676767; }
h3,
h3.auftr { background:#E6E4D2 url("../img/bg_headline3_yellow.png") repeat-x scroll left bottom; }
h3.auftr div { float:right;margin:0 10px 0 0; }
div.auftrh3 { color:#393939; padding:7px 0 6px 11px; margin:0 0 15px 0; font-weight:bold; font-size:12px; background:#E6E4D2 url("../img/bg_headline3_yellow.png") repeat-x scroll left bottom; }
div.auftrh3 div { float:right;margin:0 10px 0 0; }
.txt_hilfe_footer,
.txt_hilfe_footer_r,
.txt_hilfe_label { color:#999999 !important; font-size:0.9em; width:auto !important; }
.txt_hilfe_label { font-style:italic; }
.infoHilfe_ss, .infoHilfe_s, .infoHilfe_l, .infoHilfe_xl { float:right; background:#eaf3f8 url('../img/bg_infomessage_small.png') no-repeat; border-top:1px solid #2f7ca4; border-bottom:1px solid #2f7ca4; margin-top:6px; padding:26px 5px 10px 13px; color:#000000; font-style:normal; font-size:11px; }
.infoHilfe_ss em, .infoHilfe_s em, .infoHilfe_l em, .infoHilfe_xl em { color:#fa0909; font-weight:bold; font-size:12px; }
.infoHilfe_ss a, .infoHilfe_s a, .infoHilfe_l a, .infoHilfe_xl a { color:#000000; }
.infoHilfe_ss { width:135px; }
.infoHilfe_s { width:165px; }
.infoHilfe_l { width:192px; }
.infoHilfe_xl { width:248px; }
.infoHilfeSite { position:absolute; top:-25px; left:740px; }
.vorschauBanner { float:right; border:5px solid #e3e3e3; margin:5px 110px 0 0px; width:148px; height:108px; background:yellow; overflow:hidden; }
.cleaner { clear:both; }
.floatRight { text-align:right; }
.floatLeft { float:left; }
.feldtrenner { width:6px; margin:0; padding:0; }
a,
a:link,
a:hover { background:transparent; text-decoration:underline; cursor:pointer } 
a img { border:0; }
a.button { font-weight:bold; color:black; background-color:#eee; margin:2px 0px 0px 0px; }
a:link { color:#595959; }
a:visited { color:#737373; }
a:hover,a:active { color:#000000; } 
.linkbutton,
.linkbutton:link, 
.linkbutton:hover, 
.linkbutton:visited { color:#000; font-weight:normal; padding:0 16px 0 0; background:transparent url("../img/buttons/bt_singlearrownext_on.gif") no-repeat scroll right center; }
.linkbutton_back,
.linkbutton_back:link, 
.linkbutton_back:hover, 
.linkbutton_back:visited { color:#000; padding:0 0 0 16px; background:transparent url("../img/buttons/bt_singlearrowback_on.gif") no-repeat scroll left center; }
.linkbutton_big, 
.linkbutton_big:link, 
.linkbutton_big:hover, 
.linkbutton_big:visited { color:#000; font-weight:bold; font-size:13px; padding:0 19px 0 0; background:transparent url("../img/buttons/bt_singlearrownext_big_on.gif") no-repeat scroll right center; }

.linkdelete, .linkdelete:link, .linkdelete:hover, .linkdelete:visited { color:#000; text-decoration:none; padding:0;background:transparent url("../img/buttons/bt_delete.png") no-repeat scroll center center; }
.tdlinkdelete a, .tdlinkdelete a:link, .tdlinkdelete a:hover, .tdlinkdelete a:visited { padding:0;background:transparent url("../img/buttons/bt_delete.png") no-repeat scroll center center; }
.wwgrp,
.wwctrl,
.wwerr { display:inline; }
hr { border-top:1px dotted #676767; }
.checkboxLabel { float:none; display:inline; margin:0 8px 0 6px; }
.checkboxInline { display:inline; width:auto !important; margin:0 !important;padding:0 !important;clear:none !important; vertical-align:middle; }
.checkboxInline > label { width:auto !important; margin:0; padding:0 !important; float:none !important; display:inline !important; }
#statistikblock { float:left; }

/* statische Seiten wie FAQ und Impressum - die haben leider etwas andere Typografie als der Rest (siehe gelbeseiten.de) */
.staticpage h3 { color:#393939; padding:12px 0 5px 0; margin:0; font-weight:bold; font-size:15px; background:none; }
.staticpage h4 { color:#000000; padding:10px 0 2px 0; margin:0; font-weight:bold; font-size:13px; }
ul.branchenbuch { width:325px; list-style: none; float:left; margin:20px 20px 10px 0px; }
ul.branchenbuch li,
.sitemap li { background:transparent url(../img/bg_dotted_line_black.png) repeat-x scroll center bottom; padding:4px 0 6px 5px; }
ul.branchenbuch li a,
.sitemap li a { text-decoration:none; }
.sitemap { width:100%; list-style:none; margin:20px 20px 0 0; }



/* Brotkruemmel */
.kruemmel a, .kruemmel a:hover { font-size:14px; font-weight:normal; background:transparent; text-decoration:none; cursor:pointer } 
/* dojo */
img.dojoComboBox { margin-left:-18px !important; border: 0; }

/* Main framework */
#container { width: auto; }
#container_popup,
#container_popup_breit { position:absolute;left:20px;top:40px; }
#wrapper { width:755px; padding:0px 15px 10px 27px; background-color:rgb(255,220,0); float:left; position:relative; }
#header { width:755px; margin:0px 0 25px 0px; position:relative; }
#header #logo,
#header #logo h1 { clear:both; margin:0; padding:0; border:none; font-size:26px; }
#header #logo a { display:block; height:55px; width:755px; overflow:hidden; text-indent:-9999px; color:#000000; text-decoration:none; }
#header #logo .logoslogan { font-size:0.7em; font-style:italic; font-weight:normal; }

#content { width:755px; margin:0 0 15px 0; background:#fff url("../img/layout_content_leftside.png") repeat-y left top; }
/* #content p { margin:5px 0 10px 0; line-height:1.4em;  } */
#content p { padding-bottom:10px; margin:5px 0 0 0; line-height:1.4em;  }
#container_popup_breit #content { width:935px; } /* Popup mit einem etwas breiteren Inhalt, verwendet z.B. f�r PaketauswahlHilfePopup */  
.content_header { width:100%; height:40px; background:url("../img/layout_content_top.png") no-repeat left top; }
.content_header span { display:block; position:relative; height:40px; background:url("../img/layout_content_top-right.png") no-repeat right top; }
.content_main { position:relative; padding:0px 30px 0px 30px; margin:-21px 0 0px 0; background:url("../img/layout_content_rightside.png") repeat-y right top; }
.content_footer { width:100%; height:60px; background:url("../img/layout_content_bottom.png") no-repeat left bottom; }
.content_footer span { display:block; position:relative; height:60px; clear:right; background:url("../img/layout_content_bottom-right.png") no-repeat right bottom; }


/* Werbung */
#container #commercial_ads_title { text-align:center; position:absolute; width:170px; left:800px; top:5px; z-index:9; }
#container #commercial_ads_title  span { background:#ffdc00; padding:0 8px 0 8px; color:#b29a00; text-align:center; }
#container #commercial_ads { padding:86px 10px 7px 10px; min-width:150px; width:150px; text-align:center; position:absolute; left:800px; top:12px; border:1px solid white; }
#container_konto #commercial_ads { padding:77px 10px 7px 10px; min-width:150px; text-align:center; position:absolute; top:110px; left:1000px; width:170px; border:1px solid white; }
#container #commercial_ads div,
#container_konto #commercial_ads div { margin-top:11px; overflow:hidden; width:150px; }
#container #commercial_ads  div.addspacer { height:7px !important; margin-top:0px; }
#container #commercial_ads  div  a,
#container_konto #commercial_ads  div  a { text-decoration:none; }
#container #commercial_ads  div  a  border,
#container_konto #commercial_ads  div  a  border { border:none; }


/* MeinKonto = alle Seiten im Frontoffice, die nach der Anmeldung angezeigt werden */
#kontostart { padding:32px 215px 32px 75px; border-top:1px dotted #757575; border-bottom:1px dotted #757575; background:transparent url(../img/bg_welcome.jpg) no-repeat scroll right center; }
#kontostart > p { font-size:16px; font-weight:bold; }
#kontostart,
#kontostart > p { color:#4c4c4c; }
#container_konto #content { width:724px; float:left; }
#container_konto #wrapper { width:980px; }
#container_konto #header { width:958px; }
#container_konto #footer { margin:0 0 10px 236px; width:720px; float:none; clear:none; }


/* Backoffice spezifisch */
#container.backoffice #logo { position:absolute; top:20px; left:24px; }
#container_konto.backoffice #logo { position:absolute; top:20px; left:24px; }
#container.backoffice #header h1 a,
#container_konto.backoffice #header h1 a { background:transparent url("../img/logo_gsbd_backoffice.png") no-repeat scroll 0 0; }
#container.backoffice #header { width:782px; height:105px; margin:0 0 15px -27px; } 
#container_konto.backoffice #header { width:985px; height:105px; margin:0 0 15px -27px; background:transparent url("../img/bg_header_backoffice.jpg") no-repeat bottom right; }
#container_konto.backoffice #subnavigation1 { margin:5px 10px 0 0; }



/* Hauptnavigation links */
#navigation_wrapper { float:left; width:220px; margin:0 14px 15px 0; }
#navigation_wrapper .personalNavigation { display:block; padding:23px 15px 20px 0; margin-left:50px; font:bold 13px Arial; color:#7f7950; text-align:right; }
#navigation_wrapper .personalNavigation a { color:#7f7950; text-decoration:none; }

#mainnavigation { padding-top:5px; margin-top:1px; background:#ffea66 url("../img/bg_navigation.png") no-repeat left top; }
#mainnavigation.male { background:#ffea66 url("../img/bg_navigation_male.png") no-repeat left top; }
#mainnavigation.female { background:#ffea66 url("../img/bg_navigation_female.png") no-repeat left top; }
#mainnavigation ul { position:static; list-style:none; margin:0; padding:0 0 1px 0; border-bottom:2px solid #9f8a00; }
#mainnavigation li { margin:0; padding:0; border-top: 1px solid #ccbf6f; }
#mainnavigation li a { line-height:1.8; padding:3px 0 3px 15px; font:bold 12px Arial; color:#4c4728; display:block; text-decoration:none; }
#mainnavigation li ul { border-bottom:none; }
#mainnavigation li ul li a { font-weight:normal; padding-left:25px; }
#mainnavigation li a:link,
#mainnavigation li a:visited { color:#4c4728; }
#mainnavigation li a:active,
#mainnavigation li a:hover,
#mainnavigation li a.actual { background:#fff2a3 url("../img/bg_navigation_item.png") no-repeat; }
#mainnavigation ul li ul li span,
#mainnavigation > ul > li > span { display:block; color:#dbbf0f; background:#ffe333; }
#mainnavigation ul li ul li span { padding:3px 0 3px 25px; }
#mainnavigation > ul > li > span { padding:3px 0 3px 15px; font-weight:bold; }

#mainnavigation2 { padding-top:5px; margin-top:1px; background:#ffea66 url("../img/bg_navigation.png") no-repeat left top; }
#mainnavigation2.male { background:#ffea66 url("../img/bg_navigation_male.png") no-repeat left top; }
#mainnavigation2.femmale { background:#ffea66 url("../img/bg_navigation_female.png") no-repeat left top; }
#mainnavigation2 ul { position:static; list-style:none; margin:0; padding:0 0 1px 0; border-bottom:2px solid #9f8a00; }
#mainnavigation2 li { margin:0; padding:0; border-top: 1px solid #ccbf6f; }
#mainnavigation2 li a { line-height:1.8; padding:3px 0 3px 15px; font:bold 12px Arial; color:#4c4728; display:block; text-decoration:none; }
#mainnavigation2 li ul { border-bottom:none; }
#mainnavigation2 li ul li a { font-weight:normal; padding-left:25px; }
#mainnavigation2 li a:link,
#mainnavigation2 li a:visited { color:#4c4728; }
#mainnavigation2 li a:active,
#mainnavigation2 li a:hover,
#mainnavigation2 li a.actual { background:#fff2a3 url("../img/bg_navigation_item.png") no-repeat; }

#mainnavigation3 { padding-top:5px; margin-top:1px; background:#ffea66 url("../img/bg_navigation.png") no-repeat left top; }
#mainnavigation3.male { background:#ffea66 url("../img/bg_navigation_male.png") no-repeat left top; }
#mainnavigation3.femmale { background:#ffea66 url("../img/bg_navigation_female.png") no-repeat left top; }
#mainnavigation3 ul { position:static; list-style:none; margin:0; padding:0 0 1px 0; border-bottom:2px solid #9f8a00; }
#mainnavigation3 li { margin:0; padding:0; border-top: 1px solid #ccbf6f; }
#mainnavigation3 li a { line-height:1.8; padding:3px 0 3px 15px; font:bold 12px Arial; color:#4c4728; display:block; text-decoration:none; }
#mainnavigation3 li ul { border-bottom:none; }
#mainnavigation3 li ul li a { font-weight:normal; padding-left:25px; }
#mainnavigation3 li a:link,
#mainnavigation3 li a:visited { color:#4c4728; }
#mainnavigation3 li a:active,
#mainnavigation3 li a:hover,
#mainnavigation3 li a.actual { background:#fff2a3 url("../img/bg_navigation_item.png") no-repeat; }

/* Horizontale Navigation oben und unten */
#subnavigation1 { display:block; position:relative; width:500px; line-height:22px; text-align:right; float:right; top:2px; color:#000000; font:normal 12px Arial; margin:0 0 13px 0; }
#subnavigation2 { color:#000000; font-size:12px; font-family:Arial; margin:0 0 10px 0px; }
#subnavigation1 li,
#subnavigation2 li { display:inline; list-style-type:none; line-height:22px; }
#subnavigation1 li a,
#subnavigation2 li a { color:#000000; text-decoration:none; border-right:1px solid #000000; padding:0px 7px 0 4px; }
#subnavigation1 li.last a,
#subnavigation2 li.last a  { padding-right:0px; border-right:none; }
#subnavigation1 li a:hover,
#subnavigation2 li a:hover { text-decoration:underline; }
#subnavigation1 img { vertical-align:middle; }
#subnavigation2:first-child li a { padding-left:0; }

#footer { float:left; clear:left; margin:0 0 10px 0; }
#footer #bookmark { margin:0px 0 0 0px; float:left; width:auto; font-size:12px; line-height:18px; }
#footer #bookmark li { color:#000000; float:left; font-weight:bold; display:inline; list-style-type:none; white-space:nowrap; margin-left:0 }
#footer #bookmark li a {padding-left: 6px;}


/* Status links unter der Hauptnavigation */
#statusblock { font:normal 11px Arial; color:#665e29; margin:10px 0; padding:10px 10px; border-top:2px solid #9f8a00; border-bottom:2px solid #9f8a00; background-color:#ffea66; }
#statusblock th,
#statusblock td  { padding:1px 0; }
#statusblock th { font-weight:bold; width:80px; vertical-align:top; padding-right:2px; text-align:right; }
#statusblock td { color:#000000; }
#statusblock a { color:#000000; }


/* Lists / bulletpoints */
/* ul, ol { margin:0.5em 0 1.5em 3em; color:#4d4d4d; }
*/
ul, ol { margin:0.5em 0 0 3em; color:#4d4d4d; }
ol ul { margin:0.5em 0 1.5em 1.5em; }
ol ul li { list-style-type:circle; }
.staticpage ol li a { font-weight:bold; }
.staticpage ol li p a { font-weight:normal; }
ol li { margin-left:1.4em; padding-left:0; background:none; list-style-type:decimal; }
li { line-height:1.2em; padding:2px 0 3px 2px; }
ul.bulletpointnumber { list-style-type:none; margin:2.5em 0 0.5em; }
ul.bulletpointnumber li p { display:block; font-weight:normal; }
ul.bulletpointnumber li { padding:2px 0 2px 28px; font-weight:bold; }
ul.bulletpointnumber li._1 { background:transparent url(../img/bulletpointnumber_1.png) no-repeat scroll 0 -1px; }
ul.bulletpointnumber li._2 { background:transparent url(../img/bulletpointnumber_2.png) no-repeat scroll 0 -1px; }
ul.bulletpointnumber li._3 { background:transparent url(../img/bulletpointnumber_3.png) no-repeat scroll 0 -1px; }
ul.bulletpointnumber li._4 { background:transparent url(../img/bulletpointnumber_4.png) no-repeat scroll 0 -1px; }
ul.bulletpointnumber li._5 { background:transparent url(../img/bulletpointnumber_5.png) no-repeat scroll 0 -1px; }
ul.bulletpointnumber li._6 { background:transparent url(../img/bulletpointnumber_6.png) no-repeat scroll 0 -1px; }
ul.bulletpointnumber li._7 { background:transparent url(../img/bulletpointnumber_7.png) no-repeat scroll 0 -1px; }
ul.bulletpointnumber li._8 { background:transparent url(../img/bulletpointnumber_8.png) no-repeat scroll 0 -1px; }
ul.bulletpointnumber li._9 { background:transparent url(../img/bulletpointnumber_9.png) no-repeat scroll 0 -1px; }
dl { margin:0 0 1em 0; }
dt { font-weight:bold; margin-top:1.3em; }
dl dl { margin:0 0 1.5em 30px; }
/*
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}
*/


/* Buttons */
/* USAGE: <a href="" class="textbutton"><span>weiter</span></a> */
a.textbutton { display:block; float:left; background:url("../img/buttons/bt_black_left.png") no-repeat top left; font:bold 11px Tahoma; line-height:17px; height:25px; padding-left:26px; text-decoration: none; margin-top:5px; }
a:link.textbutton,
a:visited.textbutton,
a:active.textbutton { color:#FFFFFF }
a.textbutton span { background:transparent url("../img/buttons/bt_black_right.png") no-repeat top right; display:block; padding:2px 26px 6px 0 }
a.textbutton:hover { background-position:bottom left }
a.textbutton:hover span { background-position:bottom right; color:#FFFFFF }
a.spacing { margin-left:15px }


/* Buttons2 */
/* USAGE: <input class="button_m" type="submit" name="speichern" value="speichern"/> */
/* al -> arrow links; ar -> arrow rechts */
input.button,
input.button_xs,
input.button_s,
input.button_m,
input.button_m_search,
input.button_grey_m,
input.button_grey_m_al,
input.button_grey_s,
input.button_l,
input.button_xl,
input.button_m_al,
input.button_l_al,
input.button_xl_al,
input.button_m_ar,
input.button_m_ar_down,
input.button_l_ar,
input.button_l_ar_down,
input.button_xl_ar { cursor: pointer; font:bold 11px Tahoma; color:#FFFFFF; border:medium none; padding:4px 0 7px 0; width:0; margin-right:-3px; background-color:#555555; }

input.button { background:transparent url("../img/buttons/bt_black_m.png") no-repeat scroll left top; /* IE table-cell margin fix */ overflow: visible; }
input.button[class] {  /* IE < 7 ignores [class] */ width: auto;  /* cancel margin fix for other browsers */ }
input.button[class] { width: 100%; }
input.button_plus { width:23px; height:23px; background:transparent url("../img/buttons/bt_black_addplus.png") no-repeat scroll left top; }
input.button_xs { width:74px; background:transparent url("../img/buttons/bt_black_xs.png") no-repeat scroll left top; }
input.button_s { width:106px; background:transparent url("../img/buttons/bt_black_s.png") no-repeat scroll left top; }
input.button_m  { width:126px; background:transparent url("../img/buttons/bt_black_m.png") no-repeat scroll left top; }
input.button_m_search { width:126px; background:transparent url("../img/buttons/bt_black_m_search.png") no-repeat scroll left top; }
input.button_l { width:164px; background:transparent url("../img/buttons/bt_black_l.png") no-repeat scroll left top; }
input.button_xl {width:204px; background:transparent url("../img/buttons/bt_black_xl.png") no-repeat scroll left top; }
input.button_grey_m { width:126px; background:transparent url("../img/buttons/bt_grey_m.png") no-repeat scroll left top; }
input.button_grey_m_al { width:126px; background:transparent url("../img/buttons/bt_grey_m_arrowleft.png") no-repeat scroll left top; }
input.button_grey_s { width:106px; background:transparent url("../img/buttons/bt_grey_s.png") no-repeat scroll left top; }
input.button_m_ar_down { width:126px; background:transparent url("../img/buttons/bt_black_m_arrowdown.png") no-repeat scroll left top; }
input.button_m_al { width:126px; background:transparent url("../img/buttons/bt_black_m_arrowleft.png") no-repeat scroll left top; }
input.button_l_al { width:164px; background:transparent url("../img/buttons/bt_black_l_arrowleft.png") no-repeat scroll left top; }
input.button_xl_al {width:204px; background:transparent url("../img/buttons/bt_black_xl_arrowleft.png") no-repeat scroll left top; }
input.button_m_ar { width:126px; background:transparent url("../img/buttons/bt_black_m_arrowright.png") no-repeat scroll left top; }
input.button_l_ar { width:164px; background:transparent url("../img/buttons/bt_black_l_arrowright.png") no-repeat scroll left top; }
input.button_l_ar_down { width:164px; background:transparent url("../img/buttons/bt_black_l_arrowdown.png") no-repeat scroll left top; }
input.button_xl_ar {width:204px; background:transparent url("../img/buttons/bt_black_xl_arrowright.png") no-repeat scroll left top; }
input.button_s,
input.button_m,
input.button_m_search,
input.button_grey_m,
input.button_grey_m_al,
input.button_grey_s,
input.button_m_ar_down,
input.button_l,
input.button_xl,
input.button_m_al,
input.button_l_al,
input.button_xl_al,
input.button_m_ar,
input.button_l_ar,
input.button_l_ar_down,
input.button_xl_ar { margin-top:10px; text-align:center; padding-top:3px !important; } /* neviditelne pre IE - tymto opravim posun textu v tlacidle */ 
input.button_arrowfirst_off,
input.button_arrowfirst_on,
input.button_arrowlast_off,
input.button_arrowlast_on,
input.button_arrownext_off,
input.button_arrownext_on,
input.button_arrowprevious_off,
input.button_arrowprevious_on { width:16px; height:16px; margin:0 0 0 4px; }
input.button_arrowfirst_off { background:transparent url("../img/buttons/bt_arrowfirst_off.gif") no-repeat scroll center center; }
input.button_arrowfirst_on { background:transparent url("../img/buttons/bt_arrowfirst_on.gif") no-repeat scroll center center; }
input.button_arrowlast_off { background:transparent url("../img/buttons/bt_arrowlast_off.gif") no-repeat scroll center center; }
input.button_arrowlast_on { background:transparent url("../img/buttons/bt_arrowlast_on.gif") no-repeat scroll center center; }
input.button_arrownext_off { background:transparent url("../img/buttons/bt_arrownext_off.gif") no-repeat scroll center center; }
input.button_arrownext_on { background:transparent url("../img/buttons/bt_arrownext_on.gif") no-repeat scroll center center; }
input.button_arrowprevious_off { background:transparent url("../img/buttons/bt_arrowprevious_off.gif") no-repeat scroll center center; }
input.button_arrowprevious_on { background:transparent url("../img/buttons/bt_arrowprevious_on.gif") no-repeat scroll center center; }
input.button_black_search  { width:34px; height:23px; margin:0 0 0 3px; }
input.button_black_search { background:transparent url("../img/buttons/bt_black_search.png") no-repeat scroll center center; }
input.button_delete  { width:12px; height:12px; margin:0 0 0 0; }
input.button_delete { background:transparent url("../img/buttons/bt_delete.png") no-repeat scroll center center; }
input.button_addarrow { width:32px; height:22px; margin:0 0 0 4px; }
input.button_addarrow { background:transparent url("../img/buttons/bt_black_addarrow.png") no-repeat scroll center center; }
input.file {  }
.buttons { text-align:right; margin-top:-20px; }
.buttons div { float:right;text-align:left;width:498px; }
.buttons span { margin-right:8px; }
.buttonslr { text-align:left; margin-top:-20px; }
.buttonslr div { float:right;text-align:right;width:498px; }
.buttonslr span { margin-right:8px; }

/* Tables mit Divs */
.table { width: 100%; overflow: hidden; }
.row { white-space: nowrap; display:block; clear:both; }
.row.txt { height:14px;margin:0;padding:0px;color:#999999; font-size:0.9em; }
.row.inp { margin: 0 0 8px 0; }
.cell { display: block; clear:none; float:left; vertical-align:top; overflow: hidden; text-overflow: ellipsis; margin:0 6px 0 0; }
.cell { display: -moz-inline-box; }
.heading { background-color: grey; }

/* Forms */
form { margin:0px; padding:0px; display:inline; }
fieldset { position:relative; display:block; border:none; margin:0 0 0 0; padding:0 0 15px 0; }
fieldset div { width:100%; clear:both; float:left; margin:0 0 7px 0; padding:5px 0 0; }
fieldset.ro > div { margin-bottom:0px; }
fieldset div span,
fieldset div label { width:202px; margin:-2px 9px 0 0; display:block; padding: 5px 0; float:left; text-align:right; color:#404040; }
fieldset div span.span2 { margin:-2px 9px 0 0; display:block; padding: 5px 0; float:left; text-align:left; color:#404040; }
fieldset.auftr div,
fieldset.auftr label { width:100%; clear:both; float:left; margin:0 0 2px; padding:5px 0 0; }
fieldset.auftr div span,
fieldset.auftr div label { width:158px; margin:-2px 9px 0 0; display:block; padding: 5px 0; float:left; text-align:right; font-weight:bold; color:#404040; }
fieldset.auftr div span.span2 { width:450px; margin:-2px 9px 0 0; display:block; padding: 5px 0; float:left; text-align:left; font-weight:normal; color:#404040; }
fieldset.boff_s { margin:0 0 10px 0; }
fieldset.boff div,
fieldset.boff label,
fieldset.boff_s div,
fieldset.boff_s label  { width:100%; clear:both; float:left; margin:0 0 2px; padding:5px 0 0; }
fieldset.boff div span,
fieldset.boff div label,
fieldset.boff_s div span,
fieldset.boff_s div label { width:158px; margin:-2px 9px 0 0; display:block; padding: 5px 0; float:left; text-align:right; font-weight:normal; color:#949494; }
fieldset.boff div span.span2 { width:450px; margin:-2px 9px 0 0; display:block; padding: 5px 0; float:left; text-align:left; font-weight:normal; color:#404040; }
fieldset.boff_s div span.span2 { overflow:hidden; width:220px; margin:-2px 9px 0 0; display:block; padding: 5px 0; float:left; text-align:left; font-weight:normal; color:#404040; }
fieldset div.wwgrp,
fieldset div.wwctrl,
fieldset div.wwerr { clear:none; float:none; margin:0; padding:0; width:100%; }
label span.note { float:right; clear:both; font-size:11px; font-weight:normal; color:#999999; }
label em { color:#fa0909; padding-right:5px; font-size:12px; }

label { width:202px; margin:-2px 9px 0 0; display:block; padding: 5px 0; float:left; text-align:right; color:#404040; }
input.text,
input.text_s,
input.text_xs,
input.text_xxs,
input.text_tel_land,
input.text_tel_ort,
input.text_tel_ruf,
input.text_tel_drw,
input.text_strasse,
input.text_hnr,
input.file,
textarea { display:block; float:left; border:1px solid #606060; margin:0 12px 0 0; padding:2px; color:#222222; background:#ffffff; font:normal 13px MS Shell dlg, Sans Serif, Arial, Verdana; }
input.dojoComboBox { float:left; border:1px solid #606060; margin:0 12px 0 0; padding:2px; color:#222222; background:#ffffff; }
label br { clear:left }
input.file { padding:2px 0; }
input.text,
input.text_s,
input.text_xs,
input.text_xxs,
input.text_tel_land,
input.text_tel_ort,
input.text_tel_ruf,
input.text_tel_drw,
input.text_strasse,
input.text_hnr,
input.file,
input.dojoComboBox,
textarea { background:#FFFFFF url("../img/bg_input.png") repeat-x scroll left top; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; }
input.standardtext { display:inline; border:1px solid #606060; margin:0 2px 0 2px; padding:2px; color:#222222; background:#ffffff; background:#FFFFFF url("../img/bg_input.png") repeat-x scroll left top; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; }
input.text_tel_land,
input.text_tel_ort,
input.text_tel_ruf,
input.text_tel_drw { margin:0 4px 0 0; }
input.file, 
textarea,
input.text { width:255px; }
input.text_s { width:200px; }
input.text_xs { width:110px; }
input.text_xxs { width:20px; }
input.text_tel_land { width:48px; }
input.text_tel_ort { width:48px; }
input.text_tel_ruf { width:78px; }
input.text_tel_drw { width:51px; }
input.text_strasse { width:200px; }
input.text_hnr { width:45px; margin:0px; }
fieldset.boff_s div input.text_tel_land { width:46px; }
fieldset.boff_s div input.text_tel_ort { width:46px; }
fieldset.boff_s div input.text_tel_ruf { width:69px; }
fieldset.boff_s div input.text_tel_drw { width:23px; }
fieldset.boff_s div input.text { margin:0px; }
fieldset div input.sxStrasse,
fieldset div span.sxStrasse,
fieldset div input.text_strasse { width:196px; }
fieldset.boff_s div input.sxStrasse,
fieldset.boff_s div span.sxStrasse,
fieldset.boff_s div input.text_strasse { width:155px; }
input.text_strasse { margin-right:0px; }
div.strasse { margin:0 8px 0 0 !important; display:inline; float:left; clear:none !important; width:auto !important; padding:0px !important; }
div.strasse div.errorMessage { margin-left:0px !important; }
div.hnr { display:inline;clear:none !important; width:auto !important; padding:0px !important; }

select { width:262px;; height:22px; margin:0 2px 1px 0; padding:0; border-bottom:1px solid #dddddd; border-left:2px solid #dddddd; border-right:1px solid #dddddd; border-top:2px solid #aaaaaa  }
fieldset.boff select,
fieldset.boff select.select { width:326px; height:22px; margin:0; padding:0; border-bottom:1px solid #dddddd; border-left:2px solid #dddddd; border-right:1px solid #dddddd; border-top:2px solid #aaaaaa  }
fieldset.boff_s select,
fieldset.boff_s select.select { width:220px; height:22px; margin:0; padding:0; border-bottom:1px solid #dddddd; border-left:2px solid #dddddd; border-right:1px solid #dddddd; border-top:2px solid #aaaaaa  }
fieldset.boff input.text { width:322px; }
fieldset.boff_s input.text { width:214px; }
fieldset span.dojoComboBoxOuter,
fieldset input.dojoComboBox { width:257px; text-align:left; }
fieldset.boff_s span.dojoComboBoxOuter,
fieldset.boff_s input.dojoComboBox { width:216px; text-align:left; }
fieldset.boff_s textarea { width:214px; }

fieldset p a { font-size:11px; }
fieldset p { padding-top:3px; }
fieldset .formbutton { width:474px; margin:0; padding:2px 0 0 0; text-align:right; }
fieldset .formbutton input { float:right; }
fieldset.boff div span.span2 div div input,
fieldset.boff div span.span2 div div label,
fieldset.boff_s div span.span2 div div input,
fieldset.boff_s div span.span2 div div label,
fieldset.auftr div span.span2 div div input,
fieldset.auftr div span.span2 div div label {display:inline;float:none;clear:none;}
input.sRadio { margin-right: 6px; }
/* label.sRadio { clear:both; display:inline; float:none; } */
/* die Radio-Buttons und ihre Labels mit der DIV.wwgpr Umrandung, die automatisch von Struts generiert wird */  
.wwgrp label { font-weight:normal; margin clear:both; display:inline; float:none; margin-left:5px; margin-right:30px; }
.wwgrp .radioButton { margin-top:5px; }


/*
textarea { width:400px; }
.searchForm input,
.searchForm select { margin-right:5px; }
.searchForm select { width:150px; }
input.radio { margin:0 1px -0.3em 1px; border:0px; background-color:transparent; }
input.checkbox { margin:0 1px 0 1px !important; margin:0 1px -0.2em 1px; border:0px; background-color:transparent; }	// Firefox und IE Anpassung noetig nur bei kleinen Schriftarten
input.page { border:1px solid black; margin:2px 4px 0px 2px; width:40px; }
input.text { height:18px; }
input,
select,
textarea { font-size:11px; }
*/


/* Login */
#loginad { margin:20px 0 15px 0; } /* Werbung auf der Login-Seite */
#loginarea { margin-top:22px; padding-top:30px; background:transparent url("../img/bg_dotted_line_black.png") repeat-x left top; }
#loginarea label { width:224px; margin:-2px 12px 0 0; }
#loginarea input.text { width:217px; }
#loginarea p { margin:0; padding:0; }
#loginarea .formbutton { width:460px; }
#loginarea .formbutton input { float:right; }
/*
table.login { font-family:Arial, Helvetica, Sans-Serif; font-size:12px; }
table.login td { padding:4px; white-space:nowrap; }
table.login input { width:120px; }
#login label { color:#707678 }
*/


/* Fehlermeldungen */
/* USAGE: <ul class="errorMessage"><li>erste Meldung</li><li>zweite Meldung</li></ul> */
ul.errorMessage,
ul.actionMessage,
ul.infoMessage { margin:0 0 1.5em 0; padding:11px 10px 11px 75px; list-style-type:none; }
ul.errorMessage li,
ul.actionMessage li,
ul.infoMessage li { padding:3px 0; line-height:1.2em; }
ul.errorMessage { background:#ffffff url("../img/bg_errormessage.png") no-repeat left center; border-top:1px dotted #CF0000; border-bottom:1px dotted #CF0000; }
ul.errorMessage li { font-weight:bold; color:#e60000; }
ul.actionMessage { background:#e8f8e8 url("../img/bg_successmessage.png") no-repeat left center; border-top:1px dotted #1a9516; border-bottom:1px dotted #1a9516; }
ul.actionMessage li { font-weight:bold; color:#06ab00; }
ul.infoMessage { background:#eaf3f8 url("../img/bg_infomessage.png") no-repeat left center; border-top:1px dotted #2f7ca4; border-bottom:1px dotted #2f7ca4; }
ul.infoMessage li { font-weight:bold; color:#666666; }
ul.infoDoc { padding:6px 10px 6px 50px; margin-left:25px; margin-bottom:0px; list-style-type:none; min-height:32px; background:#ffffff url("../img/icons/icon_big_document.png") no-repeat left center; }
ul.infoDoc li { padding:2px 0; font-weight:bold; line-height:1.2em;}
ul.infoDoc li a { color:#333333; font-size:14px; text-decoration:none; }
ul.errorMessage2 { padding:16px 10px 6px 50px; margin-left:25px; list-style-type:none; min-height:32px; background:#ffffff url("../img/icons/bg_errormessage2.png") no-repeat left center; }
ul.errorMessage2 li { padding:2px 0; color:#ff0000; font-weight:bold; line-height:1.2em;}
ul.errorMessage2 li a { color:#ff0000; text-decoration:none; }
div.vorschauMessage { padding:12px 10px 12px 75px; line-height:1.6em; margin-bottom:18px; background:#f1f1f1; border-top:1px dotted #676767; border-bottom:1px dotted #676767; }

/* kleine feldspezifischen Fehlermeldungen */
input.formErrorMessage,
textarea.formErrorMessage { border-bottom:2px solid #ff0000; }
div.wwerr div.errorMessage {  display:inline; clear:both; float:left; color:#ff0000; padding:0 0 0 21px; background:transparent url("../img/bg_formerrormessage.png") no-repeat left center  }
fieldset div.wwerr div.errorMessage { margin:4px 10px 2px 212px; }
fieldset.boff_s div.wwerr div.errorMessage { margin:4px 10px 2px 167px; }
fieldset.boff div.wwerr div.errorMessage { margin:4px 10px 2px 167px; }
.noErrorMessage { display:inline; margin:0; padding:0; width:auto; float:none; clear:none; }
.noErrorMessage div.wwerr div.errorMessage { display:none; }

/* allgemeine Fehlerseite */
.errorMessageBig { padding:33px 200px 25px 25px; margin:20px 0 40px; background:#f7f6f0 url("../img/bg_errormessage_big.png") bottom right no-repeat; border-top:1px dotted #757575; border-bottom:1px dotted #757575; }
.errorMessageBig h3 { font-size:20px; color:#fe0505; background:none; padding:0; margin:0 0 20px; }
.errorMessageBig p { font-size:12px; line-height:16px;  }


/* Tabellen */
table.resultTable { width:100%; empty-cells: show; border-collapse:collapse; }
table.resultTable thead th { height:23px; padding-left:10px; font:bold 11px Tahoma, Arial; text-align:left; color:#ffffff; background:#c4c3c4 url("../img/bg_tablecaption_gray.png") repeat-x center; }
table.resultTable tbody td { height:20px; padding:0px 5px 0px 10px; font:normal 11px Verdana, Arial, Tahoma; text-align:left; color:#000000; border-bottom:1px solid #d2d2d2; background-color:#f1f1f1; }
table.resultTable thead th.rowName { width:150px; }
table.resultTable thead th.rowPhone { width:100px; }
table.resultTable thead th.rowEClass { width:112px; }
table.resultTable thead th.rowProduktname { width:362px; }
table.resultTable thead th.rowEClassVersion { width:120px; }
table.resultTable thead th.rowNreihenfolge { width:102px; }
table.resultTable thead th.rowNwgrp { width:162px; }
table.resultTable thead th.rowNbran { width:162px; }
table.resultTable thead th.rowNpgrp { width:162px; }
table.resultTable thead th.rowNftyp { width:56px; }
table.resultTable td.centeredText { text-align:center; }
table.resultTable tr.highlight td { background-color:#e5ddac; }
table.resultTable tr.switchcolor td { background-color:#e5e5e5; }
.delCol { text-align:center; }

/* displayTag */
.searchSite { float:left; padding:0 0 0 30px; margin:0; }
.searchSite img { margin-bottom:-2px; padding:0 2px; vertical-align:baseline; border:none; }
.searchResultNavigation { /* position:absolute; top:-27px; right:0;  */	float:right; padding:5px 0 10px 0; }
.searchResultNavigation input { width:3em; float:none; display:inline; margin:0; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.searchResultNavigation img { margin-bottom:-2px; padding:0 2px; vertical-align:baseline; border:none; }
.searchResultTable { font-family:Arial, Helvetica, sans-serif; font-size:11px; position:relative; }

.searchResultTable { position:relative; padding:0; margin:15px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px;  }

th.sorted a,
th.sortable a {	text-decoration:none; color:#FFFFFF; background-position: right; display:block; width:100%; padding-right: -5x; }
th.sorted a:hover,
th.sortable a:hover { text-decoration:underline; }
th.sortable { /*padding: 2px 4px 2px 4px !important;*/  }
th.sortable a {	display:inline; padding-right:15px; /* background-image: url(../assets/images/displaytag/arrow_off.png); */ }

/*
table.bd th.sorted { background-color:orange; }
table.bd th a,
th a:visited { color:black; }
table.bd th a:hover { text-decoration:underline; color:black; }
*/
table.bd th.sorted a,
table.bd th.sortable a { background-position:right; display:block; width:100%; }
th.sortable a { background-image:url(../img/icons/arrow_off.png); background-position:right; background-repeat:no-repeat; }
th.order1 a { background-image:url(../img/icons/arrow_up.png); background-position:right; background-repeat:no-repeat; }
th.order2 a { background-image:url(../img/icons/arrow_down.png); background-position:right; background-repeat:no-repeat; }
tr.odd { }
tr.tableRowEven,
tr.even { background-color:#e5e5e5; }
div.exportlinks { background-color:#eee; border:1px dotted #999; padding:2px 4px 2px 4px; margin:2px 0 10px 0; width:79%; }
span.export { padding:0 4px 1px 20px; display:inline; display:inline-block; cursor:pointer; }
span.excel { background-image:url(../img/icons/ico_file_excel.png); }
span.csv { background-image:url(../img/icons/ico_file_csv.png); }
span.xml { background-image:url(../img/icons/ico_file_xml.png); }
span.pdf { background-image:url(../img/icons/ico_file_pdf.png); }
span.rtf { background-image:url(../img/icons/ico_file_rtf.png); }
span.pagebanner { background-color:#eee; border:1px dotted #999; padding:2px 4px 2px 4px; width:79%; margin-top:10px; display:block; border-bottom:none; }
span.pagelinks { background-color:#FFFFFF; border:1px dotted #999; width:100%; display:block; border-top:none; margin-bottom:-20px; }
.group-1 { font-weight:bold; padding-bottom:10px; border-top:1px solid black; }
.group-2 { font-style:italic; border-top:1px solid black; }
.subtotal-sum,
.grandtotal-sum { font-weight:bold; text-align:right; }
.subtotal-header { padding-bottom:0px; border-top:1px solid white; }
.subtotal-label,
.grandtotal-label { border-top:1px solid white; font-weight:bold; }
.grouped-table tr.even { background-color:#fff; }


/* 
table.displaytagTable td.gesamtAnzahl { text-align: right !important; }
table.displaytagTable td.columnAnzahl { text-align: right !important; }
*/