/*************************************************************************/
/* styles für kwpro                             			 */
/* ------								 */
/* AUTOR: N.Nerke -> nicole@ni9ne.de					 */
/* ------								 */
/*************************************************************************/

/*inhalt*
/* body, html
/* header, bg
/* navi -- Hauptnavi links
/* inhalt -- Inhaltsspalte
/* footer -- Spalte mit Copyright und Links wie in secnavi
/* textformatierungen hx, hr, fazit, liste etc.


/* layout / grundelemente / container ---------------------------------- */
/* body ---------------------------------------------------------------- */
html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;

    font-size: 100.01%;

    font-family: verdana, sans-serif;
    color: #4F5559;
    background: #fff;

}

#wrapper {

    margin: 0 auto 0 auto;
    padding: 0;
    width: 825px;
    min-height: 100%;
    height: auto !important;  /* für moderne Browser */
    height: 100%;  /*für den IE */
    background: #D9DBDE url(pix/bg-body.gif) repeat-x;
}


/* header -------------------------------------------------------------- */
#header {
    margin: 0;
    padding: 0;
    height: 140px;
    border: 0px solid green;
    background: url(pix/bg-head.gif) no-repeat;
}

#header h1 {
    margin: 0;
}

#header h1 a {
    display: none;
}

#header img#logo {
/*    position: absolute;
    top: 0px;
    left: 44px;*/
    margin: 0 0 0 34px;
    border: 0px solid green;
}


/* navi -------------------------------------------------------------- */
/* siehe navi.css */

#menue {
	/*position: relative;
         top: 0px;
         left: 10px;*/
         width: 825px;
	border: 0px solid red;
}

#menue img.sprache {
	float: right;
	margin: 0px 20px 0 0;
         border: none;
}

/* inhalt -------------------------------------------------------------- */

#inhalt {
    margin: 0 0 0 0px;
    padding: 0px 0px 30px 0px;
    width: 825px;
    min-height: 100%;
    font-size: 100.01%;
    min-height: 340px;
/*    background: url(pix/bg-inhalt.gif) repeat-y;*/


}

/* wird benötigt weil sonst bei zu niedrigem #zusatz der Text unter #zusatz fließt*/
#inhaltstext {
         padding: 20px 0 0 100px;
         margin: 0;
         width: 544px;
         border-right: 0px solid blue;

}


/* zusatz -------------------------------------------------------------- */
/*#zusatz {
	float: right;
         margin: 26px 0px 20px 0px;
         padding: 0;
         width: 434px;
         border: 0px solid blue;
}

#zusatz img {
	border: 0px solid red;
}
*/


/* textformatierungen -------------------------------------------------- */
/* überschriften-------------------------------------------------------- */

#inhalt h1 {
    margin: 0 0 10px 0px;
   /* padding: 0px 0 0px 0px;*/
    font-weight: normal;
    font-size: 180.01%;
    color: #4F5559;
}

#inhalt h1 span, #inhalt h2 span {
    font-weight: normal;
}

#inhalt h2 {
    margin: 0;
    padding: 4px 0 2px 0px;
    font-weight: normal;
    font-size: 120.01%;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #4F5559;
}

#inhalt h3 {
    margin: 0;
    padding: 4px 0 0px 0px;
    font-weight: normal;
    font-size: 110.01%;
    margin-top: 10px;
    color: #4F5559;
}



/* absätze*/
.hide {
    display: none;
}

sup {
         font-size: 80%;
         border: 0px solid green;
         padding: 0;
         margin: 0;
}

span.kwpro {
vertical-align: 80%;
font-size: 80%;
line-height: 0.5em;
border: 0px solid red;
}


#inhalt img.logos {
	padding: 20px 20px 20px 20px;
}

#inhalt p {
	margin: 0;
	padding: 3px 0 16px 0;
	font-size: 0.80em;
	line-height: 1.6em;
         vertical-align: top;
         border: 0px solid blue;
         color: #4F5559;
}

#inhalt p.anmerkung {
	padding: 0 0 40px 0;
   margin-top: 20px;
	font-size: 0.7em;
	background: transparent url(pix/border.gif) no-repeat top left;
}

#inhalt div.anmerkungen {
	font-size: 0.85em;
}

#inhalt p.breadcrumbs {
	padding: 0 0 20px 0;
	line-height: 1.2em;
	font-size: 0.7em;
}

#inhalt p.footer {
	padding-top: 50px;
}

#inhalt td,th,pre {
    font-size: 80%;
    border: 1px solid #ddd;
    padding: 2px;
    vertical-align: top;
}

#inhalt pre {
    font-size: 100.01%;
}

#inhalt table {
    border-collapse: collapse;
    width: 100%
}

#inhalt table.anmerkung
	{margin: 10px 0;   font-size: 0.85em;
         }

#inhalt table.anmerkung td
	{background: transparent url(pix/border.gif) no-repeat top left;

         }

#inhalt table td.first
       {
       width: 7em;
       }

#inhalt th {
    text-align: left;
}

/* Listen */

#inhalt dl.bild {
	margin: 0;
	padding: 0;
}

#inhalt dl.bild dt {
   	margin: 0 0 0 0;
   	padding: 0;
}

#inhalt dl.bild img {
	border: 0px solid #DB007A;
         margin: 0;
         padding: 0;
         float: none;
}

#inhalt dl.bild dd {
   	font-size: 80%;
   	margin: 0;
         padding: 0 0 10px 20px;
         font-style: italic;
}



#inhalt dl {
   	border: 0px solid red;
}

#inhalt dt {
   	line-height: 1.6em;
         font-size: 80%;
   	font-weight: bold;
}

#inhalt dd {
	line-height: 1.6em;
         font-size: 80%;
         padding: 0 0 10px 20px;
}

