﻿body {
    margin: 0; 
    padding: 0;
    width: 100%; height: 100%;
    font: normal 0.7em Arial,Verdana,sans-serif;
    color: #666666;
    background-image: url(../images/hg_body.gif);
    background-repeat: repeat-y;
    background-position: center top;
}
 
span.ql /*, a.ql:link, a.ql:visited, a.ql:active*/
{
    display: block; 
    text-decoration: none;
    padding-left: 1.4em; 
    font-size:1.56em;
    background-image: url(../images/pfeil_gross_blau.gif); 
    background-repeat: no-repeat; 
    background-position: 0px 0.10em;
    width: 15em;
}


h2
{
    font-size: 1.1em;
    color: #008E98;
    margin-bottom: 0em;
}
.h_title
{			
		font-size:1.4em;	
}
.hotline
{
		font-size:1.50em;	
}
a
{
    color: #008E98;
}

a img
{
    border: 0px;
}

div
{
    position: relative;
}

input
{
    border: solid 0px; 
    height: 1.35em; 
    padding: 0em; 
    margin: 0em;
    width: 12.3em;
}
ul
{
    padding: 0em;
    /*padding-left: 1.2em;*/
    margin: 0em;
}

li
{
    margin: 0em;
    padding: 0em;
 
}
/*
ul
{
	left:0.3em;
	list-style-type:none;
}
ul li
{
		padding:0px;
	margin:0px;
}

li
{
	padding:0px;
	margin:0px;
	
	background-repeat:no-repeat;
	background-position:left 0.3em;
		
}
ul li ul
{
	list-style-type:none;	
	padding:0px;
	margin:0px;

}
*/
.tblFAQ ol li ul li, .highlight_txt ul li, ul.level1 li, ul.level2 li
{
	background-image: url(../images/list_punkt.png);
	padding:0px;
	margin:0px;
	
	list-style: none;
	padding-left: 1.2em;
	
	background-repeat:no-repeat;
	background-position:left 0.4em;
		
}
ul.otherNav
{	
    margin:0; padding: 0;
    margin-left: 0em;
}

ul.otherNav li
{
    margin: 0; 
    padding: 0; 
    list-style: none;
    border-left: solid 0.05em #008E98;
    padding-right: 0.4em;
    padding-left: 0.4em;    
    display: block;
    float: left;
    background-image: none;
}

ul.otherNav li a, ul.otherNav li a:visited, ul.otherNav li a:active, ul.otherNav li a:link
{
    color: #008E98; 
    text-decoration: none;
    text-align: left; 
    font-size: 1em;
}
ul.otherNav li a:hover, ul.otherNav li a:focus
{
    color: #008E98; 
    text-decoration: underline; 
    text-align: left;
    font-size: 1em; 
}
ul.otherNav li a.active, ul.otherNav li a.active:visited, ul.otherNav li a.active:active, ul.otherNav li a.active:link, ul.otherNav li a.active:focus, ul.otherNav li a.active:hover
{
    color: #008E98;     
    text-decoration: none; 
    text-align: left;
    font-size: 1em; 
    font-weight: bold;
}
ul.otherNav li div
{
    float: left;
}

ul.mainnavigation, ul.mainnavigation_Start
{
    margin: 0; padding: 0;
}

ul.mainnavigation li, ul.mainnavigation_Start li
{
    position: relative; 
    margin: 0; 
    padding: 0; 
    margin-right: 0.4em; 
    display: block; 
    float: left;
}

