/*
-----------------------------------------------------------------------------
GLOBAL
-----------------------------------------------------------------------------
*/
html {
	height	: 100%;
    padding	: 0;
	margin	: 0;
}

body {
	font		: 11px Verdana, Arial, Helvetica, sans-serif;
	color		: #000000;
	margin		: 5px;
	padding		: 0;
    text-align  : center;
    background	: #a7cfe7;
}
body#druckversion {
	margin		: 5px;
	padding		: 0;
    text-align  : left;
    background	: #fff;
}

p,h1,h2,h3,h4,h5,h6,li,td,th,dt,dd { font: 11px Verdana, Arial, Helvetica, sans-serif; }

pre,h1,h2,h3,h4,h5,h6 {
    float: none;
    clear: both;
}

p,ul,ol,dl,blockquote { margin-top: 0; }

h2,h3,h4,h5,h6 {
    font-weight : bold;
    color       : #1673b2;
}
h1 {
    font-weight : bold;
    color       : #000;
}

a:link, a:visited, a:active { /* standardlink */
    color: #555;
    text-decoration: underline;
}
a:hover, a:focus {
    color: #dcad1f;
    text-decoration: underline;
}

a.pfeil_oben:link,a.pfeil_oben:visited, a.pfeil_oben:active { /* link mit pfeil nach oben */
    background      : url(../image/symbole/pfeil_oben_off.gif) no-repeat left center;
    padding-left    : 11px;
    text-decoration : none;
}
a.pfeil_oben:hover, a.pfeil_oben:focus {
    background      : url(../image/symbole/pfeil_oben_ov.gif) no-repeat left center;
    padding-left    : 11px;
    text-decoration : none;
}

a.pfeil_rechts:link, a.pfeil_rechts:visited, a.pfeil_rechts:active { /* link mit pfeil nach oben */
    background      : url(../image/symbole/pfeil_rechts_off.gif) no-repeat left center;
    padding-left    : 11px;
    text-decoration : none;
}
a.pfeil_rechts:hover, a.pfeil_rechts:focus {
    background      : url(../image/symbole/pfeil_rechts_ov.gif) no-repeat left center;
    padding-left    : 11px;
    text-decoration : none;
}

a.pfeil_links:link, a.pfeil_links:visited, a.pfeil_links:active { /* link mit pfeil nach oben */
    background      : url(../image/symbole/pfeil_links_off.gif) no-repeat left center;
    padding-left    : 11px;
    text-decoration : none;
}
a.pfeil_links:hover, a.pfeil_links:focus {
    background      : url(../image/symbole/pfeil_links_ov.gif) no-repeat left center;
    padding-left    : 11px;
    text-decoration : none;
}

a.copyright:link, a.copyright:visited, a.copyright:active, a.copyright:hover, a.copyright:focus { /* link mit pfeil nach oben */
    text-decoration : none;
}

.bg_linien_0 { background-color: #000; }
.bg_linien_1 { background-color: #555; }
.bg_gelb        { background-color: #f9e19e; }
.bg_hellgelb    { background-color: #fceec8; }
.bg_weiss       { background-color: #fff; }

/* hr ----------------------------------------------------- */
div.hr {
    width       : 100% !important;
    height      : 21px !important;
    font-size   : 1px !important;
    line-height : 1px !important;
    overflow    : hidden !important;
    background  : #a7cfe7 url(../image/hr.jpg) no-repeat left center;
}
* html div.hr { margin-top: -18px; } /* style for ie */


body#druckversion div.hr{ background  : #fff url(../image/druckversion/hr.jpg) no-repeat left center; }

/* pre tags ----------------------------------------------- */
pre {
    font-family     : Monaco, "Courier New", Courier, monospace;
    font-size       : 11px;
    color           : #33ff66;
    padding         : 3px;
    margin          : 12px;
    width           : 98%;
    background-color: #000;
    overflow        : auto;
    line-height     : 15px;
    text-align      : left;
}




/*
-----------------------------------------------------------------------------
CONTAINER - aufbau grundstruktur
-----------------------------------------------------------------------------
*/
div#topofpage { /* anker 'oben' */
    height      : 2px;
    font-size   : 1px;
    line-height : 1px;
    overflow    : hidden;
}

div#container_center { /* zentrierung der seite */
    width       : 915px;
    margin      : 0 auto;
    text-align  : left;
}

div#container_head { /* seitenkopf */
    /*height      : 92px;*/
    height      : 74px;
    margin      : 0;
    padding     : 0;
    background  : transparent url(../image/bg_seitenkopf.gif) top left no-repeat;
}
div#menueholder {
    float   : right;
    margin  : 0;
    padding : 0 31px 0 0;
    /*height  : 92px;*/
    height  : 74px;
}
div#menueholder div.abstand {
    margin: 0;
    /*padding : 50px 0 0 0;*/
    padding : 32px 0 0 0;
}
div#suche, div#artikelsuche {
    float       : right;
    height      : 21px;
    margin      : 0;
    padding-left: 40px;
    background  : #555 url(../image/bar_links_suche_menue.gif) bottom left no-repeat;
}
div#menue {
    float       : right;
    height      : 20px;
    margin      : 0;
    padding     : 0 0 0 50px;
    background  : #555 url(../image/bar_links_suche_menue.gif) top left no-repeat;
}

