/*                                 KUNTZE
                                                                                       */

@import url(produktfinder.css);


/******************************** CONTAINER **********************************************************
*****************************************************************************************************/
.unterstrichen
{
    text-decoration: underline;
}
.kein_rand
{
    border: 0;
}
.mit_rand
{
    border: 1px solid #ccc;
}
.maximal
{
    width: 100%;
}
.maximal_mit_rand
{
    width: 100%;
    border: 1px solid #ccc;
}
.dunkel
{
    background: #e3e3e3;
}
    .dunkel td
    {
        padding-left: 3px;
        padding-right: 3px;
    }
.hell
{
    background: #f6f6f6;
}
    .hell td
    {
        padding-left: 3px;
        padding-right: 3px;
    }

/******************************** STANDARDS **********************************************************
*****************************************************************************************************/

/****** TYPO3 csc-textpic ******/
.csc-textpic-image
{
    border: 1px solid #ccc;
}
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap
{
    margin-left: 30px !important;
}
.csc-textpic-caption
{
    padding: 8px 15px;
    color: #ccc;
    font-size: 11px;

    background: #666;
}
/*************/


*
{
    outline: none;
}

html
{
    overflow: -moz-scrollbars-vertical;
}

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

    color: #666;
    font: 12px Arial, Helvetica, sans-serif;

    background: #000 url(../images/construct/body_background_messeraum_gr.jpg) center 0 no-repeat;
}

a, a:hover
{
    color: #333;
    outline: none;
    text-decoration: underline;
}
a:hover { text-decoration: none }

a.pdfDownload, a.pdfDownload:hover
{
    display: block;
    
    padding: 0 0 0 22px;
    
    background: url(../images/construct/pdfDownload.gif) 0 0 no-repeat;
}

br.clearAll
{
    position: relative;
    display: block;
    clear: both;
    z-index: -10;

    line-height: 0 !important;
}