ul.mainnavigation li a, ul.mainnavigation li a:visited, ul.mainnavigation li a:active, ul.mainnavigation li a:link, ul.mainnavigation_Start li a, ul.mainnavigation_Start li a:visited, ul.mainnavigation_Start li a:active, ul.mainnavigation_Start li a:link
{
    display: block; 
    color: #50A3AB; 
    text-decoration: none; 
    line-height: 2.15em; 
    text-align: center; 
    width: 9.7em; 
    background-color: #fff; 
    height: 2.15em; 
    font-size: 1.1em; 
    background-image: url(../images/nav_l.gif); 
    background-repeat: no-repeat;
    padding: 0em;
    border: 0em;
}
ul.mainnavigation li a:focus, ul.mainnavigation li a:hover, ul.mainnavigation_Start li a:focus, ul.mainnavigation_Start li a:hover
{
    display: block; 
    color: #ffffff; 
    text-decoration: none; 
    line-height: 2.15em; 
    text-align: center; 
    width: 9.7em; 
    background-color: #51A4AB; 
    height: 2.15em; 
    font-size: 1.1em; 
    background-image: url(../images/nav_act_l.gif); 
    background-repeat: no-repeat;
}
ul.mainnavigation li a span, ul.mainnavigation_Start li a span
{
    position: absolute; 
    right: 0em; 
    top: 0em; 
    display: block; 
    width: 0.4em; 
    background-image: url(../images/nav_r.gif); 
    background-repeat: no-repeat; 
    background-position: right top;
    height: 2.15em;
}
ul.mainnavigation li a:focus span, ul.mainnavigation li a:hover span, ul.mainnavigation_Start li a:focus span, ul.mainnavigation_Start li a:hover span
{
    position: absolute; 
    right: 0em; 
    top: 0em; 
    display: block; 
    width: 0.4em; 
    background-image: url(../images/nav_act_r.gif); 
    background-repeat: no-repeat; 
    background-position: right top;
    height: 2.15em;
}
ul.mainnavigation li a.active, 
ul.mainnavigation li a.active:link, 
ul.mainnavigation li a.active:active, 
ul.mainnavigation li a.active:visited, 
ul.mainnavigation li a.active:hover, 
ul.mainnavigation li a.active.focus, 
ul.mainnavigation_Start li a.active, 
ul.mainnavigation_Start li a.active:link, 
ul.mainnavigation_Start li a.active:active, 
ul.mainnavigation_Start li a.active:visited, 
ul.mainnavigation_Start li a.active:hover, 
ul.mainnavigation_Start li a.active.focus
{
    display: block; 
    color: #ffffff; 
    text-decoration: none; 
    line-height: 2.15em; 
    text-align: center; 
    width: 9.7em; 
    background-color: #51A4AB; 
    height: 2.15em; 
    font-size: 1.1em; 
    background-image: url(../images/nav_act_l.gif); 
    background-repeat: no-repeat;
}
ul.mainnavigation li a.active span,ul.mainnavigation_Start li a.active span
{
    position: absolute; 
    right: 0em; 
    top: 0em; 
    display: block; 
    width: 0.4em; 
    background-image: url(../images/nav_act_r.gif); 
    background-repeat: no-repeat; 
    background-position: right top;
    height: 2.15em;
}

ul.mainnavigation li div
{
    position: absolute; 
    width: 16.3em;
    overflow: hidden;
    height:13.8em;
}
ul.mainnavigation_Start li div
{
    position: absolute; 
    width: 16.3em;
    overflow: hidden;
    height:10.6em;
}
ul.mainnavigation li div.nav_bg,ul.mainnavigation_Start li div.nav_bg
{
    padding: 0em; 
    top: 0em; 
    height:30em;    
    background-color: #51A4AB; 
    opacity: 0.85; 
    filter: alpha(opacity=85);
    overflow:hidden;
}
ul.mainnavigation li div.nav_items, ul.mainnavigation_Start li div.nav_items
{
    position: relative; 
    padding-left: 0.7em; 
    padding-top: 1em; 
    padding-bottom: 1em;
    
}
ul.mainnavigation li div a, ul.mainnavigation li div a:active, ul.mainnavigation li div a:visited, ul.mainnavigation li div a:link, ul.mainnavigation_Start li div a, ul.mainnavigation_Start li div a:active, ul.mainnavigation_Start li div a:visited, ul.mainnavigation_Start li div a:link
{
    display: block; 
    color:#fff;
    text-decoration: none; 
    padding-left: 1.35em; 
    background-image: url(../images/pfeil_klein_weiss.gif); 
    background-repeat: no-repeat; 
    background-position: 0em center;
    background-color: Transparent;
    height: 1.5em;
    width: 100%;
    font-size: 1em;
    text-align: left;
    line-height: 1.5em;
}
ul.mainnavigation li div a:focus, ul.mainnavigation li div a:hover, ul.mainnavigation_Start li div a:focus, ul.mainnavigation_Start li div a:hover
{
    display: block; 
    color: #97E4EC;  
    text-decoration: none; 
    padding-left: 1.35em; 
    background-image: url(../images/pfeil_klein_hellblau.gif); 
    background-repeat: no-repeat; 
    background-position: 0em center;
    background-color: Transparent;
    height: 1.5em;
    width: 100%;
    font-size: 1em;
    text-align: left;
    line-height: 1.5em;    
}

