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

body {
	font		: 11px Verdana, Tahoma, Arial, sans-serif;
	color		: 000;
	margin		: 6px;
	padding		: 0;
	background	: #fff;
}

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;
}

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

/* ueberschriften ----------------------------------------- */
h1,h2,h3,h4,h5,h6 {
    font-size       : 10px !important;
    font-weight     : bold !important;
    text-transform  : uppercase !important;
    padding         : 0;
    margin          : 10px 0px 8px 0px;
    clear: both;
}
h1 {
    color : #4c8ab3 !important;
}
h2, h3, h4, h5, h6 {
    border-left     : 2px solid #4c8ab3;
    padding-left    : 3px;
    color           : #555 !important;
}

h1.rot, h1.info, h1.hell { color: #4c8ab3 !important; }
h1 .rot, h1 .info, h1 .hell { color: #4c8ab3 !important; }

h2.rot, h2.info, h2.hell, 
h3.rot, h3.info, h3.hell, 
h4.rot, h4.info, h4.hell, 
h5.rot, h5.info, h5.hell, 
h6.rot, h6.info, h6.hell { color: #555 !important; }

h2 .rot, h2 .info, h2 .hell, 
h3 .rot, h3 .info, h3 .hell, 
h4 .rot, h4 .info, h4 .hell, 
h5 .rot, h5 .info, h5 .hell, 
h6 .rot, h6 .info, h6 .hell { color: #555 !important; }

h1.klein, h2.klein, h3.klein, h4.klein, h5.klein, h6.klein, { font-size: 10px; !important; }
h1 .klein, h2 .klein, h3 .klein, h4 .klein, h5 .klein, h6 .klein, { font-size: 10px; !important; }

/* absaetze ----------------------------------------------- */
p { margin-bottom: 0 }

/* standard-links ----------------------------------------- */
a:link, a:visited, a:active {
    color           : #888;
    text-decoration : underline;
}
a:hover, a:focus {
    color           : #4c8ab3;
    text-decoration : none;
}

/* text seitenfuss ---------------------------------------- */
.seitenfuss {
    color       : #000;
    font-size   : 10px;
}
.seitenfuss a:link, .seitenfuss a:visited, .seitenfuss a:active {
    color           : #000;
    text-decoration : none;
}
.seitenfuss a:hover, .seitenfuss a:focus {
    color           : #4c8ab3;
    text-decoration : underline;
}

/* abstandhalter ------------------------------------------ */
#abstand {
    height      : 16px;
    width       : 100;
    font-size   : 1px;
    overflow    : hidden;
	background	: transparent;
}

/* standardhintergrundfarben ------------------------------ */
.bg_colour  { background-color: #4c8ab3; }

.bg_weiss  	     		{ background-color: #fff; }
.bg_hellgrau			{ background-color: #c3c4c2; }
.bg_grau_rand_content	{ background-color: #f1eff8; }   


 /* farben werden spaeter ersetzt durch dyn. 'bg_colour' */
.tmp_bg_blau        { background-color: #4c8ab3; }
.tmp_bg_orange      { background-color: #f37a3e; }
.tmp_bg_gelb        { background-color: #f1c07d; }
.tmp_bg_hellblau    { background-color: #89d0ff; }
.tmp_bg_gruen    	{ background-color: #b4e476; }
.tmp_bg_grau    	{ background-color: #737476; }



/*
-----------------------------------------------------------------------------
NAVIGATION
-----------------------------------------------------------------------------
*/
ul#hauptmenue {
    margin    : 0px;
    padding   : 0px;
    width     : 587px; /*For KHTML*/
    list-style: none;
}

ul#hauptmenue li {
    margin      : 0px;
    padding     : 0px;
    float       : left; /*For Gecko*/
    list-style  : none;
    position    : relative;
    /*height      : 24px;*/
}

ul#hauptmenue ul {
    margin      : 0px;
    padding     : 0px;
    list-style  : none;
    display     : none;
    position    : absolute;
    top         : 30px;
    left        : 0px;
}

ul#hauptmenue ul li {
    float   : left; /*For Gecko*/
    display : block !important;
    display : inline; /*For IE*/
}

ul#hauptmenue ul ul, ul#hauptmenue ul ul ul {
    display : none;
    position: absolute;
    top     : 0;
    left    : 0px;
}

ul#hauptmenue li:hover ul, 
ul#hauptmenue li:hover ul ul, 
ul#hauptmenue li:hover ul ul ul, 
ul#hauptmenue li.iehover ul ul, 
ul#hauptmenue li.iehover ul ul ul {
    display: none;
}

ul#hauptmenue li:hover ul,
ul#hauptmenue li li:hover ul,
ul#hauptmenue li li li:hover ul,
ul#hauptmenue li.iehover ul,
ul#hauptmenue li li.iehover ul,
ul#hauptmenue li li li.iehover ul {
    display: block;
}

/*
-----------------------------------------------------------------------------
ARTIKELBEREICH
-----------------------------------------------------------------------------
*/
/* artikel linien und hintergruende ----------------------- */
div.content-start {
    height      : 10px;
    width       : 673px;
    font-size   : 1px;
    overflow    : hidden;
    background	: #fff url(http://www.klopfer.com/image/elemente/content-start.gif) left top no-repeat;
}
div.ohne-ecke { background : #fff url(http://www.klopfer.com/image/elemente/content-start_ohne-ecke.gif) left top no-repeat; }
div.content-bg {
    width       : 673px;
    background	: #fff url(http://www.klopfer.com/image/elemente/content-bg.gif) left top repeat-y;
}
div.content-bg div.content-inhalt {
    text-align  : left;
    width		: 654px;
    margin-left : 19px;
}
div.content-split {
    height      : 21px;
    width       : 673px;
    font-size   : 1px;
    overflow    : hidden;
    background	: #fff url(http://www.klopfer.com/image/elemente/content-split.gif) left center no-repeat;
}
div.content-abstand {
    height      : 10px;
    width       : 673px;
    background	: #fff url(http://www.klopfer.com/image/elemente/content-bg.gif) left top repeat-y;
}
div.content-ende {
    height      : 10px;
    width       : 673px;
    font-size   : 1px;
    overflow    : hidden;
    background	: #fff url(http://www.klopfer.com/image/elemente/content-ende.gif) left bottom no-repeat;
}
div.clearfloat {
    margin      : 0;
    padding     : 0;
    clear       : both;
    height      : 1px;
    font-size   : 1px;
}

/* infozeile ---------------------------------------------- */
div.infozeile-start {
    height      : 15px;
    width       : 673px;
    font-size   : 1px;
    overflow    : hidden;
    background	: #fff url(http://www.klopfer.com/image/elemente/infozeile-start.gif) left top no-repeat;
}
div.infozeile-bg {
    width       : 673px;
    background	: #fff url(http://www.klopfer.com/image/elemente/infozeile-bg.gif) left top repeat-y;
}
div.infozeile-bg div.infozeile-inhalt {
    text-align  : left;
    width		: 654px;
    margin-left : 19px;
}
div.infozeile-ende {
    height      : 15px;
    width       : 673px;
    font-size   : 1px;
    overflow    : hidden;
    background	: #fff url(http://www.klopfer.com/image/elemente/infozeile-ende.gif) left bottom no-repeat;
}

/* artikel ------------------------------------------------ */
div.art_titel {
    margin-bottom   : 10px;
    font-weight     : bold;
    color           : #4c8ab3;
}
div.art_kurztext {
    margin-bottom   : 10px;
    /*color           : #000;*/
}

/* tabellen spezifisch ------------------------------------ */
thead td, th {
    color       : #4c8ab3;
    font-size   : 11px;
    font-weight : normal;
}

/* bildelement -------------------------------------------- */
.bg_text_art_bild { background-color: #f1eff8; }
.art_bildtext { font-size: 10px; }

/* text zur hervorhebung ---------------------------------- */
.rot    { color: #cc0000; }
.info   { color: #4d8ab3; }
.hell   { color: #858585; }
.klein  { font-size: 10px; }

/* startseitezusatz --------------------------------------- */
.text_startseitezusatz {
    color       : #000;
    font-weight : normal;
}
.text_startseitezusatz a:link, .text_startseitezusatz a:visited, .text_startseitezusatz a:active {
    color           : #888;
    text-decoration : none;
}
.text_startseitezusatz a:hover, .text_startseitezusatz a:focus {
    color           : #4c8ab3;
    text-decoration : none;
}




/*
-----------------------------------------------------------------------------
RANDBEREICH
-----------------------------------------------------------------------------
*/
div.rand-container {
    margin      : 13px 0px 0px 33px;
    padding     : 0px;
    width       : 215px;
    text-align  : left;
	background	: #fff url(http://www.klopfer.com/image/randbereich/bg.gif) left top no-repeat;
}
div.rand-container div.randinhalt-container {
    margin-right: 28px;
    margin-left : 19px;
    width       : 167px;
    background	: transparent;
}
div.rand-container div.randinhalt {
    padding     : 10px 0 10px 0;
    background  : transparent;
}

.text_randartikel {
    color       : #000;
    font-weight : normal;
}
.text_randartikel a:link, .text_randartikel a:visited, .text_randartikel a:active {
    color           : #888;
    text-decoration : none;
}
.text_randartikel a:hover, .text_randartikel a:focus {
    color           : #4c8ab3;
    text-decoration : none;
}




/*
-----------------------------------------------------------------------------
ELEMENTE
-----------------------------------------------------------------------------
*/
/* rubrikbild --------------------------------------------- 
#rubrikbild {
    height      : 212px;
    width       : 379px;
    overflow    : hidden;
	background	: transparent;
}*/
div#con_rubrikbild .text_rubrikbild {
    color       : #fff;
    font-size   : 15px;
    font-weight : bold;
}

/* seitenkopf --------------------------------------------- */
#seitenkopf_balken-oben {
    height      : 9px;
    width       : 930px;
    font-size   : 1px;
    overflow    : hidden;
	background	: #fff url(http://www.klopfer.com/image/elemente/bg_seitenkopf_oben.gif) left top repeat-x;
}
#seitenkopf_balken-unten {
    height      : 3px;
    width       : 930px;
    font-size   : 1px;
    overflow    : hidden;
	background	: #fff url(http://www.klopfer.com/image/elemente/bg_seitenkopf_unten.gif) left top repeat-x;
}
#seitenfuss_balken {
    margin-top  : 8px;
    height      : 4px;
    width       : 930px;
    font-size   : 1px;
    overflow    : hidden;
	background	: #fff url(http://www.klopfer.com/image/elemente/bg_seitenfuss.gif) left top repeat-x;
}
#seitenkopf_abschlusslinie {
    height      : 12px;
    width       : 673px;
    font-size   : 1px;
    overflow    : hidden;
	background	: #fff url(http://www.klopfer.com/image/elemente/linie_abschluss_kompetenzen.gif) left top no-repeat;
}
#seitenfuss {
    margin-top  : 3px;
    width       : 930px;
}

/* sonstig ------------------------------------------------ */
div.abstand {
    font-size   : 1px;
    overflow    : hidden;
}
div.hr {
    width       : 100%;
    height      : 21px;
    font-size   : 1px;
    overflow    : hidden;
    background  : transparent url(http://www.klopfer.com/image/artikel/hr.gif) left center no-repeat;
}

/* listen ------------------------------------------------- */
ul.liste_suchergebnis {
    margin      : 5px 0px 5px 12px;
    padding-left: 0;
    list-style  : none;
}
ul.liste_suchergebnis li {
    padding-left    : 15px;
    list-style      : none;
    background	    : transparent url(http://www.klopfer.com/image/symbole/listenpunkt_suchergebnisse.gif) left 3px no-repeat;
}

/*
ul.liste_normal {
    margin      : 5px 0px 5px 12px;
    padding-left: 0;
    list-style  : none;
}
ul.liste_normal li {
    padding-left    : 12px;
    list-style      : none;
    background	    : transparent url(http://www.klopfer.com/image/symbole/listenpunkt_ebene1.gif) left 5px no-repeat;
}
ul.liste_normal ul li {background: transparent url(http://www.klopfer.com/image/symbole/listenpunkt_ebene2.gif) left 5px no-repeat !important;}
ul.liste_normal ul li li {background: transparent url(http://www.klopfer.com/image/symbole/listenpunkt_ebene3.gif) left 5px no-repeat !important;}
ul.liste_normal ul li li li {background: transparent url(http://www.klopfer.com/image/symbole/listenpunkt_ebene4.gif) left 5px no-repeat !important;}

ul.liste_normal ul li li li li, 
ul.liste_normal ul li li li li li li, 
ul.liste_normal ul li li li li li li li li, 
ul.liste_normal ul li li li li li li li li li li {
    background: transparent url(http://www.klopfer.com/image/symbole/listenpunkt_ebene5.gif) left 5px no-repeat !important;
}

ul.liste_normal ul li li li li li, 
ul.liste_normal ul li li li li li li li, 
ul.liste_normal ul li li li li li li li li li, 
ul.liste_normal ul li li li li li li li li li li li {
    background: transparent url(http://www.klopfer.com/image/symbole/listenpunkt_ebene6.gif) left 5px no-repeat !important;
}
*/
ul.liste_normal {
    margin      : 5px 0px 5px 12px;
    padding-left: 12px;
}
ul.liste_normal li {
    margin-left : 5px;
}
ul.liste_normal {list-style: square outside url(http://www.klopfer.com/image/symbole/listenpunkt_ebene1.gif);}
ul.liste_normal ul {list-style: square outside url(http://www.klopfer.com/image/symbole/listenpunkt_ebene2.gif);}
ul.liste_normal ul ul {list-style: square outside url(http://www.klopfer.com/image/symbole/listenpunkt_ebene3.gif);}
ul.liste_normal ul ul ul {list-style: square outside url(http://www.klopfer.com/image/symbole/listenpunkt_ebene4.gif);}

ul.liste_normal ul ul ul ul, 
ul.liste_normal ul ul ul ul ul ul, 
ul.liste_normal ul ul ul ul ul ul ul ul, 
ul.liste_normal ul ul ul ul ul ul ul ul ul ul {list-style: square outside url(http://www.klopfer.com/image/symbole/listenpunkt_ebene5.gif);}

ul.liste_normal ul ul ul ul ul, 
ul.liste_normal ul ul ul ul ul ul ul, 
ul.liste_normal ul ul ul ul ul ul ul ul ul, 
ul.liste_normal ul ul ul ul ul ul ul ul ul ul ul  {list-style: square outside url(http://www.klopfer.com/image/symbole/listenpunkt_ebene6.gif);}




/*
-----------------------------------------------------------------------------
FORMULARBEREICH(E)
-----------------------------------------------------------------------------
*/
/* standard-form ------------------------------------------ */
label {
    color   : #4c8ab3;
    margin  : 0px 2px 0px 2px;
}

select, input, textarea {
    font            : 10px Verdana, Tahoma, Arial, sans-serif;
    color           : #000;
    margin          : 0px;
    padding         : 0px;
    background-color: #fff;
}

/* textfelder-standard ------------------------------------ */
.input_text {
    color		    : #000;
    border          : 1px solid #c3c3c3;
    padding         : 2px;
    margin          : 0;
}
.input_text_fehler {
	color           : #000;
    border          : 1px solid #cc0000;
    padding         : 2px;
    margin          : 0px;
}
.input_select {
	color           : #000;
    border          : 1px solid #c3c3c3;
    padding         : 0px;
    margin          : 0px;
}