h1
{
    margin: 0 0 16px 0;
    padding: 0;

    line-height: 18px;
    font-size: 16px;
    font-weight: bold;
}
h2
{
    margin: 0 0 10px 0;
    padding: 0;

    color: #666;
    line-height: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
h3
{
    margin: 12px 0 4px 0;
    padding: 0;

    line-height: 16px;
    font-size: 12px;
    font-weight: bold;
}


div.teaser_rechts_sensoren h3 {color: #c1d72e;}
div.teaser_rechts_systeme h3 {color: #0eb3ca;}
div.teaser_rechts_geraete h3 {color: #f1a939;}
div.teaser_rechts_profil h3 {color: #495660;}

h3.systeme {color: #0eb3ca !important;}
h3.profil {color: #495660 !important;}
h3.sensoren {color: #c1d72e !important;}
h3.geraete {color: #f1a939 !important;}

hr
{
    position: relative;
    clear: both;

    margin: 0 0 10px 0;
    padding: 0;
    height: 1px;

    color: #dadada;

    border: 0;
    background: #dadada;
}

img
{
    border: 0;
}
img.headline
{
    display: block;

    margin: 0 0 10px 0;
}

input, select, textarea
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #666;
}

map
{
    display: none;
}

p
{
    margin: 0 0 14px 0;
    padding: 0;

    line-height: 16px;
}

ul
{
    margin: 2px 0 19px 0;
    padding: 0 0 0 10px;

    line-height: 19px;
}
    ul li
    {
        margin: 0 0 1px 0;
        padding: 0 0 0 8px;

        list-style: none;

        background: url(../images/construct/arrow_grey.gif) 0 7px no-repeat;
    }
ol
{
    margin: 2px 0 12px 0;
    padding: 0 0 0 30px;

    line-height: 19px;
}
    ol li
    {
        margin: 0 0 4px 0;
        padding: 0;
    }

table
{
    border-spacing: 0;
}
    td
    {
        padding: 3px 0;
    }

/******************************** CONTAINER **********************************************************
*****************************************************************************************************/
div#container
{
    position: relative;

    margin: 0 auto;
    width: 968px;
}
    /******************************** NAVIGATION *****************************************************
    *************************************************************************************************/
    div#navigation_carpet
    {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        display: none;

        height: 100%;

        background-color: #011837;
        -moz-opacity: 0.45;
        -khtml-opacity: 0.45;
        filter:Alpha(opacity = 45);
        opacity: 0.45;
    }
    html>/**/body div#navigation_carpet {
        z-index: 1000;
    }
    div#navigation
    {
    }
        div#navigation_content1
        {
            position: relative;

            margin: 0 auto;
            width: 968px;
        }
            div#navigation_content2
            {
                position: absolute;
                top: 50px;
                right: 20px;
                height: 52px;

                z-index: 2000;
                overflow: hidden;

                font-size: 12px;
                color: #fff;
            }
                div#navigation_content2 a, div#navigation_content2 a:hover
                {
                    display: block;
                    float: left;

                    margin: 0 0 0 -6px;
                    padding: 0 0 0 10px;
                    height: 53px;

                    color: #fff;
                    font-weight: bold;
                    text-decoration: none;

                    background: url(../images/construct/navigation_background_left.png) 0 0 no-repeat;
                }
                    div#navigation_content2 a span, div#navigation_content2 a:hover span
                    {
                        display: block;

                        padding: 10px 14px 0 4px;
                        height: 43px; /*53px*/

                        cursor: pointer;

                        background: url(../images/construct/navigation_background_right.png) right 0 no-repeat;
                    }
                div#navigation_content2 a.active, 
				div#navigation_content2 a.active:hover
                {
                    background: url(../images/construct/navigation_background_left2.png) 0 0 no-repeat;
                }
                    div#navigation_content2 a.active span, 
					div#navigation_content2 a.active:hover span
                    {
                        background: url(../images/construct/navigation_background_right2.png) right 0 no-repeat;
                    }
                div#navigation_content2 a.active_short, 
				div#navigation_content2 a.active_short:hover
                {
                    background: url(../images/construct/navigation_background_left3.png) 0 0 no-repeat;
                }
                    div#navigation_content2 a.active_short span, 
					div#navigation_content2 a.active_short:hover span
                    {
                        background: url(../images/construct/navigation_background_right3.png) right 0 no-repeat;
                    }
                div#navigation_content2 a.active_permanent, 
				div#navigation_content2 a.active_permanent:hover
                {
                    background: url(../images/construct/navigation_background_left3.png) 0 0 no-repeat;
                }
                    div#navigation_content2 a.active_permanent span, 
					div#navigation_content2 a.active_permanent:hover span
                    {
                        background: url(../images/construct/navigation_background_right3.png) right 0 no-repeat;
                    }

                div#navigation_layer
                {
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 2000;

                    width: 255px;
                }
                    div#navigation_layer_content_produkte,
                    div#navigation_layer_content_parameter,
                    div#navigation_layer_content_anwendungen,
                    div#navigation_layer_content_ueberuns,
                    div#navigation_layer_content_downloads,
                    div#navigation_layer_content_kontakt2,
					div.navigation_layer_content
                    {
                        position: absolute;
                        top: 51px;
                        left: -6px;
                        z-index: 2000;

                        width: 2000px;
                    }
                        div#navigation_layer_middle
                        {
                            position: relative;
                            overflow: hidden;

                            padding: 15px 0 18px;

                            background: #040B0F;
                        }
                        div#navigation_layer_content_produkte div#navigation_layer_middle
                        {
                            padding-bottom: 38px;
                        }
                        div#navigation_layer_bottom
                        {
                            height: 5px;

                            line-height: 5px;

                            background: url(../images/construct/navigation_layer_background_bottom.png) 0 bottom no-repeat;
                        }
                            div#navigation_layer_content_produkte ul,
                            div#navigation_layer_content_parameter ul,
                            div#navigation_layer_content_anwendungen ul,
                            div#navigation_layer_content_ueberuns ul,
                            div#navigation_layer_content_downloads ul,
                            div#navigation_layer_content_kontakt2 ul,
							div.navigation_layer_content ul
                            {
                                margin: 0;
                                padding: 0;
                            }
                                div#navigation_layer_content_produkte ul li,
                                div#navigation_layer_content_parameter ul li,
                                div#navigation_layer_content_anwendungen ul li,
                                div#navigation_layer_content_ueberuns ul li,
                                div#navigation_layer_content_downloads ul li,
                                div#navigation_layer_content_kontakt2 ul li,
								div.navigation_layer_content ul li
                                {
                                    margin: 0;
                                    padding: 0;
                                }
                                .navigation_list_li {
                                    background-image: none;
                                }
                                .navigation_list_li:hover div.navi_sub_container {
                                    display: block;
                                }
                                    div#navigation_layer_content_produkte a, div#navigation_layer_content_produkte a:hover,
                                    div#navigation_layer_content_parameter a, div#navigation_layer_content_parameter a:hover,
                                    div#navigation_layer_content_anwendungen a, div#navigation_layer_content_anwendungen a:hover,
                                    div#navigation_layer_content_ueberuns a, div#navigation_layer_content_ueberuns a:hover,
                                    div#navigation_layer_content_downloads a, div#navigation_layer_content_downloads a:hover,
                                    div#navigation_layer_content_kontakt2 a, div#navigation_layer_content_kontakt2 a:hover,
									#navigation_layer div.navigation_layer_content a, 
									#navigation_layer div.navigation_layer_content a:hover
                                    {
                                        display: block;
                                        float: none;

                                        margin: 0 0 3px 4px;
                                        padding: 0 0 0 34px;
                                        width: 167px;
                                        height: auto;

                                        color: #b4b5b6;
                                        font-weight: bold;
                                        line-height: 20px;
                                        text-decoration: none;

                                        background: url(../images/construct/navigation_layer_a_background.gif) 22px 5px no-repeat;
                                    }
                                    div#navigation_layer_content_produkte a.active, div#navigation_layer_content_produkte a.active:hover,
                                    div#navigation_layer_content_parameter a.active, div#navigation_layer_content_parameter a.active:hover,
                                    div#navigation_layer_content_anwendungen a.active, div#navigation_layer_content_anwendungen a.active:hover,
                                    div#navigation_layer_content_ueberuns a.active, div#navigation_layer_content_ueberuns a.active:hover,
                                    div#navigation_layer_content_downloads a.active, div#navigation_layer_content_downloads a.active:hover,
                                    div#navigation_layer_content_kontakt2 a.active, div#navigation_layer_content_kontakt2 a.active:hover,
                                    div#navigation_layer_content_produkte a:hover,
                                    div#navigation_layer_content_parameter a:hover,
                                    div#navigation_layer_content_anwendungen a:hover,
                                    div#navigation_layer_content_ueberuns a:hover,
                                    div#navigation_layer_content_downloads a:hover,
                                    div#navigation_layer_content_kontakt2 a:hover,
									div.navigation_layer_content a:hover,
									div.navigation_layer_content a.active
                                    {
                                        background: #323b3e;
                                        background-image: none;
                                    }
                                        div.navi_sub_container
                                        {
                                            position: absolute;
                                            z-index: 999;
                                            top: 0;
                                            left: 200px;
                                            display: none;

                                            width: 300px;
                                            height: 100%;
                                            margin: 0 0 3px 0;
                                            padding: 14px 0;

                                            background: url(../images/construct/navigation_layer_sub_background.gif) 0 0 repeat-x;
                                        }
                                            div#navigation_layer_middle div.navi_sub_container a, div#navigation_layer_middle div.navi_sub_container a:hover
                                            {
                                                margin: 0 0 3px 11px;
                                                padding: 0 0 0 5px;

                                                color: #c3c4c5;
                                                font-size: 11px;
                                                font-weight: normal;
                                                line-height: 13px;
                                                text-decoration: underline;

                                                background: url(../images/construct/arrow_grey.gif) 0 6px no-repeat;
                                            }
                                            div#navigation_layer_middle div.navi_sub_container a:hover
                                            {
                                                text-decoration: none;
                                            }

    /******************************** LANGUAGE *******************************************************
    *************************************************************************************************/
    div#language_select
    {
        position: absolute;
        right: 148px;
        top: 7px;
    }
        a#language_german, a#language_german:hover,
        a#language_english, a#language_english:hover
        {
            display: block;
            float: left;

            margin: 0 10px 0 0;
            padding: 4px 25px 4px 6px;

            color: #b0ebfc;
            font-size: 11px;
            text-decoration: none;

            background: url(../images/construct/language_german.png) right -33px no-repeat;
        }
        a#language_german:hover,
        a#language_english:hover
        {
            color: #fff;
            background-position: right 6px;
        }
        a#language_english, a#language_english:hover
        {
            background-image: url(../images/construct/language_english.png);
        }
        a#language_german.active, a#language_german.active:hover,
        a#language_english.active, a#language_english.active:hover
        {
            color: #fff;
            cursor: default;
            font-weight: bold;

            background: #06111b url(../images/construct/language_german.png) right 5px no-repeat;
        }
        a#language_english.active, a#language_english.active:hover
        {
            background: #06111b url(../images/construct/language_english.png) right 5px no-repeat;
        }

	/******************************** FACEBOOK **************************************************
	 ********************************************************************************************/
		div#facebook
		{
			position: absolute;
			top: 0;
			right: 24px;
			background:#06111b;
		}
			a#facebook_icon, 
			a#facebook_icon:hover
			{
				display: block;
				float: left;
				
				padding: 18px 18px 0 18px;
	
				font-size: 11px;
				text-decoration: none;
				
				background: url(../images/construct/icon_facebook.png) center 8px no-repeat;
			}
			div#facebook iframe {
			    padding:7px 8px 0 0;
			}
			
	/******************************** FACEBOOK LIKE BOX **********************************************
	 *************************************************************************************************/		
		div#footer_start
		{	
			margin:0px; 
			position:absolute;
			width:100%;
			height:62px; 
			padding: 0px; 
			bottom: 0px;
		}
			div#footer_start_inner
			{	
				width:960px;
				margin: 0 auto;
				
			}
				div#footer_start_inner.facebook_like_box
				{
					width:290px;
					height:62px;
					background:#000;
				}
				
		/******************************** FACEBOOK/TWITTER/GOOGLE+ ***************************************
	 	*************************************************************************************************/	
			
		div#like.produkte
		{
			float:right;
			width:100px;
			/*margin-top: 12px*/
		}
		div#like.news ,
		div#like.parameter
		{
			float:right;
			width:230px;
			
			margin-top: -23px;
			margin-right: -38px;
		}
		div#like.parameter
		{
			margin-top: 0px;
			margin-right: -26px;

		}
			
			div#like.news .like_button,
			div#like.parameter .like_button
			{
				margin-top:0px;
				display:inline-block;
				margin-left: 10px;
				float:left;
			}

			div#like.produkte .like_button
			{
				text-align: right;
			}
			div#like.produkte .like_button + .like_button
			{
				margin-top:10px;
			}
			
			div#like.produkte .like_button.facebook
			{
				margin-right:-25px;
			}
				div#like.produkte .like_button.facebook.eng_facebook
				{
					margin-right:-54px;
				}
				
			
    /******************************** LOGO ***********************************************************
    *************************************************************************************************/
    a#kuntze_logo, a#kuntze_logo:hover,
    a#kuntze_logo_en, a#kuntze_logo_en:hover
    {
        position: absolute;
        top: 50px;
        left: 25px;
        overflow: hidden;
        z-index: 1500;

        padding: 68px 0 0 0;
        width: 302px;
        height: 0;

        background: url(../images/construct/kuntze_logo_white.png) 0 0 no-repeat;
    }
    a#kuntze_logo_en, a#kuntze_logo_en:hover
    {
        background: url(../images/construct/kuntze_logo_white_en.png) 0 0 no-repeat;
    }

    /******************************** ROOTLINE ********************************************************
    *************************************************************************************************/
    div#rootline
    {
        position: absolute;
        top: 152px;

        padding: 8px 0 0 24px;
        width: 944px; /*968px*/
        height: 25px; /*33px*/

        color: #505765;
        line-height: 17px;
        font-size: 16px;
        font-weight: bold;

        background-color: #000;
        -moz-opacity: 0.60;
        -khtml-opacity: 0.60;
        filter:Alpha(opacity = 60);
        opacity: 0.60;
    }
        div#rootline a, div#rootline a:hover
        {
            color: #505765;
            text-decoration: none;
        }
        div#rootline a:hover
        {
            text-decoration: underline;
        }
        div#rootline span.current
        {
            color: #fff;
        }
	/******************************** STARTSEITE TEASER ***********************************************
	 *************************************************************************************************/			
	
	div#startseite_teaser{
		position:absolute;
		top:122px;
		width:100%;
		clear:both;
		}		
		div#startseite_teaser_content{
		position:relative;
		margin:0 auto;
		width: 968px;
		height:150px;
		clear:both;
		}	
	div.teaser_new_product{
		background: url(../images/dialog_w_2_pr_r_small.jpg) 20px 20px no-repeat #fff;
		width: 280px;
		height:150px;
		float:left;
		margin-left: 28px;
		}	
		div.teaser_new_product_content{
			width: 120px;
			padding: 20px 20px 20px 0;
			margin-left:140px;
			}	
			div.teaser_new_product_content h3,
			div.teaser_new_product_content h4 {
			margin:0px;
			padding:0px;
			font-size:16px;
			margin-bottom:5px;
			}
			div.teaser_new_product_content h4 { color:#f1a939;}
			div.teaser_new_product_content p{
				margin:0px;
				padding:0px;
			}
			div.teaser_new_product_content a{
				text-decoration:none;
				display:inline-block;
				margin:15px 0 0 0;
				padding:0px;
				color:#666;
			}		
	div.teaser_aquatech{
		background: url(../images/content/startseite_teaser_neon.jpg) 0 0 no-repeat;
		width: 190px;
		height:135px;
		float:right;
		margin-right:24px;
		}	

    /******************************** CONTENT ********************************************************
    *************************************************************************************************/
    div#content
    {
        position: absolute;
        top: 185px;

        /*padding: 25px 331px 25px 25px;
        width: 612px; /*968px*/

        padding: 25px 25px 25px 25px;
        width: 918px; /* 968px */

        background: #fff;
    }
    body#body_produkte div#content
    {
        padding: 25px;
        width: 918px; /*968px*/
    }

    div#contentLeft
    {
        float: left;
        padding: 0 67px 0 0;
        width: 612px; /* 704px */
    }

    div#contentRight
    {
        float: right;
        padding: 0;
        width: 239px;
    }

        div.teaser_rechts_sensoren {
            padding: 20px 15px;
            border: 1px solid #dee997;
        }
        div.teaser_rechts_systeme {
            padding: 20px 15px;
            border: 1px solid #56cada;
        }
        div.teaser_rechts_geraete {
            padding: 20px 15px;
            border: 1px solid #f5c374;
        }
        div.teaser_rechts_profil {
            padding: 20px 15px;
            border: 1px solid #7f888f;
        }


        /******************************** TEASER INTROSITES ******************************************
        *********************************************************************************************/
        div.teaser_introsites
        {
            float: left;

            margin: 0 0 15px 0;
            padding: 97px 11px 0;
            width: 427px; /*449px*/
            height: 102px; /*199px*/
        }
            div.teaser_introsites h1
            {
                margin: 0 0 7px 0;

                color: #fff;
                font-size: 16px;
                font-weight: bold;
            }
            div.teaser_introsites p
            {
                margin: 0 0 7px 0;

                color: #d7d7d7;
                font-size: 11px;
                line-height: 13px;
            }
            div.teaser_introsites a, div.teaser_introsites a:hover
            {
                display: block;
                
                margin-top: 10px;
                
                color: #fff;
                font-size: 11px;
                font-weight: bold;
                line-height: 13px;
                text-decoration: none;
            }
        div.teaser_introsites.systeme,
        div.teaser_introsites.handgeraete,
        div.teaser_introsites.sensoren
        {
            margin-right: 20px;
        }
        div.teaser_introsites.mess_regelgeraete
        {
            background: url(../images/content/teaser_mess_regelgeraete.jpg);
        }
        div.teaser_introsites.sensoren
        {
            background: url(../images/content/teaser_sensoren.jpg);
        }
        div.teaser_introsites.armaturen
        {
            background: url(../images/content/teaser_armaturen.jpg);
        }
        div.teaser_introsites.handgeraete
        {
            background: url(../images/content/teaser_handgeraete.jpg);
        }
        div.teaser_introsites.systeme
        {
            background: url(../images/content/teaser_systeme.jpg);
        }
        div.teaser_introsites.zubehoer
        {
            background: url(../images/content/teaser_zubehoer.jpg);
        }

        /******************************** FOOTER *****************************************************
        *********************************************************************************************/
        div#footer
        {
            clear: both;

            margin: 45px 0 -175px -25px;
            padding: 10px 0 0 25px;
            width: 943px; /*968px*/
            height: 140px;

            color: #fff;
            font-size: 16px;
            font-weight: bold;

        background-color: #000;
        -moz-opacity: 0.60;
        -khtml-opacity: 0.60;
        filter:Alpha(opacity = 60);
        opacity: 0.60;
        }
            div#footer a, div#footer a:hover
            {
                display: block;

                margin: 10px 0 0 0;

                color: #aeaeae;
                font-size: 12px;
                font-weight: normal;
            }

/******************************** CONTENT START ******************************************************
*****************************************************************************************************/
div#content_start
{
    position: absolute;
    top: 390px;
}
    div#content_start_container0
    {
        position: relative;
        z-index: 500;

        margin: 0 auto;
        width: 968px;
        height: 172px;

		filter:Alpha(opacity = 100);
		opacity: 100;
		
		color: #bbb;
    }
        div#content_start_news,
        div#content_start_produkte,
        div#content_start_parameter,
        div#content_start_anwendungen
        {
            float: left;

            padding: 12px 23px;
            width: 196px; /*242px*/
        }
        div#content_start_news h1,
        div#content_start_produkte h1,
        div#content_start_parameter h1,
        div#content_start_anwendungen h1
        {
            margin: -17px 0 10px -23px;
            padding: 17px 23px 0;

            color: #fff;

            background-position: 14px 0;
            background-repeat: no-repeat;
        }
        div#content_start_news h1
        {
            background-image: url(../images/construct/content_start_news_corner.gif);
        }
        div#content_start_produkte h1
        {
            background-image: url(../images/construct/content_start_produkte_corner.gif);
        }
        div#content_start_parameter h1
        {
            background-image: url(../images/construct/content_start_parameter_corner.gif);
        }
        div#content_start_anwendungen h1
        {
            background-image: url(../images/construct/content_start_anwendungen_corner.gif);
        }
        div#content_start_news h1
        {
            color: #bbb;
        }
        div#content_start_news a, div#content_start_news a:hover,
        div#content_start_produkte a, div#content_start_produkte a:hover,
        div#content_start_parameter a, div#content_start_parameter a:hover,
        div#content_start_anwendungen a, div#content_start_anwendungen a:hover
        {
            display: block;

            margin: 0 0 11px 0;
            padding: 0 0 0 10px;

            color: #fff;
            font-weight: bold;
            text-decoration: none;
            background: url(../images/construct/arrow_white.gif) 0 5px no-repeat;;
        }
        div.content_start_news_old a, div.content_start_news_old a:hover
        {
            padding: 0 !important;

            color: #bbb !important;

            background: none !important;
        }
        div#content_start_container0 a:hover
        {
            text-decoration: underline;
        }

    div#content_start_container
    {
        z-index: 450;
		position: relative;

        margin:-172px 0 0 0;
        height: 172px;

        background-color: #000;
        -moz-opacity: 0.60;
        -khtml-opacity: 0.60;
        filter:Alpha(opacity = 60);
        opacity: 0.60;
    }


/**************************************** NEWS ******************************************************
*****************************************************************************************************/
div.news_date {
    float: left;
    width: 88px;
}
    div.tag {
        float: left;
    }
    div.monat {
        float: left;
    }
    div.jahr {

    }

div.news-list-item h1 {
    margin-bottom: 8px;
}
    div.news-list-item h1 a {
        text-decoration: none;
    }
    div.news-list-item-image {
        float: right;
        margin: 0 0 10px 0;
        border: 1px solid #CCC;
    }
    .news-list-morelink a {
        padding: 0 0 0 8px;
        font-weight: bold;
        text-decoration: none;
        background: url(../images/construct/arrow_grey.gif) 0 7px no-repeat;
    }

div.news-single-item h3 {
    margin-bottom: 16px;
}
div.news-single-timedata {
    text-align: right;
    margin: 0 0 16px 0;
}
div.news-single-img {
    float: left;
    margin: 0 20px 8px 0;
    border: 1px solid #CCC;
}
    div.news-single-img p{
        margin: 0;
    }
    p.news-single-imgcaption {
        padding: 8px 15px;
        color: #ccc;
        font-size: 11px;

        background: #666;
    }
	.news-single-backlink a {
        clear:both;
    }
		.news-single-backlink a {
			padding: 0 0 0 8px;
			font-weight: bold;
			text-decoration: none;
			background: url(../images/construct/arrow_grey_left.gif) 0 7px no-repeat;
		}

hr.clearer {
    clear: both;
    margin: 8px 0 24px 0;
    background: #dbdddf;
}

/* BROWSEBOX */
div.tx-ttnews-browsebox, .browseBoxWrap {
    margin: 0;
    padding: 0;
}
div.tx-ttnews-browsebox p {
    margin: 0;
    padding: 0;
}
div.tx-ttnews-browsebox td {
    text-align: center;
    background: #DBDDDF;
}
div.tx-ttnews-browsebox a {
    padding: 4px 6px 4px 6px;
    text-decoration: none;
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
    font-weight: bold;
}
.tx-ttnews-browsebox-SCell p,.tx-ttnews-browsebox td p{
    margin: 0;
    padding: 0;
}

.tx-ttnews-browsebox-SCell {
    background: #333 !important;
}
.tx-ttnews-browsebox-SCell a {
    color: #FFF;
    text-decoration: none;
}
.news-search-emptyMsg {

}





/**************************************** PRODUKTE **************************************************
*****************************************************************************************************/



table.produkte_uebersicht
{
    border: 0;
    width: 100%;
}

    .produkte_uebersicht td
    {
        padding-bottom: 30px;
        vertical-align: top;
        width: 50%;
    }

        .produkte_uebersicht div.produkte_img 
        {
            width: 113px;
            height: auto;
            text-align: center;
            border: 2px solid #dadada;
            float: left;
            margin-right: 15px;
            padding: 1px;
        }


        .produkte_uebersicht div.produkte_img:hover {
            cursor: pointer; 
        }
            
            
        .produkte_uebersicht div.produkte_img img
        {
            width: auto;
            height: auto;
        }

        .produkte_uebersicht a
        {
         /*   float: left; */
        }

        .produkte_uebersicht div.produkte_text
        {
            float: left;
            font-size: 11px;
            width: 150px;
        }

            .produkte_text h1
            {
                color: #333;
                font-size: 12px;
                margin: 0 0 5px 0;
            }

            .produkte_text h2
            {
                color: #c2dee6;
                font-size: 12px;
                margin: -2px 0 0 0;
            }

            .produkte_text a.uebersicht
            {
                background:url(../images/construct/arrow_black.gif) 0 5px no-repeat;
                padding-left: 5px;
                text-decoration: none;
            }

            .produkte_text a.uebersicht:hover
            {
                text-decoration: underline;
            }



div#produkte_details
{
}

    div#produkte_details a.backLink
    {
        background:url(../images/construct/arrow_grey_left.gif) 0 5px no-repeat;
        padding-left: 7px;
        text-decoration: none;
        color: #666;
    }

    div#produkte_details img.productDetailsImage {
/*        width: 330px;
        height: auto; */
        padding-top: 2px;
        padding-bottom: 2px;
    }

    div#produkte_details div.imageContainer
    {
        border:2px solid #DADADA;
        width: 335px;
        float: left;
        text-align: center;
    }
    
    div#produkte_details span.bild_unterschrift
    {
        background: #DADADA;
        color: #000;
        display: block;
        padding: 2px 4px;
    }
    
    div#produkte_details div.produktbilder
    {
        float: right;
        margin-left: 10px;
    }
    
    div#produkte_details div.masszeichnung
    {
        margin-top: 40px;
    }
    
    div#produkte_details h1
    {
        margin: 36px 0 10px 0;
    }

    div#produkte_details h1.h1XXL
    {
        margin-top: 5px;
        font-size: 36px;
        line-height: normal;
    }
    
    div#produkte_details h1.productSubTitle
    {
        margin: -12px 0 30px 0;
        
        line-height: normal;
    }    

    div#produkte_details h2
    {
        color: #424c51;
        font-size: 12px;
        margin: 0 0 5px 0;
    }

    div#produkte_details h3
    {
        color: #424d4f;
        font-weight: normal;
        margin: 0;
    }
    div#produkte_details ul, div#produkte_details li
    {
        /*margin:0 0 0 -4px !important;*/
    }
    
    div#highlightsContainer {
        margin-top: 26px;
    }

    div#produkte_details table.tableLevel1,
    div#produkte_details table.tableLevel2 {
        border: 0;
        margin: 0;
        padding: 0;
    }
    
    div#produkte_details table.tableLevel1 td,
    div#produkte_details table.tableLevel2 td {
        padding-bottom: 10px;
    }

    div#produkte_details table td {
        padding: 0 5px 1px 0;
        vertical-align: top;
    }
    
    div#produkte_details table td.labelCell {
        width: 210px;    
    }

    body#body_systeme div#produkte_details h1
    {
        color:#0eb3ca;
    }

    body#body_systeme div#produkte_details h2
    {
        color:#0eb3ca;
    }

    body#body_messgeraete div#produkte_details h1
    {
        color:#f1a939;
    }
    body#body_messgeraete div#produkte_details h2
    {
        color:#f1a939;
    }

    body#body_sensoren div#produkte_details h1
    {
        color:#c1d72e;
    }
    body#body_sensoren div#produkte_details h2
    {
        color:#c1d72e;
    }

    body#body_armaturen div#produkte_details h1
    {
        color:#b30b3b;
    }
    body#body_armaturen div#produkte_details h2
    {
        color:#b30b3b;
    }

    body#body_handgeraete div#produkte_details h1
    {
        color:#FAA637;
    }
    body#body_handgeraete div#produkte_details h2
    {
        color:#FAA637;
    }


    body#body_zubehoer div#produkte_details h1
    {
        color:#FFDC00;
    }
    body#body_zubehoer div#produkte_details h2
    {
        color:#FFDC00;
    }

    body#body_systeme div.downloadCollector
    {
        border-color: #0eb3ca;
    }

    body#body_messgeraete div.downloadCollector
    {
        border-color: #f1a939;
    }

    body#body_sensoren div.downloadCollector
    {
        border-color: #c1d72e;
    }

    body#body_armaturen div.downloadCollector
    {
        border-color: #b30b3b;
    }

    body#body_handgeraete div.downloadCollector
    {
        border-color: #FAA637;
    }

    body#body_zubehoer div.downloadCollector
    {
        border-color: #FFDC00;
    }
    div.downloadCollector ul
    {
        margin: 7px 0 4px;
    }
        a.downloadCollector-zip, a.downloadCollector-zip:hover
        {
            display: block;
            
            padding: 1px 0 14px 23px;
            
            text-decoration: none;
            
            background: url(../images/construct/disk_multiple.png) 0 0 no-repeat;
            border-bottom: 1px solid #ccc;
        }
        a.downloadCollector-item, a.downloadCollector-item:hover
        {
            text-decoration: none;
            font-weight: bold;
        }
        a.downloadCollector-item:hover
        {
            text-decoration: underline;
        }
        a.downloadCollector-deleteItem, a.downloadCollector-deleteItem:hover
        {
            display: block;
            overflow: hidden;
            float: right;
            
            padding: 16px 0 0 0;
            width: 16px;
            height: 0;
            
            background: url(../images/construct/bullet_toggle_minus.png) 0 0 no-repeat;
        }
        a.downloadCollector-deleteAll, a.downloadCollector-deleteAll:hover
        {
            display: block;
            
            padding: 15px 0 0 23px;
            
            text-decoration: none;
            
            background: url(../images/construct/cross.png) 0 14px no-repeat;
            border-top: 1px solid #ccc;
        }
    
    
    
    
    
    body#body_systeme div.downloadCollector h1
    {
        color: #0eb3ca;
    }

    body#body_messgeraete div.downloadCollector  h1
    {
        color: #f1a939;
    }

    body#body_sensoren div.downloadCollector  h1
    {
        color: #c1d72e;
    }

    body#body_armaturen div.downloadCollector  h1
    {
        color: #b30b3b;
    }

    body#body_handgeraete div.downloadCollector  h1
    {
        color: #FAA637;
    }

    body#body_zubehoer div.downloadCollector  h1
    {
        color: #FFDC00;
    }
    
    
    

    div.downloadCollector {
        margin-bottom: 10px;
        padding: 16px;
        border: 1px solid;
    }
    
    a#downloadCollectorAddItemLink,
    a#downloadCollectorAddItemLink:hover,
    span#downloadCollectorItemInCollector {
        display: block;
        margin-top: 2px;
        text-decoration: none;
        font-size:16px;
        font-weight:bold;
        line-height:18px;

    }
    