ul.mainnavigation li div a.active, 
ul.mainnavigation li div a.active:active, 
ul.mainnavigation li div a.active:visited, 
ul.mainnavigation li div a.active:link, 
ul.mainnavigation li div a.active:focus, 
ul.mainnavigation li div a.active:hover, 
ul.mainnavigation_Start li div a.active, 
ul.mainnavigation_Start li div a.active:active, 
ul.mainnavigation_Start li div a.active:visited, 
ul.mainnavigation_Start li div a.active:link, 
ul.mainnavigation_Start li div a.active:focus, 
ul.mainnavigation_Start li div a.active:hover
{
    display: block; 
    color: #97E4EC;
    text-decoration: none; 
    padding-left: 1.35em;
    background-image: url(../images/pfeil_klein_hellblau.gif); 
    background-repeat: no-repeat; 
    background-position: 0em center;
    background-color: Transparent;
    height: 1.5em;
    width: 100%;
    font-size: 1em;
    text-align: left;
    line-height: 1.5em; 
}

span.h2
{
    font-size: 1.1em;
    color: #32CCD8;
    margin-bottom: 0em;
}
b.blau
{
    color: #32CCD8;
}
span.datum
{
    color: #999999;
}

.box_s
{
    width: 16.2em;
    margin-bottom: 0.4em;
    margin-right: 0.4em;
}
.box_s .h2
{
	color:#008E98;
}
.box_s .date
{
	color:#32CCD8;	
}
.box_s div
{
    background-color: #ffffff;
    padding: 0.9em 0.9em 0.45em 0.9em;
    color: #666666;
}
.box_s div a
{
    text-decoration: none; 
    padding-top: 0.4em;
    color: #666666; 
    display: block; 
    z-index:5;
    background-image: url(../images/pfeil_klein_blau.gif); 
    background-repeat: no-repeat; 
    background-position: right bottom;
}

