/****************************************************

	SITE: kompass.de

	15.10.2009

	grass@mai-multimedia.de 2009

	Grün:	#009036

******************************************************/

* {margin: 0; padding: 0;}


html, body
	{
		height: 100%;
	}

body
	{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 75%;
		line-height: 1.4em;
		background: #fff;
		text-align: center;
		color: #58585A;
	}
h1, h2, h3, h4, h5, li li, li p, td p, td, blockquote p {font-size: 1em}

ul { margin: 0 0 1em 1.6em; }
ol { margin: 0 0 1em 2.4em; }
ol li { margin-bottom: 1em; }

/****************************************************
	ALLGEMEINE STYLES
******************************************************/

.clear { clear: both; }
.invisible { display: none; }

img { border: none; }
.imgLeft { float: left;  clear: left; margin: 2px 10px 10px 0;}
.imgRight { float: right; margin: 4px 0 10px 10px; }


a
	{
		color: #009036;
	}


a.download { padding-left: 25px ; }
a.pdf { background: transparent url(/images/media_pdf.gif) no-repeat; }
a.ppt { background: transparent url(/images/media_ppt.gif) no-repeat; }
a.txt { background: transparent url(/images/media_txt.gif) no-repeat; }
a.doc { background: transparent url(/images/media_doc.gif) no-repeat; }
a.xls { background: transparent url(/images/media_xls.gif) no-repeat; }
a.zip { background: transparent url(/images/media_zip.gif) no-repeat; }
a.swf {	background: transparent url(/images/media_swf.gif) no-repeat; }
a.mov {	background: transparent url(/images/media_mov.gif) no-repeat; }
a.mp3 {	background: transparent url(/images/media_mp3.gif) no-repeat; }


p { margin: 0 0 1em 0;}

h1, h2, h3, h4
	{
		font-weight: normal;
	}


h1, h2
	{
		font-size: 1.6em;
		line-height: normal;
		margin-bottom: 0.625em
    }

h3
	{
		font-size: 1.4em;
		line-height: normal;
		margin-bottom: 0.72em
    }
h4
	{
		font-size: 1.2em;
		line-height: normal;
		margin-bottom: 0.83em
    }
h5
	{
		font-size: 1.1em;
		line-height: normal;
		margin-bottom: 0.91em
    }


table
	{
		margin-bottom: 2em;
    }

td, th { padding: 0.1em 1em 0.1em 0!important; vertical-align: top;}
th { text-align: left; }
td p, th p { margin-bottom: 0; }