#inhalt blockquote {
	line-height: 1.6em;
         font-size: 1em;
         font-style: italic;
}

#inhalt #inhaltstext ol {
	font-weight: bold;
}

#inhalt #inhaltstext ul {
}

#inhalt #inhaltstext li {
	line-height: 1.6em;
         font-size: 0.8em;
         padding-bottom: 15px;
}

#inhalt #inhaltstext li li {
         font-size: 1em;
         font-weight: normal;
         padding-bottom: 10px;
}

#inhalt #inhaltstext li ul {
	margin-top: 10px;
}


#inhalt ul li span {
	font-weight: bold;
         padding-bottom: 15px;
}

#inhalt ol li span {
	font-weight: normal;
         padding-bottom: 15px;
}

#inhaltstext a {
	color: #4F5559;
         font-weight: bold;
}

#inhaltstext a:hover {
	color: #233350;
}



q:before, q:after {
content: "";
}

/*formular*/
#inhalt form {
         margin: 20px 0 0 0px;
         padding: 0px 15px 10px 0px;
}

#inhalt input {
         margin-bottom: 5px;
         padding: 1px;
         letter-spacing: 1px;
        	background-color: #fff;
        	border: 1px solid #B1B2B4;
}

#inhalt textarea {
	font-family: arial, helvetica, sans-serif;
         line-height: 1.4em;
         font-size: 100%;
         letter-spacing: 1px;
        	background-color: #fff;
        	border: 1px solid #B1B2B4;
         width: 320px;
         margin: 0px 0 5px 0px;
}

#inhalt select {
	margin: 0px 0 5px 0px;
	color: #000;
         background-color: #FFF4B5;
        	border: 1px solid #FFDF4D;

}

#form_mitteilung, #form_name,
#form_unternehmen, #form_informationen {
	width: 318px;
}


#inhalt input.senden {
	border: 1px solid #233350;
         background-color: #fff;
         color: #233350;
         font-weight: bold;
         padding: 5px 30px 5px 30px;
         font-size: 0.9em;
         width: 10em;
}

#inhalt input:focus, #inhalt textarea:focus {
	background-color: #ECECEC;
}

#inhalt input.radiobutton {
	border: 0;
}

/* Zitat Startseite*/
#inhalt blockquote.start {
	 margin: 20px 0 0 0;
	 height: 239px;
	 width: 532px;
         background: transparent url(pix/zitat.jpg) no-repeat center;
         color: #fff;
         font-size: 1em;
         font-style: normal;
         font-weight: bold;
         position: relative;
	}

#inhalt blockquote.start p

	{font-size: 16px;
	margin: 0 30px;
	padding-top: 22px;
	color: #fff;}





/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http: //www.cssplay.co.uk/menus/skeleton2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#navi,
#navi ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font: 12px verdana, sans-serif;
	background: url(nirvana.gif);  /*sonst verschwindet das Untermenü*/
	position: relative;
	z-index: 100;
}
#navi {
	height: 21px; /*23*/
	width: 740px;
	padding: 0;
        /*	 background: #000;*/
}

#navi table {
	border-collapse: collapse;
}
#navi li {
	float: left;
	border-right: 2px solid #fff;
}
#navi li li {
	float: none;
}

/* a hack for IE5.x and IE6 */
#navi li a li {
	float: left;
}

#navi li a {
	display: block;
	float: left;
	color: #fff;
	height: 21px; /*23*/
	/*padding: 0 20px 0 10px;*/
         padding: 0px 14px 4px 14px;
	line-height: 22px;
	text-decoration: none;
	white-space: nowrap;
	font-weight: bold;

}
#navi li li a {
         height: 21px;
	line-height: 20px;
         font-weight: normal; /**/
	float: none;
         color: #23334F; /**/
}

#navi li li a:hover { /**/
	text-decoration: underline;
}


#navi li:hover {
	position: relative;
	z-index: 100;
}

#navi a:hover {
	position: relative;
	z-index: 100;
	background: #23334F;
	color: #fff;
	/*border-left: 1px solid #843;*/
         /*border-right: 2px solid #fff;*/ /**/
}

#navi li:hover > a {
	border-left: 0px solid #fff;
	background:  #23334F;
	color: #fff;
}

#navi :hover  ul {
	left: 0;
	top: 25px;
	border-left: 1px solid #fff; /*1px sonst verschiebt sichs in Opera*/
         background: #fff; /**/
	z-index: 300;
}

#navi a:hover ul {
	left: -1px;
}

#navi ul {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#navi li:hover li:hover > ul {
	left: 0;
	margin-left: 100%;
	top: 0;
}

/* keep further levels hidden */
#navi li:hover > ul ul {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: auto;
}

/* show path followed */
#navi li:hover li:hover > a {
	background: #fff;
	color: #23334F;
	border-left: 0px solid #fff;
}

#navi li a:hover ul li a:hover {
	background: #fff;
         color: #23334F; /*weil beim ie sonst weiß*/
}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#navi a:hover a:hover ul,
#navi a:hover a:hover a:hover ul,
#navi a:hover a:hover a:hover a:hover ul,
#navi a:hover a:hover a:hover a:hover a:hover ul
{
	left: 100%;
	top: 0;
}

/* keep further levels hidden */
#navi a:hover ul ul,
#navi a:hover a:hover ul ul,
#navi a:hover a:hover a:hover ul ul,
#navi a:hover a:hover a:hover a:hover ul ul
{
	position: absolute;
	left: -9999px;
	top: -9999px;
}
/* Überschriften */
#inhalt h1 {position: relative;}
#inhalt h1 img {position: absolute; left: -75px; top: -5px;}

hr {color: #bbb; background: #bbb; height: 1px;}