/******************************** Kontaktdaten ****************************************************
**************************************************************************************************/

body#body_kontakt div.tx-rbflashobject-pi1-swf_altcontent {
    float: right;
    border: 1px solid #ccc;
    margin: 0 0 6px 0;
}

/* VISITENKARTEN */
body#body_kontakt div#contentLeft div.csc-textpic-intext-right
{
    position: relative;
    height: 170px;
    margin-bottom: 10px;
    
    border-bottom: 1px solid #DADADA;
}
body#body_kontakt div#contentLeft div.csc-textpic-imagewrap
{
    position: absolute;
    z-index: 0;
}
body#body_kontakt div#contentLeft div.csc-textpic-imagewrap
{
    right: 0;
}


body#body_kontakt div.vcards {
    position: absolute;
    
    width: 247px;
    height: 160px;
    top: 0;
    right: 123px;
    margin: 0 10px 0 0;
    
    border: 1px solid #CCCCCC;
    
    z-index: 99;
}

body#body_kontakt a.vcardsOver {
    position: absolute;
    display: block;
    width: 382px;
    height: 162px;
    top: 0;
    right: 0;
    
    z-index: 999;
}

    body#body_kontakt div#vcard1 { background: url(../images/content/kontakt/vc_frank_dubiel.gif) 0 0 no-repeat; }
	body#body_kontakt div#vcard2 { background: url(../images/content/kontakt/vc_kerstin_holle.gif) 0 0 no-repeat; }
    body#body_kontakt div#vcard3 { background: url(../images/content/kontakt/vc_klaus_hoberg.gif) 0 0 no-repeat; }
    /*body#body_kontakt div#vcard4 { background: url(../images/content/kontakt/vc_michael_hueskes.gif) 0 0 no-repeat; }*/
    body#body_kontakt div#vcard4 { background: url(../images/content/kontakt/vc_amadeus_widera.gif) 0 0 no-repeat; }