div#container_media { /* flashfilm, btn impressum */
    height      : 149px;
    background  : transparent url(../image/bg_media.gif) top left no-repeat;
}
div#mediaholder {
    float   : right;
    margin  : 0;
    padding : 0 31px 0 0;
}

div#container_untermenue { /* untermenue */
    height      : 20px;
    margin      : 0;
    padding     : 0 0 0 45px;
    background  : transparent url(../image/bar_untermenue_linien.gif) bottom left no-repeat;
}
div#untermenue_holder {
    float       : left;
    height      : 20px;
    padding     : 0 60px 0 0;
    background  : transparent url(../image/bar_untermenue.gif) bottom right no-repeat;
}

div#container_content { /* inhalt */
    margin      : 0;
    padding     : 4px 55px 0 45px;
    background  : transparent url(../image/bg_content.gif) top left no-repeat;
}
div#content {
    margin  : 0;
    padding : 0;
}


div#container_popup_content { /* inhalt */
    margin      : 0;
    padding     : 11px 0 0 11px;
    background  : transparent url(../image/bg_popup.gif) top left no-repeat;
    text-align  : left;
}


.clearfloat { /* floats clearen */
    margin      : 0;
    padding     : 0;
    float       : none;
    clear       : both;
    height      : 0px;
    font-size   : 0px;
    overflow    : hidden;
}




/*
-----------------------------------------------------------------------------
ARTIKEL
-----------------------------------------------------------------------------
*/
p.datum{ 
    font-size   : 10px;
    font-weight : normal;
    color       : #3ca8f1;
}
.kurztext { color: #000; }

.text_klein { font-size: 10px; }
.text_weiss { color: #fff; }
.text_gelb { color: #f9e19e; }
.text_blau { color: #3ca8f1; }
.text_fehler { color: #cc0000; }

/* tabellen ----------------------------------------------- */
table caption { display: none; }
td.gelb, tr.gelb { background-color: #f9e19e; }
td.hellgelb, tr.hellgelb { background-color: #fceec8; }
td.weiss, tr.weiss { background-color: #fff; }
thead td, th {
    background  : #555;
    color       : #fff;
    font-weight : normal;
}

table.tabelle_standard { border:none; }
table.tabelle_standard td, table.tabelle_standard th {
    border-top  : 1px solid #a7cfe7;
    border-left  : 1px solid #a7cfe7;
    margin      : 0;
    padding     : 4px;
    text-align  : left;
}
table.tabelle_standard thead td, table.tabelle_standard th {
    background  : #555;
    color       : #fff;
    font-weight : normal;
}
table.tabelle_standard tfoot td, table.tabelle_standard tfoot th {
    background-color: #a2c7dd !important;
    color           : #000 !important;
    font-size       : 10px !important;
    font-weight     : normal !important;
}

/* border-def fuer separate zuweisungen ------------------- */
.border_top { border-top: 1px solid #a7cfe7; }
.border_right { border-right: 1px solid #a7cfe7; }
.border_bottom { border-bottom: 1px solid #a7cfe7; }
.border_left { border-left: 1px solid #a7cfe7; }

body#druckversion .border_top { border-top: 1px solid #fff; }
body#druckversion .border_right { border-right: 1px solid #fff; }
body#druckversion .border_bottom { border-bottom: 1px solid #fff; }
body#druckversion .border_left { border-left: 1px solid #fff; }




/* artikelliste ------------------------------------------- */
#art_liste div.bild {
    position    : relative;
    float       : left;
    margin      : 0px;
    padding     : 0px;
    border      : 1px solid #000;
    background  : #fff;
}
#art_liste div.text {
    position: relative;
    padding : 0px;
    margin  : 0px;
}
#art_liste div.text p.titel {
    font-weight     : bold;
    margin-bottom   : 10px;
}




/*
-----------------------------------------------------------------------------
LISTEN
-----------------------------------------------------------------------------
*/
/* standard
ul { padding-left: 16px; }
ul ul { margin: 8px 0 6px 0; }
ul li { line-height: 1.2em; margin: 1px 0 1px 0; }

ol { padding-left: 20px; }
* html ol { padding-left: 24px; } /* ie hack */
/*ol ol { margin: 8px 0 6px 0; }
ol li { line-height: 1.2em; margin: 1px 0 1px 0; }*/

ul#hauptmenue { /* hauptmenue */
    margin      : 0;
    padding     : 0;
    list-style  : none;
    height      : 20px;
    background  : transparent;
}
ul#hauptmenue li {
    float       : left;
    margin      : 0;
    padding     : 3px 20px 0 0;
    list-style  : none;
    color       : #fff;
    background  : transparent;
}
ul#hauptmenue li a {
    margin          : 0;
    padding         : 0 0 0 13px;
    color           : #fff;
    text-decoration : none;
    background      : url(../image/menue/pfeil_off.gif) no-repeat left center;
}
ul#hauptmenue li a:hover, ul#hauptmenue li a:focus, ul#hauptmenue li a.aktiv {
    color       : #efc11d;
    background  : url(../image/menue/pfeil_ov.gif) no-repeat left center;
}

ul#untermenue { /* untermenue */
    margin      : 2px 0 0 5px;
    padding     : 0;
    list-style  : none;
    background  : transparent;
}
ul#untermenue li {
    float       : left;
    margin      : 0;
    padding     : 0 3px 0 0;
    list-style  : none;
    color       : #fff;
    background  : transparent;
}
ul#untermenue li a {
    margin          : 0;
    padding         : 0;
    color           : #fff;
    text-decoration : none;
}
ul#untermenue li a:hover, ul#untermenue li a:focus, ul#untermenue li a.aktiv { color: #efc11d; }

ul.suchergebnis { /* suchergebnis */
    margin      : 0 0 15px 0;
    padding-left: 12px;
}
ul.suchergebnis li { margin : 0 0 8px 5px; }
ul.suchergebnis { list-style: square outside url(../image/symbole/liste_suchergebnis.gif); }

#seitenfuss { /* seitenfuss */
    clear: both;
    float: none;
}
#seitenfuss ul {
    margin      : 20px 0 0 0;
    padding     : 0;
    list-style  : none;
    background  : transparent;
}
#seitenfuss ul li {
    float       :left;
    margin      : 0 20px 0 0;
    list-style  : none;
    background  : transparent;
}
#seitenfuss ul li#copy {
    float:right;
    margin : 0 0 0 20px;
}