.box_s .box_oben
{
    padding: 0;
    background-image: url(../images/nav_l.gif);
    background-repeat: no-repeat;
    height: 0.45em;
    overflow: hidden;

}
.box_s .box_oben div
{
    padding: 0;
    background-color: #ffffff;
    height: 0.45em;
    line-height: 0.45em;
    left: 0.4em;
    width: 15.4em;
        color:Silver;
}
.box_s .box_oben span
{
    position: absolute;
    right: 0em; top: 0em;
    display: block;
    background-image: url(../images/nav_r.gif);
    background-repeat: no-repeat;
    background-position: right top;
    height: 0.45em;
    width: 0.45em;
}
.box_s .box_unten
{
    padding: 0;
    background-image: url(../images/box_lu.gif);
    background-repeat: no-repeat;
    background-color: Transparent;
    background-position: left bottom;
    height: 0.45em;
    overflow: hidden;
}
* html .box_s .box_unten
{
    padding: 0;
    background-color: #fff;
    height: 0.45em;
    overflow: hidden;
}
.box_s .box_unten div
{
    padding: 0;
    background-color: #ffffff;
    height: 0.45em;
    line-height: 0.45em;
    left: 0.4em;
    width: 15.4em;
}
.box_s .box_unten span
{
    position: absolute;
    right: 0em; top: 0em;
    display: block;
    background-image: url(../images/box_ru.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 0.45em;
    width: 0.45em;
}

.box_l
{
    width: 32.8em;
    margin-bottom: 0.45em;
}
.box_l div
{
    padding: 0.45em 0.9em;
    color: #008E98;    
    background-color: #72E2EC;
}
.box_l .box_oben
{
    padding: 0em;
    background-image: url(../images/box_blau_lo.png);
    background-repeat: no-repeat;
    background-color: Transparent;
    background-position: left top;
    height: 0.4em;
    overflow: hidden;
}
.box_l .box_oben div
{
    padding: 0;
    background-color: #72E2EC;
    height: 0.4em;
    line-height: 0.45em;
    left: 0.4em;
    width: 32.2em;
}
.box_l .box_oben span
{
    position: absolute;
    right: 0em; top: 0em;
    display: block;
    background-image: url(../images/box_blau_ro.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 0.4em;
    width: 0.45em;
}
.box_l .box_unten
{
    padding: 0em;
    background-image: url(../images/box_blau_lu.png);
    background-repeat: no-repeat;
    background-color: Transparent;
    background-position: left bottom;
    height: 0.4em;
    overflow: hidden;
}
* html .box_l .box_unten
{
    padding: 0em;
    background-color: #72E2EC;
    height: 0.4em;
    overflow: hidden;
}
.box_l div.box_unten div
{
    padding: 0;
    background-color: #72E2EC;
    height: 0.4em;
    left: 0.4em;
    width: 32.2em;
}
.box_l .box_unten span
{
    position: absolute;
    right: 0em; top: 0em;
    display: block;
    background-image: url(../images/box_blau_ru.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 0.4em;
    width: 0.45em;
}

.pageContainer
{
    position: absolute; 
    font-size: 1em; 
    width: 100%; 
    height: 100%;
}
.contentContainer
{
    position: relative; 
    width: 89.9em; 
    height: 100%;
}

.header
{
    height: 8.4em; 
    color: #008E98;
    z-index: 5;
}

    .logo
    {
        position: absolute; 
        right: 1.3em; 
        top: 2.1em;
        z-index:4;
    }
    
    .suche
    {
        top: 0.7em;       
        
    }
		.suche input
		{
		 color:#a3a3a3;	
		}
        .suche form
        {
            margin: 0em; 
            margin-top: 0.1em;
        }    
        input.submit
        {
            width: 1.3em; 
            background-image: url(../images/pfeil_mini_blau.gif); 
            background-position: center center; 
            background-repeat: no-repeat; 
            background-color: #ffffff;
        }
        
    .einstellung_schrift
    {
        position: absolute; 
        left: 16.8em; 
        top: 2.3em;
        width: 14.2em;
        z-index:3;
    }
    
    .einstellung_schrift a
    {
        text-decoration: none; 
        display: block; 
        float: right;
        margin-right: 0.75em;
    }

td.mitte
{
    width: 88em; 
    height: 100%; 
    background-color: #CBF1F5;
}

    .picture
    {
        left: 0em;
        position: absolute; top: 8.4em;
    }
    
    .picture img
    {
        width: 88.1em;
    }
    
    .pictures 
    {
        height: 14.2em;
    }
    .pictures img
    {
        margin-right: 0.15em; 
        width: 10.65em;
    }    
    
    .mitte_bereich
    {
        padding-left: 5.5em; 
        width: 78.5em;
    }
        .mitte_content
        {
            width: 100%;
            padding-bottom: 2.8em;
            border-bottom: solid 1px #31CCD8;
        }
            .spalte_links
            {
                float: left; 
                width: 40em; 
                margin-bottom: 1em;
                margin-right: 0em;

            }
            .spalte_rechts_text
            {
                float: left;                
                width: 34em;                                
                margin-bottom: 1em;
                padding-top:31.2em;
            }
            .spalte_rechts
            {
                float: left; 
                width: 28em;
                height: 32em;
            }
                .prod_nav
                {
                    margin-bottom: 1.1em;
                    color: #008E98;
                }
                .quicklink_Nav
                {
					left:1.6em;
                    margin-top:-5em;    
                               z-index:20; 
                    color: #008E98;		
                }
            .application_left
            {
            	padding-top:1em;
            	top:0px;
			    float: left; 
                width: 78.3em;
            }
		.appbox
            {
            
            	top:0px;
			    float: left; 
                width: 78.3em;
            }
            .application_right
            {
                padding-top: 19.7em;
            }
			.picture_Avatar
			{				
			    bottom:1.6em;
			    right: 1.5em;
			    position:absolute;		
			    z-index:25;			
			}
		.mainnav
		{
			position: absolute;
			
			top:6em;
			z-index:6;
		}

.footer
{
    margin-top: 0.6em; 
    margin-bottom: 0.6em;
    color: #008E98; 
    text-align: center;
    width:100%;
    z-index:30;
}
    .footer_center
    {            
        margin-bottom: 0.2em;
    }
        .footer_content
        {
			text-align:center;
			margin-left:36%;
            overflow: hidden;
            margin-top:7px;
        }

td.schatten_links
{
    width: 0.9em; 
    background-image: url(../images/hg_body_l2.gif); 
    background-repeat: repeat-y; 
    background-position: right top;
}

td.schatten_rechts
{
    width: 0.9em; 
    background-image: url(../images/hg_body_r2.gif); 
    background-repeat: repeat-y; 
    background-position: left top;
}

.picture_filter
{
    position: relative; overflow: hidden;
}
.picture_orig
{
    position: absolute; left: 0px; top: 0px;
    text-align: left;
}

.extSearchBox
{
    position: absolute; 
    top: 1.8em; 
    left:0em; 
    z-index: 25;
}
.extSearchBox_oben
{
    border: solid 2px #51A4AB; 
    width: 16.4em; 
    height: 1.7em;
    margin-left:5.3em;
}
.extSearchBox_content
{
    padding-top: 0.5em; 
    padding-left: 0.5em; 
    padding-bottom: 0.5em; 
    background-color: #51A4AB; 
    color: #fff; 
    width: 16.2em;
    margin-left:5.3em;
}

.box_s2
{
    position:relative;
    width: 11.5em;
    margin-bottom: 0.4em;
    margin-right: 0.4em;
    float: left;
}
.box_s2 div
{
    padding: 0;
    background-color: #ffffff;
    padding: 0.9em 0.9em 0.45em 0.9em;
    color: #666666;
}

.box_s2 .box_oben2
{
    padding: 0;
    background-image: url(../images/nav_l.gif);
    background-repeat: no-repeat;
    /*background-color: Transparent;*/
    height: 10em;
    overflow: hidden;
}
.box_s2 .box_oben2 div
{
    padding: 0;
    background-color: #ffffff;
    height: 0.45em;
    line-height: 1.2em;
    top: 0.6em; 
    left: 0.6em;
    width: 10.7em;
}
.box_s2 .box_oben2 span
{
    position: absolute;
    right: -0.1em;
    top: 0em;
    display: block;
    background-image: url(../images/nav_r.gif);
    background-repeat: no-repeat;
    background-position: right top;
    height: 0.45em;
    width: 0.45em;
 
}
.box_s2 .box_unten2
{
    padding: 0;
    background-image: url(../images/box_lu.gif);
    background-repeat: no-repeat;
    background-color: Transparent;
    background-position: left bottom;
    height: 0.45em;
    overflow: hidden;
}
.box_s2 .box_unten2 div
{
    padding: 0;
    background-color: #ffffff;
    height: 0.45em;
    line-height: 0.45em;
    left: 0.4em;
    width: 10.7em;
}
.box_s2 .box_unten2 span
{
    position: absolute;
    right: 0em; top: 0em;
    display: block;
    background-image: url(../images/box_ru.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 0.45em;
    width: 0.45em;
}
.box_s2 .box_img
{
    position:absolute;
    top:48px;
    left:20px;
    padding:0;
    background-color:transparent;
}

a.prodlink, a.prodlink:link, a.prodlink:visited, a.prodlink:active
{
    text-decoration: none;
    color: #31CCD8;
}
a.prodlink img
{
    margin-right: 0.4em;
}

* html img,* html .png
{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
/********************** News ************************************/

.tblNews
{
}
.tblNews h2
{
	padding-bottom:2px;

	
}
.tblNews span
{
	padding-top:0.6em;
}
.tblNews li
{
	padding:0.4em;
}


.content img
{
	margin-left: 0.6em;
}
.tblNews a
{
	padding-left:0.6em;
}
	.tblNewsText
	{
		font-weight:normal;
		border-bottom:solid 1px #008E98;
	}

/********************** Ende News *******************************/

/*********************** FAQ **************************************/
.tblLinks
{
	margin:0px;
	padding:0px;
}

.tblFaq ul, .tblLinks ul
{
	margin:0px;
	padding:0px;
	top:0px;
	padding-left:0.5em;
	list-style-type:none;
}
.tblFaq ul li, .tblLinks ul li
{
	padding-left:-4px;
	margin-left:-4px;
}

.tblFaq li, .tblLinks li
{
	padding:0px;
	margin:0px;
	padding-left:1em;	
	background-image: url(../images/list_punkt.png);
	background-repeat:no-repeat;
	background-position:left 0.3em;
		
}
.tblFaq ul li ul, .tblLinks ul li ul
{
	list-style-type:none;	
	padding:0px;
	margin:0px;

}
.tblFaq li ul li, .tblLinks li ul li
{
	background-image: url(../images/list_punkt.png);
	padding:0px;
	margin:0px;
	padding-left:1em;
	background-repeat:no-repeat;
	background-position:left 0.3em;
		
}
/*********************** ENDE FAQ **************************************/

/**********************	SCROLLER (Scrollbares Div im Lexikon)	***************************/
.letterindex
{
    color: #666666;
    font-size: 1.5em;
    padding-left: 0.2em;
    text-decoration: none; 
    margin-bottom:20px;
}
.listbox_scroll
{
	color: #666;
}
.letterindex a.active, .Scroller-Container ul li a.active
{
	color: #008E98;
    text-decoration: underline;
}
.letterindex a, .Scroller-Container ul li a
{
    color: #666666;
    text-decoration: none; 
}
.letterindex a:hover, .Scroller-Container ul li a:hover
{
    color: #008E98;
    text-decoration: underline;
}
.letterindex a:active, .Scroller-Container ul li a:active
{
    color: #008E98;
}

.infobox
{
	width:280px;
	float:left;
    margin-left:20px;
}
.infobox h2	
{	
	color: #008E98;	
	font-size: 1.3em;
}

.listbox
{
    float:left;
    position:relative;
    width: 324px;
    height: 235px;

}
.listbox .listbox_oben
{     
    background-image: url(../images/listbox_oben.gif);
    background-repeat: no-repeat;
    height: 0.45em;
    position:relative;
    overflow:hidden;
}
.listbox .listbox_oben .div
{   

    background-repeat: no-repeat;
    background-color: #ffffff;
    height: 0.45em;
}
.listbox .Scroller
{   
    float:left;
    background-color: #ffffff;
    background-image: url(../images/listbox_links.gif);
    background-repeat: no-repeat;
    color: #666666;
    height:225px;
    width:302px;
    overflow:hidden;
    position:relative;
    
}
.listbox .Scroller .Scroller-Container 
{ 
    padding: 0.5em 0.0em 1.0em 0.9em;
    position: absolute;
}

.listbox .Scroller .Scroller-Container ul
{
    margin-top: 0px;
    padding: 0em;
    margin: 0em;
}
.listbox .Scroller .Scroller-Container ul li
{
    list-style: none;
    margin-left: 0em;

}
.listbox .listbox_scroll
{
    width:16px;
    position:relative;
    height:225px;
    background-color:#EEEEEE; 
    cursor: pointer;  
}
.listbox .listbox_unten
{
    background-image: url(../images/listbox_unten.gif);
    background-repeat: no-repeat;
    height: 0.45em;
    position:relative;
}
.listbox .listbox_unten .div
{
    background-repeat: no-repeat;
    height: 0.45em;
    background-color: #ffffff;
}

/**		EXCEPTIONS		**/
.exception
{
    position: absolute;
    z-index: 10001;
    background-color: #fff;
    border: solid 5px #F3741C;
    padding: 10px;
    width: 320px;
    left: 340px; 
    top: 300px;
    display: none;    
}
.exception b
{
    color: #F3741C;
}
.exception h1
{
    color: #F3741C;
}
.exception div
{
    color: #666;
}
.exception a, .exception a:link, .exception a:visited, .exception a:active, .exception a:hover, .exception a:focus
{
    display: block;
    margin-top: 10px;
    line-height: 27px;
    padding-left: 32px;
    font-weight: bold;
    text-align: left;    
}

.exception a.exceptionSimple, .exception a.exceptionSimple:link, .exception a.exceptionSimple:visited, .exception a.exceptionSimple:active, .exception a.exceptionSimple:hover, .exception a.exceptionSimple:focus
{
	display: inline;
	margin: 0px;
	line-height:normal;
	padding: 0px;
    text-align: left;	
} 

.successexception
{
    position: absolute; 
    z-index: 999;
    background-color: #fff;
    border: solid 3px #13AA85;
    padding: 10px;
    width: 320px;
    left: 340px; 
    top: 300px;    
    display: none;
}
.successexception b
{
    color: #13AA85;
}
.successexception h1
{
    color: #13AA85;
    margin-bottom: 0px;
}
.successexception div
{
    color: #666;
}
.errFieldEmpty
{
    border:solid 1px #13AA85;
}
.successexception a, .successexception a:link, .successexception a:visited, .successexception a:active, .successexception a:hover, .successexception a:focus
{
    color: #13AA85;
    display: block;
    margin-top: 10px;
    line-height: 27px;
    padding-left: 18em;
    font-weight: bold;
    text-align: left;
}
/**		END EXCEPTIONS	**/

/******************************************************************************************/

/*************** Glossar	*************/
.glossary
{
	text-align:left;
    position:absolute;
    left:0px;
    top:0px;
    background-color:transparent;
    top:0px;   
}

.glossary_box
{
    position:relative;
    background-color:transparent;
    top:0px;   
}
.box_oben_q
{
	background-image: url(../images/quickinfo_box_o.png);
	width:243px;
	height:16px;
}
.box_unten_q
{
	background-image: url(../images/quickinfo_box_u.png);
	width:243px;
	height:20px;
}
.box_mitte_q
{
	background-image: url(../images/quickinfo_box_m.png);
	width:243px;
	
}
* html .box_oben_q
{
	background-image: url(../images/quickinfo_box_o.gif);
	width:243px;
	height:16px;
}
* html .box_unten_q
{
	background-image: url(../images/quickinfo_box_u.gif);
	width:243px;
	height:20px;
}
* html .box_mitte_q
{
	background-image: url(../images/quickinfo_box_m.gif);
	width:243px;
	
}
/****************************************/

input.order_btn
{
    width: 6.2em; background-color: Transparent;
    text-align: right;
    border: 0px;
    font-size: 0.95em;
    color: #31CCD8;
    margin-top: 0.5em;
    padding-right: 1.5em;
    cursor: hand;
    cursor: pointer;
    background-image: url(../images/pfeil_klein_blau.gif);
    background-position: right center;
    background-repeat: no-repeat;
    font-weight: bold;
}

.Kontaktformular
{
    width: 77em;
    overflow: hidden;
}

.Kontaktformular input
{
    margin-left: 0.5em;
    color: #666;
    font-size: 0.95em;
    height: 1.7em;
}

.Kontaktformular span
{
    color: #999;
}

.Kontaktformular_1_Vorname
{
    margin-bottom: 0.5em;
    padding: 0.3em;
    background-image: url(../images/kontakt_lang.gif);
    background-repeat: no-repeat;
}
.Kontaktformular_2_Nachname
{
    margin-bottom: 0.5em;
    padding: 0.3em;
    background-image: url(../images/kontakt_lang.gif);
    background-repeat: no-repeat;
}
.Kontaktformular_3_Straße
{
    background-image: url(../images/kontakt_mittel.gif);
    float: left;
    margin-right: 0.4em;
    margin-bottom: 0.5em;
    width: 13.7em;
    padding: 0.3em;
}
.Kontaktformular_4_Nr
{
    background-image: url(../images/kontakt_klein.gif);
    float: left;
    margin-right: 55em;
    margin-bottom: 0.5em;
    width: 5.3em;
    padding: 0.3em;
}
.Kontaktformular_5_PLZ
{
    background-image: url(../images/kontakt_klein.gif);
    float: left;
    margin-right: 0.4em;
    margin-bottom: 0.5em;
    width: 5.3em;
    padding: 0.3em;
}
.Kontaktformular_6_Ort
{
    background-image: url(../images/kontakt_mittel.gif);
    float: left;
    margin-right: 55em;
    margin-bottom: 0.5em;
    width: 13.7em;
    padding: 0.3em;
}
.Kontaktformular_7_Telefon
{
    clear: left;
    margin-right: 60em;
    margin-bottom: 0.5em;
    padding: 0.3em;
    width: 20em;
    background-image: url(../images/kontakt_lang.gif);
}
.Kontaktformular_8_EMail
{
    margin-right: 60em;
    margin-bottom: 0.5em;
    padding: 0.3em;
    width: 20em;
    background-image: url(../images/kontakt_lang.gif);
}
.Kontaktformular_9_Mitteilung
{
    background-image: url(../images/kontakt_text.gif);
    clear:left;
    position: absolute;
    left: 21.2em;
    top: 1.5em;
    width: 20em;
    height: 15.1em;
    padding: 0.3em;
    overflow: hidden;
}
.Kontaktformular_9_Mitteilung textarea
{
    border: 0px;
    width: 21em; height: 13.5em;
    font: normal 1em Arial,Verdana,sans-serif;
    color: #666;
}
.Kontaktformular_9_Mitteilung span
{
    display:block;
}

.Kontaktformular_submit
{
    clear:left;
    position: absolute;
    left: 42em;
    top: 15.5em;
}
.Kontaktformular_submit input 
{
    width: 8em;
    text-align: left;
    background-image: url(../images/pfeil_gross_blau.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 2em;
    font-size: 0.95em;
    color: #31CCD8;
    text-align: left;
    background-color: Transparent;
}
.Kontaktformular_NotNullInfo 
{
    height: 1.5em;
}
.Kontaktformular_error_validate {}
.Kontaktformular_error_send {}





/*
.Bestellformular
{
    width: 35em;
}

.Bestellformular input, .Bestellformular span
{
    display:none;
}



.Bestellformular_11_Vorname input,
.Bestellformular_12_Nachname input,
.Bestellformular_13_Straße input,
.Bestellformular_14_Nr input,
.Bestellformular_15_PLZ input,
.Bestellformular_16_Ort input,
.Bestellformular_17_Telefon input,
.Bestellformular_18_EMail input,
.Bestellformular_21_Vorname input,
.Bestellformular_22_Nachname input,
.Bestellformular_23_Straße input,
.Bestellformular_24_Nr input,
.Bestellformular_25_PLZ input,
.Bestellformular_26_Ort input,
.Bestellformular_27_Telefon input
{
    display: inline;
}
.Bestellformular_41_JaichakzeptieredieDatenschutzerklärung input, 
.Bestellformular_42_JaichhabedieAGBsgelesen input, 
.Bestellformular_30_Bezahlung input
{
    display: inline;
    width: 1.5em;
    height: 1.5em;
    margin-right: 1em;
}
.Bestellformular_41_JaichakzeptieredieDatenschutzerklärung input, 
.Bestellformular_42_JaichhabedieAGBsgelesen input
{
    margin-left: 1em;
}

.Bestellformular_11_Vorname span,
.Bestellformular_12_Nachname span,
.Bestellformular_13_Straße span,
.Bestellformular_14_Nr span,
.Bestellformular_15_PLZ span,
.Bestellformular_16_Ort span,
.Bestellformular_17_Telefon span,
.Bestellformular_18_EMail span,
.Bestellformular_21_Vorname span,
.Bestellformular_22_Nachname span,
.Bestellformular_23_Straße span,
.Bestellformular_24_Nr span,
.Bestellformular_25_PLZ span,
.Bestellformular_26_Ort span,
.Bestellformular_27_Telefon span
{
    display:inline;
}
.Bestellformular_11_Vorname,
.Bestellformular_12_Nachname,
.Bestellformular_13_Straße,
.Bestellformular_14_Nr,
.Bestellformular_15_PLZ,
.Bestellformular_16_Ort,
.Bestellformular_17_Telefon,
.Bestellformular_18_EMail,
.Bestellformular_21_Vorname,
.Bestellformular_22_Nachname,
.Bestellformular_23_Straße,
.Bestellformular_24_Nr,
.Bestellformular_25_PLZ,
.Bestellformular_26_Ort,
.Bestellformular_27_Telefon
{
    margin-bottom: 0.5em;
    padding: 0.3em;
    width: 20em;
    background-image: url(../images/kontakt_lang.gif);
}

.Bestellformular div.versand
{
    width: 29.55em;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-left: 5em;
    background-image: url(../images/package.gif);
    background-position: 0em 1em;
    background-repeat: no-repeat;
    height: 5em;
    border-bottom: solid 1px #008E98;
    border-top: solid 1px #008E98;
}
.Bestellformular div.lieferzeit
{
    width: 29.55em;
    margin-bottom: 1em;
    padding-left: 5em;
    background-image: url(../images/truck_blue.gif);
    background-repeat: no-repeat;
    height: 5em;
    border-bottom: solid 1px #008E98;
}
.Bestellformular div.ruecksendung
{
    width: 34.1em;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: solid 1px #008E98;
}

.Bestellformular_10_Rechnungsadresse, .Bestellformular_20_Lieferadresse, .Bestellformular_0_Bestellung
{
    border-bottom: solid 1px #008E98;
    margin-top: 1em;
    margin-bottom: 1em;
}
.Bestellformular_30_Bezahlung span
{
    border-bottom: solid 1px #008E98;
    margin-bottom: 0.25em;
}
.Bestellformular_30_Bezahlung
{
    margin-top: 1em;
    margin-bottom: 1em;
}
.Bestellformular_10_Rechnungsadresse span
{
    display: block;
    font-size: 2em;
}
.Bestellformular_20_Lieferadresse span
{
    display: block;
    font-size: 2em;
}
.Bestellformular_30_Bezahlung span
{
    display: block;    
    font-size: 2em;
}
.Bestellformular_41_JaichakzeptieredieDatenschutzerklärung span, 
.Bestellformular_42_JaichhabedieAGBsgelesen span
{
    display: inline;
}
.Bestellformular_0_Bestellung span
{
    display: block;    
    font-size: 2em;
}

.Bestellformular_2_Gesamtsumme
{
    margin-top: 0.5em;
    padding-top: 0.5em;
    border-top: double 3px #008E98;
}

.Bestellformular_submit
{
    margin-top: 1em;
}
.Bestellformular_submit input 
{
    display: block;
    width: 8em;
    text-align: left;
    background-image: url(../images/pfeil_gross_blau.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 2em;
    font-size: 0.95em;
    color: #31CCD8;
    text-align: left;
    background-color: Transparent;
}
.Bestellformular_NotNullInfo 
{
    height: 1.5em;
}
.Bestellformular_error_validate {}
.Bestellformular_error_send {}
*/

/************** AUTOCOMPLETE ****************/

	.ac_results {
		border: 1px solid gray;
		background-color: white;
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		z-index: 10000;
		display: none;
		width:auto;
	}
	
	.ac_results li {
		padding-top:0.4em;
		padding-bottom:0.4em;
		padding-top:0.2em;
		white-space: nowrap;
		color: #101010;
		text-align: left;
		list-style-type:none;
	}
	
	.ac_over {
		cursor: pointer;
		background-color: #32CCD8;
	}
	
	.ac_match {
		text-decoration: underline;
		color: black;
	}
	
/************** END AUTOCOMPLETE ****************/