/* VISITENKARTEN */


/******************************** Über uns ********************************************************
**************************************************************************************************/
body#body_ueberuns .csc-textpic-image, body#body_asr .csc-textpic-image
{
    border: 0;
}


/******************************** Trinkwasser Info-Bild *******************************************
**************************************************************************************************/

#trinkwasserSkizze
{
    border: 1px solid #ccc;
    
    position: relative;
}
    #trinkwasserSkizze .infoLink
    {        
        position: absolute;
        
        top: 0px;
        left: 100px;
        text-decoration: none;
        
        display: block;
        background: url(../images/construct/blank.gif);
    }
    #trinkwasserSkizze .infoLink:hover
    {        
        z-index: 999;
    }
    
    /* Link - Ozonung */
    #trinkwasserSkizze #infoLink-ozonung
    {        
        height:107px;
        left:223px;
        top:46px;
        width:73px;
    }
    /* Link - Enthärtung */
    #trinkwasserSkizze #infoLink-enthaertung
    {        
        height:140px;
        left:423px;
        top:23px;
        width:78px;
    }
    /* Link - Entsäuerung */
    #trinkwasserSkizze #infoLink-entsaeuerung
    {        
        height:122px;
        left:316px;
        top:53px;
        width:86px;
    }
    /* Link - Desinfektion */
    #trinkwasserSkizze #infoLink-desinfektion
    {        
        height:54px;
        left:302px;
        top:256px;
        width:90px;
    }
    
        #trinkwasserSkizze .infoLink .infoLinkIcon
        {
            float:right;
            
            width: 16px;
            height: 16px;
            display: block;
            background: url(../images/construct/info_icon.gif) no-repeat 0 -16px; 
        }
        #trinkwasserSkizze .infoLink:hover .infoLinkIcon
        {
            background: url(../images/construct/info_icon.gif) no-repeat 0 0px; 
        }
        #trinkwasserSkizze .infoLink .infoLinkContent
        {
            display: none;
            position: absolute;
            top: 3px;
            z-index: 9999;
            background:#7F888F;
            padding: 3px;
        }
        #trinkwasserSkizze .infoLink:hover .infoLinkContent { display: block; }
        
        #trinkwasserSkizze .infoLink .infoLinkContent span
        {
            color: #fff;
            display: block;
            
            white-space: nowrap;
            
            padding: 5px 0 3px;
        }
        
        /* Text - Ozonung */
        #trinkwasserSkizze #infoLink-ozonung .infoLinkContent
        {        
            right:37px;
            top:18px;
        }
        /* Text - entsaeuerung */
        #trinkwasserSkizze #infoLink-entsaeuerung .infoLinkContent
        {        
            left:93px;
        }
        /* Text - Desinfektion */
        #trinkwasserSkizze #infoLink-desinfektion .infoLinkContent
        {        
            left:95px;
        }
        /* Text - enthaertung */
        #trinkwasserSkizze #infoLink-enthaertung .infoLinkContent
        {        
            left:80px;
        }
        
    /* Link - Navigation */
    
    
    .backlinkTop
    {
        position: absolute;
        right:345px;
        top:30px;
    }
    .backlinkBottom
    {
        position: absolute;
        right:345px;
        bottom:30px;
    }