/*
-----------------------------------------------------------------------------
BOXEN
-----------------------------------------------------------------------------
*/
div.infobox, div.bildbox { /* info- bildboxstandards */
    border  : 1px solid #000;
    margin  : 0 15px 4px 0;
    padding : 0;
    width   : 190px;
}
div.infobox h1, div.infobox p, div.bildbox p {
    background  : #555;
    margin      : 0;
    padding     : 3px 4px 3px 4px;
    color       : #fff;
    font-weight : bold;
}
div.infobox p {
    background  : #97b7ca;
    font-weight : normal;
}
div.infobox p a {
    color           : #fff !important;
    text-decoration : none !important;
}

div.bildbox div { /* bildbox */
    margin  : 0;
    padding : 0;
}
div.bildbox img {
    margin  : 2px 0 0 2px;
}
div.bildbox p { font-weight : normal; }

div.bildbox p a {
    color           : #fff !important;
    text-decoration : none !important;
}


div.innerbildbox, div.innerbildbox_left, div.innerbildbox_right {  /* bildbox innerhalb artikel */
    font-size: 0;
    position: relative;
    border  : 1px solid #000;
    margin  : 0;
    padding : 0;
}
div.innerbildbox_left {
    float   : left;
    margin  : 0 5px 5px 0;
    padding : 0;
}
div.innerbildbox_right {
    float   : right;
    margin  : 0 0 5px 5px;
    padding : 0;
}
div.innerbildbox div, div.innerbildbox_left div, div.innerbildbox_right div {
    margin  : 0;
    padding : 0;
}
div.innerbildbox img, div.innerbildbox_left img, div.innerbildbox_right img {
    margin  : 2px 0 0 2px;
}
div.innerbildbox p, div.innerbildbox_left p, div.innerbildbox_right p {
    background  : #555;
    margin      : 0;
    padding     : 3px 4px 3px 4px;
    color       : #fff;
}
div.innerbildbox p a, div.innerbildbox_left p a, div.innerbildbox_right p a {
    color           : #fff !important;
    text-decoration : none !important;
}



/*
-----------------------------------------------------------------------------
FORMULAR
-----------------------------------------------------------------------------
*/
form { /* form */
    margin  : 0;
    padding : 0;
}
label { /* label */
    font    : 11px Verdana, Arial, Helvetica, sans-serif;
    color   : #000;
    margin  : 0;
    padding : 1px;
}
label.fehler {
    color       : #fff !important;
    background  : #cc0000 !important;
}
select, input, textarea { /* default */
    font            : 11px Verdana, Arial, Verdana,  Helvetica, sans-serif;
    color           : #000;
    margin          : 0px;
    padding         : 0px;
    background-color: #fff;
}

.input_select { padding: 0 0 0 3px;}
.input_text {
    padding : 2px 3px 2px 3px;
    border  : 1px solid #555;
}
.input_textarea {
    padding : 3px 0 3px 3px;
    border  : 1px solid #555;
}

#lbl_suchbegriff, #lbl_artikelnr { color: #fff; } /* suche */
input#suchbegriff, input#artikelnr {
    border      : 1px solid #555;
    width       : 80px;
    color       : #808080;
    background  : #d3e7f3;
    font-size   : 10px;
}

.display_fehler { color: #cc0000 !important;font-weight:bold; }
.display_aktiv { background-color: #fff; }