table.color td, table.color th { padding-left: 0.1em!important; }
table.color th { background-color: #CCE9D7; }
table.color tr.odd { background-color: #E5F4EB; }
table.color tr { background-color: #CCE9D7; }

table.border
	{
		border-collapse: collapse;
		border: solid 1px #ccc;
	}

table.border td { vertical-align: top; border: solid 1px #ccc;}

/****************************************************

******************************************************/

#wrap
	{
		width: 920px;
		margin: 0 auto;
		text-align: left;
		background-color: #fff;

    }

#menuBox
	{
		position: relative;
		float: left;
		width: 244px;
		min-height: 600px;
		background: transparent url(/images/hgr_menuBox.png) no-repeat right 138px;
	}
#logo
	{
		margin: 5px 0 37px 0px;
	}


#contentBox
	{
		position: relative;
		float: left;
		width: 676px;
		min-height: 600px;
		overflow: hidden;
	}
#keyvisualBox
	{
		background-repeat: no-repeat;
		width: 676px;
	}
#content
	{
		clear: both;
		float: left;
		width: 450px;
		margin-top: 20px;
	}



/****************************************************
	CONTENT
******************************************************/





/****************************************************
	CONTEXT
******************************************************/

#headContextBox
	{
		float: left;
		width: 676px;
		list-style: none;
		margin: 0;
		background: #016E2B url(/images/hgr_headContextBox.jpg) repeat-x;
		min-height: 83px;
		padding: 10px 10px 0 10px;
		font-size: 0.9em;
	}
#headContextBox .contextBoxItem
	{
		margin: 0;
		padding: 0;
		border: none;
		color: #fff;
	}
#headContextBox .contextBoxItem a
	{
		color: #fff;
		text-decoration: none;
	}
#headContextBox .contextBoxItem a:hover
	{
		text-decoration: underline;
	}

#headContextBox .contextBoxItem p, #headContextBox .contextBoxItem table
	{
		margin: 0;
	}


#contextBox
	{
		float: right;
		width: 190px;
		margin-top: 20px;
		font-size: 0.9em;
		line-height: 1.4em;
		color: #58585A;

	}
#contextBox a
	{
		text-decoration: none;
	}
#contextBox a:hover
	{
		text-decoration: underline;
	}
#contextBox p
	{
		margin-top: 0.5em;
	}
.contextBoxItem
	{
		border-bottom: solid 1px #14804A;
		margin-bottom: 1.6em;
		padding-bottom: 1em;
	}


/****************************************************
	NAVIGATIONEN
******************************************************/

/* ----- Hauptnavigation ----- */

#mainNav
	{
		list-style: none;
		margin: 0;
		text-align: right;
		font-size: 0.9em;
		line-height: 1em;
	}
#mainNav li
	{
		padding-top: 0.6em;
		padding-bottom: 0.6em;
		background: transparent url(/images/menuBubbles.png) no-repeat;
	}
#mainNav li.active
	{
		background: transparent url(/images/menuBubbleHover.png) no-repeat;
	}

#mainNav a
	{
		color: #9BA3B6;
		text-decoration: none;
	}
#mainNav a:hover
	{
		color: #009036;
	}
#mainNav a.active, #mainNav li.active a
	{
		font-size: 1.1em;
		color: #009036;
	}

#mainNav #mainNav_2 { padding-right: 65px;  background-position: 192px 50%;  }
#mainNav #mainNav_li_216 { padding-right: 82px; background-position: -79px 50%; }
#mainNav #mainNav_li_217 { padding-right: 90px; background-position: -340px 50%; }
#mainNav #mainNav_li_218 { padding-right: 99px; background-position: -595px 50%; }
#mainNav #mainNav_li_219 { padding-right: 99px; background-position: -844px 50%; }
#mainNav #mainNav_li_220 { padding-right: 90px; background-position: -1088px 50%; }
#mainNav #mainNav_li_238 { padding-right: 79px; background-position: -1076px 50%; }

/* ----- Sub-Navigation 3.Ebene ----- */

#subSubNav
	{
		position: absolute;
		top: 402px;
		right: 65px;
		list-style: none;
		text-align: right;
		font-size: 0.9em;
		line-height: 1em;
	}
#subSubNav li
	{
		padding-top: 0.6em;
		padding-bottom: 0.6em;
	}

#subSubNav a
	{
		color: #9BA3B6;
		text-decoration: none;
	}
#subSubNav a:hover
	{
		color: #009036;
	}
#subSubNav a.active, #subSubNav li.active a
	{
		font-size: 1.1em;
		color: #009036;
	}


/* ----- Homepage Navigation ----- */

#homeNav
	{
		list-style: none;
		margin: 0;
	}
#homeNav li
	{
		float: left;
		width: 223px;
		margin-right: 3px;
	}
#homeNav li a
	{
		display: block;
		text-decoration: none;
		padding-bottom: 94px;
		background-position: left bottom;
		background-repeat: no-repeat;
	}

#homeNav a span.head { border-bottom: solid 1px #fff; }
#homeNav_katalog { margin: 0 0 0 1px!important; }
#homeNav_produkte a { background: #008E36 url(/images/homeIcon_Produkte.png); }
#homeNav_produkte span.head { background-color: #008E36; }
#homeNav_standorte a { background: #33A163 url(/images/homeIcon_Standorte.png); }
#homeNav_standorte span.head { background-color: #33A163; }
#homeNav_katalog a { background: #66B88B url(/images/homeIcon_Katalog.png); }
#homeNav_katalog span.head { background-color: #66B88B; }

/* ----- Produkte Sub-Navigation ----- */


#subNav
	{
		float: left;
		width: 676px;
		list-style: none;
		margin: 0;
		background: #397858 url(/images/hgr_subNav.jpg) repeat-x;
		min-height: 93px;
	}
#subNav li
	{
		float: left;
		width: 77px;
		margin-top: 10px;
	}
#subNav li a
	{
		display: block;
		width: 77px;
		height: 0;
		padding-top: 74px;
		overflow: hidden;
	}
#subNav_li_222 { background: transparent url(/images/butt_222.jpg) no-repeat; margin-left: 10px;}
#subNav_li_222.active, #subNav_li_222 a:hover { background-image: url(/images/butt_222_h.jpg);}
#subNav_li_223 { background: transparent url(/images/butt_223.jpg) no-repeat; margin-left: 20px;}
#subNav_li_223.active, #subNav_li_223 a:hover { background-image: url(/images/butt_223_h.jpg);}
#subNav_li_224 { background: transparent url(/images/butt_224.jpg) no-repeat; margin-left: 20px;}
#subNav_li_224.active, #subNav_li_224 a:hover { background-image: url(/images/butt_224_h.jpg);}
#subNav_li_225 { background: transparent url(/images/butt_225.jpg) no-repeat; margin-left: 19px;}
#subNav_li_225.active, #subNav_li_225 a:hover { background-image: url(/images/butt_225_h.jpg);}
#subNav_li_226 { background: transparent url(/images/butt_226.jpg) no-repeat; margin-left: 20px;}
#subNav_li_226.active, #subNav_li_226 a:hover { background-image: url(/images/butt_226_h.jpg);}
#subNav_li_227 { background: transparent url(/images/butt_227.jpg) no-repeat; margin-left: 20px;}
#subNav_li_227.active, #subNav_li_227 a:hover { background-image: url(/images/butt_227_h.jpg);}
#subNav_li_228 { background: transparent url(/images/butt_228.jpg) no-repeat; margin-left: 18px;}
#subNav_li_228.active, #subNav_li_228 a:hover { background-image: url(/images/butt_228_h.jpg);}




.head
	{
		color: #fff;
		display: block;
		font-weight: bold;
		text-decoration: none;
		font-size: 1.4em;
		padding-left: 20px;
		background: #008E36 url(/images/hgr_head.png) no-repeat left top;
		line-height: 26px;
		min-height: 26px;
		border-bottom: solid 1px #fff;
		margin: 0;
	}




/****************************************************
    STANDORTE
******************************************************/


#body_217 #keyvisualBox, #body_217 #headContextBox { display: none; }


#body_217 #contentBox
	{
		background: transparent url(/images/hgr_contentStandorte.png) no-repeat 0 26px;
	}
#body_217 #content
	{
		margin-top: 365px;
		width: 220px;
	}
#partnerSuche
	{
		margin-top: 345px;
		width: 425px;
		padding: 20px 10px 10px 10px;
		float: right;
		position: relative;

		border: solid 1px #00702C;
		border-top: none;
		color: #009036;
	}
#partnerSucheContent
	{
		width: 200px;
	}
#partnerSucheContent p
	{
		margin: 0;
	}
#partnerSucheForm
	{
		position: absolute;
		right: 10px;
		bottom: 10px;
		width: 150px;
	}



#partnerSearchForm input, #partnerSearchForm select
	{
        width: 140px!important;
		border: solid 1px #009036;
		margin-bottom: 5px;
		font-size: 1em;
    }
#partnerSearchForm select, #partnerSearchForm #partnerSearchSubmit
	{
        width: 145px!important;
    }
#partnerSearchForm #partnerSearchSubmit
	{
		text-align: left;
	}

/* ErgebnisBox */
#partnerSearchSubmit
	{
        border: none;
		background-color: #009036;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
    }

#partnerSearchBox
	{
   		position: absolute;
		border: solid 4px #009036;
        display: none;
		width: 400px;
		height: 500px;
		top: 50px;
		left: 40px;
		z-index: 3000;

    }
#partnerSearchBoxClose
	{
        background-color: #009036;
		color: #fff;
		height: 20px;
		text-align: right;
		cursor: pointer;
		padding-right: 10px;
		font-weight: bold;
    }
#partnerSearchList
	{
		width: 400px;
		height: 480px;
    }

#partnerList_noscript
	{
		background: #fff;
		position: absolute;
		width: 678px;
		z-index: 5000;
		top: 0px;
		left: 5px;
		padding: 10px;
    }
#partnerList_noscript h1
	{
        position: static!important;
		text-indent: 0;
		margin: 0;
    }







/*************************
	POPUP Fachhändler
**************************/

#popupContent
	{
		text-align: left;
		background-color: #fff;
		min-height: 775px;
	}
#popup_keyvisual
	{
		padding-top: 10px;
		background-repeat: no-repeat;
		background-position: center;
	}

#popupContent h1, #popupContent h2
	{
		margin: 0;
		padding: 5px 10px 5px 10px;
		font-weight: normal;
		color: #7A7A7A;
		text-indent: 0;
		font-family: Arial, sans-serif;
    }
#popupContent h1
	{
		border-top: solid 1px #A2A3A6;
		margin-top: 10px;
        font-size: 1.6em;
		padding: 8px 10px 0 10px;
    }
#popupContent h3
	{
		font-weight: bold;
		font-size: 1.1em;
    }


#popupContent #textBlock, #popupContent #textBlock1
	{
		float: none;
		width: auto;
        padding: 10px;
    }
#popupContent #textBlock
	{
		border-top: solid 1px #A2A3A6;
		background-color: #fff;
    }
#links
	{
        list-style: none;
		margin: 1em 0;
    }
#routingForm form, #routingForm p
	{
        margin: 0;
    }
#routingForm
	{
		padding-top: 1em;
        margin-bottom: 3em;
		font-size: 0.9em;
		line-height: 1.2em;
		border-top: solid 1px #A2A3A6;
    }
#routingForm .input
	{
        width: 300px;
    }
#routingForm .button
	{
        width: auto;
		margin: 0;
    }

/*************************
	FOOTER
**************************/
#footerBox
	{
		position: relative;
		clear: both;
		padding: 30px 0 20px 244px;
		font-size: 0.9em;
		text-align: right;
		color: #9BA3B6;
	}
#footerBox a
	{
		color: inherit;
		text-decoration: none;
	}
#footerBox a:hover
	{
		text-decoration: underline;
	}
#accessibility
	{
		position: absolute;
		left: 244px;
		top: 30px;
	}
#accessibility .accLink
	{
		font-weight: bold;
	}


/*************************
	FORMULARE
**************************/

form
	{
		padding: 0;
		/*width: 450px;*/
	}
input, textarea, select
	{
		width: 250px;
	}
.fbError
	{
		color: #cc0000;
	}
.fbError input, .fbError textarea
	{
		border: solid 2px #cc0000;
	}
.formField
	{
		clear: both;
		padding: 2px 0;
	}

.formField label
	{
		width: 120px;
		float: left;

	}
.button
	{
		margin-left: 120px;
	}


.radio
	{
		width: auto;
	}

.radioSet
	{
		display: inline;
		padding-right: 1em;
	}
.radioLabel
	{
		position: relative;
		top: -2px;
		padding: 0 0.5em;
	}
.radioSet.fbError
	{
		border: none;
	}
.check
	{
		float: left;
		clear: both;
	}
.formField label.checkboxLabel, .formField label.radioLabel
	{
		position: relative;
		top: 0;
		float: none;
		padding-left: 0.5em;
		width: 100%;
	}
.formHint
	{
		clear: both;
		padding: 1em 0;
		font-size: 0.8em;
		margin-left: 120px;
	}
.formField h4	{ padding: 1em 0; font-weight: bold; font-size: 1em;}








.alertBox h4
	{
		display: none;
		font-size: 1.2em;
	}
.alertBox
	{
		color: #cc0000;
		padding: 0 0 20px 50px;
		background: transparent url(/images/alertSign.gif) no-repeat left top;
		margin-top: 20px;
	}
.alertBox ul
	{
		color: #cc0000
	}