/******************************** Tippspiel Badge *************************************************
**************************************************************************************************/

a.tippsiel_badge
{
    background: url(../images/content/startseite_wm_tippspiel.jpg) 0 0 no-repeat;
    width:244px;
    height:127px;
    display:block;
    left:-715px;
    position:absolute;
    top:157px;
}

/******************************** Tippspiel Badge *************************************************
**************************************************************************************************/

a.tippsiel_badge
{
    background: url(../images/content/startseite_wm_tippspiel.jpg) 0 0 no-repeat;
    width:244px;
    height:127px;
    display:block;
    left:-715px;
    position:absolute;
    top:157px;
}

/******************************** Tippspiel Frame *************************************************
**************************************************************************************************/
#tippspiel
{
    position: fixed;
    margin: auto;
    z-index: 9999999999 !important;
}
.dialog
{
    -moz-box-shadow: 0px 0px 20px #000;
    -webkit-box-shadow: 0px 0px 20px #000;
    height:416px !important;
}

#tippspiel_top,
td.alphacube_nw,
td.alphacube_sw,
td.alphacube_s,
td.alphacube_se,
td.alphacube_ne,
td.alphacube_n,
td.alphacube_nw
{
    display:none;
}

.alphacube_w
{
    width:4px;
}
.alphacube_e
{
    width:4px;
}

.alphacube_close
{
    background:url("../images/construct/fancy_close.png") no-repeat scroll 0 0 transparent;
    cursor:pointer;
    height:31px;
    position:absolute;
    right:-14px;
    top:-10px;
    width:31px;
    z-index:1000;
}

/******************************** TABS *************************************************
**************************************************************************************************/

UL.tabNavigation {
		    list-style: none;
		    margin: 0;
		    padding: 0;
			border-bottom: solid 5px #979797;
			height: 31px;
			width: 913px;
		}

		UL.tabNavigation LI {
		    display: inline;
			padding: 0;
			position: relative;
		}

		UL.tabNavigation LI A {
		    color: #888888;
		    text-decoration: none;
			background: #ececec;
			padding: 14px 12px;
		}

		UL.tabNavigation LI A.selected,
		UL.tabNavigation LI A:hover {
		    background-color: #979797;
		    color: #fff;
			padding: 18px 12px 14px 12px;
		    /*padding-top: 7px;*/
		}
		
		UL.tabNavigation LI A:focus {
			outline: 0;
		}

		div.tabs > div {
			padding: 5px;
			margin-top: 3px;
		}
		
		div.tabs > div h2 {
			margin-top: 0;
		}
		
		.waste {
			min-height: 1000px;
		}
		
		.shadow {
			background: url(../images/navi-shadow.png) no-repeat;
			width:11px;
			height: 49px;
			
			position: absolute;
			right: -8px;
			bottom: -15px;
			
			display: none;
		}
		
		*+html .shadow { bottom: -1px; }
			
		.shadowLast {
			background: url(../images/navi-shadow-last.png) no-repeat;
			width:11px;
			height: 49px;
			
			position: absolute;
			right: -8px;
			bottom: -20px;
			z-index: 10;
			display: none;
		}
		
		*+html .shadowLast { top: 4px; }
		
		@media screen and (-webkit-min-device-pixel-ratio:0)
		{
		 .shadowLast
		 {
		 right: -11px; /* The text will appear red only in Safari and Google Chrome */
		 }
		}
		
		li.select .shadow,
		li.select .shadowLast,
		UL.tabNavigation LI:hover .shadow,
		UL.tabNavigation LI:hover .shadowLast { display: block; }
		
		UL.tabNavigation LI:hover .shadow  { z-index: 9; }
		
		li.select { z-index: 8; }
		li.select .shadow { z-index: 10; }
		
		 

/******************************** GALLERY *************************************************
**************************************************************************************************/

.ad-gallery {
  width: 342px; 
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 319px;
    /*margin-bottom: 10px;*/
    position: relative;
    overflow: hidden;
	border: solid 6px #dadada;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(../images/non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../images/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../images/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
	display: none;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
	  display: none!important;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 293px;
    position: relative;
	padding: 0 30px;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, * html .ad-gallery .ad-back {
      height: 25px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -1px;
      width: 20px;
      display: block;
      background: url(../images/ad_scroll_back.png) 0px 5px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -1px;
      width: 20px;
      background: url(../images/ad_scroll_forward.png) 0px 5px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
		margin: 0!important;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
		  margin: 0!important;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 1px solid #CCC;
              display: block;
			  padding: 2px;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 1px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

 .example {
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  ul {
    /*list-style-image:url(list-style.gif);*/
  }
  pre {
    font-family: "Lucida Console", "Courier New", Verdana;
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  code {
    font-family: "Lucida Console", "Courier New", Verdana;
    margin: 0;
    padding: 0;
  }

  #gallery {
    padding: 20px 10px;
	margin: 10px 0 0 0;
    background: #fff;
	float: right;
  }
  #descriptions {
    position: relative;
    height: 50px;
    background: #EEE;
    margin-top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden;
  }
    #descriptions .ad-image-description {
      position: absolute;
    }
      #descriptions .ad-image-description .ad-description-title {
        display: block;
      }

#grey-box {
	width:354px; height: 27px; background: #dadada; margin-bottom: 10px; text-align: center;
}

a#logoSmall { display: none; }
#tab01 {
    width:625px;
    float:left;
}
#tab02 {
    width:625px;
    float:left;
}
#tab03 {
    width:625px;
    float:left;
}
#tab04 {
    width:625px;
    float:left;
}
#tab05 {
    width:625px;
    float:left;
}
#tab06 {
    width:625px;
    float:left;
}
#tab07 {
    width:625px;
    float:left;
}
#tab08 {
    width:625px;
    float:left;
}
#tab09 {
    width:625px;
    float:left;
}