/* Standard-CSS */

/*  Wichtige Farben
	Schwarz=#000000
	Rot=#c2221f
	Grau=#575759
	Hellgrau=#c6c6c8
	Hellgrau2=#f6f6f7
*/


/* Wichtige Informationen */

body, div, p, h1, h2, h3, span, a, td, table, tr, img, ul, li, form, textarea, select, input { margin: 0px; padding: 0px; }

img { border: 0px; }

html, body {
    background: #ffffff;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #191A1B;
	text-align: left;
}

a{
outline: none;
}


html {
	height:100%;
}

/* Autoclearing */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* Wichtige Informationen-Ende */


/*Allgemeine Angaben*/

.br {
	font-size: 0px;
	line-height: 0px;
    height: 0px;
    clear: both;
}

.newsueberschriftrechts { 
	padding: 0px 0px 12px 13px; 
	color: #004F92; 
	font: 14px Arial; }



div.wistra-country { position: absolute; left: 0px; display: none;  background: url('img/bg-content-left.jpg') repeat-x #FFFFFF; width: 615px; height: 377px; padding: 43px 0px 28px 21px; }
    div.wistra-country div.country-left { float: left; width: 258px; height: 377px; position: relative; }
        div.wistra-country div.country-left div.box-schliessen { position: absolute; width: 150px; left: 0px; bottom: 0px; }
        div.wistra-country div.country-left h1 { padding: 0px 0px 17px 0px; line-height: 16px; color: #004F92; font: 11px Arial; }
        div.wistra-country div.country-left p { font: 11px Arial; line-height: 16px; }
    div.wistra-country div.country-right { float: left; width: 357px; height: 377px; padding: 0px; margin: 0px; }

div.wistra-worldwide { position: absolute; left: 0px; display: block;  width: 615px; height: 377px; padding: 0px 0px 28px 21px; }
    div.wistra-worldwide div.country-left { float: left; width: 258px; height: 377px; position: relative; }
        div.wistra-worldwide div.country-left div.box-schliessen { position: absolute; width: 150px; left: 0px; bottom: 0px; }
        div.wistra-worldwide div.country-left h1 { padding: 37px 0px 17px 0px; line-height: 16px; color: #004F92; font: 14px Arial; }
        div.wistra-worldwide div.country-left p { font: 11px Arial; line-height: 16px; }
    div.wistra-worldwide div.country-right { float: left; width: 357px; height: 377px; padding: 0px; margin: 0px; }

div.centered { width: 985px; margin: 0 auto; }
    div.header { width: 985px; height: 113px; }
        div.header div.left { float: left; width: 673px; height: 113px;}673
            div.header div.left img { width:173px/* 472px*/; height: 113px; }
			div.header div.left img{float:left;}
			div.header div.left div{float:left;width: 500px;height: 113px;}
        div.header div.right { float: left; position: relative; width: 311px; height: 113px; }
            div.right-menu { position: absolute; right: 0px; top: 23px; width: 373px; height: 13px; font: 11px Arial; text-align: right; }
                /*div.right-menu a { color: #191a1b; text-decoration: none; }
                div.right-menu a:hover { color: #191a1b; text-decoration: underline; }*/

                span.right-menu-left-spacer { padding: 0px 40px 0px 0px; }
                span.right-menu-spacer { width: 22px; height: 6px; }
                    span-right-menu-spacer img { width: 22px; height: 6px; vertical-align: middle; }

                div.sprache-waehlen { display: none; position: absolute; z-index: 200; right: 0px; top: 30px; width: 150px; border: 1px #004F92 solid; background: #ffffff; text-align: left; }
                    div.sprache-waehlen a { color: #191a1b; text-decoration: none; }
                    div.sprache-waehlen a:hover { color: #191a1b; text-decoration: underline; }
                    
                    div.sprache-waehlen ul { list-style: none; }
                    div.sprache-waehlen ul li { margin: 0px 0px 1px 0px; }
                        div.sprache-waehlen ul li a, div.sprache-waehlen ul li a:hover div.sprache-waehlen ul li a.active { display: block; width: 142px; height: 20px; padding: 5px 4px 0px 4px; text-decoration: none; }
                        div.sprache-waehlen ul li a:hover, div.sprache-waehlen ul li a.active { background: #EBF0F8; text-decoration: none; }
                        div.sprache-waehlen ul li a.active { font-weight: bold; }
						
                div.sprache-waehlenstart { position: absolute; z-index: 200; left: 0px; top: 0px; width: 179px; border:0px; background: #ffffff; text-align: left; }
                    div.sprache-waehlenstart a { color: #191a1b; text-decoration: none; }
                    div.sprache-waehlenstart a:hover { color: #191a1b; text-decoration: underline; }
                    
                    div.sprache-waehlenstart ul { list-style: none; }
                    div.sprache-waehlenstart ul li { margin: 0px 0px 1px 0px; }
                        div.sprache-waehlenstart ul li a, div.sprache-waehlen ul li a:hover div.sprache-waehlen ul li a.active { display: block; width: 169px; height: 20px; padding: 5px 4px 0px 6px; text-decoration: none; }
                        div.sprache-waehlenstart ul li a:hover, div.sprache-waehlen ul li a.active { background: #EBF0F8; text-decoration: none; }
                        div.sprache-waehlenstart ul li a.active { font-weight: bold; }						

        div.menu {  width: 985px; height: 25px; background: #004F92; font: 12px Arial; color: #ffffff; margin: 0px 0px 1px 0px; }
            div.menu div.left { float: left; width: 635px; height: 25px; }
                ul.ulFirst { list-style: none; width: 625px; height: 25px; padding: 0px 0px 0px 10px; }
                    ul.ulFirst li.liFirst { float: left; height: 25px; _width: 120px; }
                        a.main, a.main:hover, a.mainactive { display: block; _text-align: center; height: 21px; padding: 4px 10px 0px 10px; font: 12px Arial; color: #ffffff; text-decoration: none; }
                        a.main { }
                        /*a.main:hover, */a.mainactive { color: #004F92; background: #ffffff; height: 20px; margin: 1px 0px 0px 0px; }

                        ul.ulSecond { _text-align: left; display: none; position: absolute; list-style: none; background: #EBF0F8; padding: 10px; z-index: 999}
                            ul.ulSecond li.liSecond { background: url('img/pfeil-rechts.jpg') no-repeat 0 3px; padding: 0px 0px 5px 5px; margin: 0px 0px 0px 0px; }
                            a.sub, a.sub:hover, a.subactive { width: 120px; display: block; font: 12px Arial; color: #2683C5; text-decoration: none; }
                            a.sub { color: #2683C5; }
                            a.sub:hover, a.subactive { color: #004F92; }

		/* Menü ohne Verlinkung */
		a.nocursor{cursor:default}

            div.menu div.right { float: left; width: 350px; height: 25px; }
                div.menu div.right div.suche { float: right; width: 199px; height: 13px; padding: 4px 0px 0px 0px; }
                div.menu div.right div.suche input.input { border: 0px; font: 11px Arial; width: 158px; height: 15px; padding: 2px 6px 0px 6px; }
                div.menu div.right input.button { width: 29px; height: 17px; cursor: pointer; border: 0px; vertical-align: middle; background: url('img/buttonsuche.jpg') no-repeat; }

        div.picheader { width: 985px; height: 280px; }
            div.picheader div.left { float: left; width: 635px; height: 280px; margin: 0px 1px 0px 0px; position: relative; }
                div.picheader div.left img { width: 635px; height: 280px; vertical-align: middle; margin: 0px; padding: 0px; }
				div.picheader div.left div.fl {position: absolute; z-index: 89; width: 635px; height: 70px; bottom: 0px; left:0px}
            div.picheader div.right { float: left; width: 315px; height: 177px; padding: 103px 0px 0px 34px; background: #004F92; }
                div.picheader div.right h1 { font: 16px Arial; color: #ffffff; padding: 0px 0px 15px 0px; }
                div.picheader div.right p { width: 290px; font: 11px Arial; color: #ffffff; }
				
		div.picheaderstart { width: 985px; height: 425px; position:relative; }	
		div.picheaderstartimg { width: 985px; height: 425px; position:absolute; top:0px; left:0px; }
		div.picheaderlangbox  { width:179px; height:418px; position:absolute; top:1px; left:805px; background-color:#ffffff;}
			

        div.content { width: 985px; padding: 0px 0px 30px 0px; }
            div.content-left { position: relative; float: left; width: 636px; background: url('img/bg-content-left.jpg') repeat-x; }
                div.content-left div.left { float: left; width: 278px; margin: 0px; padding: 38px 16px 0px 20px; font: 11px Arial; }
                    div.content-left div.left h1 { padding: 0px 0px 17px 0px; line-height: 16px; color: #004F92; font: 14px Arial; }
                    div.content-left div.left p {  width: 278px; font: 11px Arial; line-height: 16px; margin-bottom:10px; }
                    div.content-left div.left img { padding: 17px 0px 0px 0px; }
                    div.content-left div.left select.select { border: 1px #7F9DB9 solid; width: 182px; height: 19px; font: 11px Arial; }

                div.content-left div.right { float: left; width: 291px; margin: 0px; padding: 38px 31px 0px 0px; }
                    div.content-left div.right h1 { color: #004F92; font: 14px Arial; padding: 0px 0px 17px 0px; line-height: 16px; }
                    div.content-left div.right h2 { color: #004F92; font: 11px Arial; }
                    div.content-left div.right p { font: 11px Arial; line-height: 16px; margin-bottom:10px; }

                div.content-middle { width: 585px; padding: 38px 31px 0px 20px; }
                    div.content-middle h1 { color: #004F92; font: 14px Arial; padding: 0px 0px 17px 0px; line-height: 16px; }
                    div.content-middle h2 { color: #004F92; font: 11px Arial; }
                    div.content-middle p { font: 11px Arial; line-height: 16px; }
                    div.content-middle ul { padding: 0px 0px 0px 13px; }
                        div.content-middle ul li { line-height: 16px; list-style-image:url(img/listenpfeil.jpg); }
						
						h3 { color: #004F92; font: 14px Arial; padding: 38px 0px 0px 19px; line-height: 16px; }

            div.content-right { float: left; width: 349px; }
                div.news-list { width: 349px; background: url('img/bg-content-right.jpg') repeat-x #F3F4F5; }
                    div.news-list div.news-box { padding: 38px 0px 28px 21px; width: 328px; font: 11px Arial; }
                        div.news-box h1 { font: 11px Arial; color: #004F92; font-weight: normal; margin: 0px; padding: 0px 13px 0px 13px; }
                            div.news-box h1 img { width: 13px; height: 8px; vertical-align: middle; }
                        div.news-box p { padding: 0px 0px 0px 13px; line-height: 16px; }

                div.kunden-box { width: 328px; height: 164px; margin: 28px 0px 0px 21px; }
                    div.kunden-box p { font: 11px Arial; line-height: 16px; }
                    div.kunden-box img { vertical-align: middle; }
					
                    .newsletterbox, .newsletterbox-abmelden { width: 315px; margin: 10px 0px 0px 34px; }

                    .newsletterbox-link { width: 315px; margin: 0px 0px 0px 34px; padding:15px 0px 0px 0px; }
					.newsletterboxabmelden-link { width: 315px; margin: 0px 0px 0px 34px; padding:7px 0px 0px 0px; }
                    .newsletterbox-link a, .newsletterboxabmelden-link a { color: #000000; font-weight: bold; text-decoration: underline; }
                    .newsletterbox-link a:hover, .newsletterboxabmelden-link a:hover { color: #000000; font-weight: bold; text-decoration: none; }

                    .newsletterbox p { font: 11px Arial; line-height: 16px; }
					.newsletterbox div { font: 11px Arial; line-height: 16px; }	
					
					.newsletterformular	{
						width:315px;
						padding:9px 0px 0px 0px;
					}
					
					.newsletterformular .newsletterformular1 {
						width:100px;
						float:left;
						height:27px;
					}
					
					.newsletterformular .newsletterformular2 {
                        position: relative;
						width:215px;
						float:left;
						height:27px;
					}

                    .newsletterformular .select {
						width: 180px; font: 11px Arial; margin: 0px; padding: 0px; border: 1px #000000 solid;
					}

					.newsletterformular .textfeld1 {
						width: 171px; height: 15px; font: 11px Arial; margin: 0px; padding: 1px 4px 1px 4px; border: 1px #000000 solid; 
					}
					
					.newsletterformular .button {
						border: 1px #000000 solid; width:92px; height: 19px; color: #191a1b; background: #ffffff; cursor: pointer; font: 11px Arial;
					}

                    .newsletter-message-box { display: none; width: 315px; }
					
					
					

        div.footer { width: 985px; height: 110px; border-top: 1px #191A1B solid; }
            div.footer div.left { float: left; width: 636px; height: 82px; padding: 28px 0px 0px 0px; }
                div.footer div.left p { font: 11px Arial; padding: 0px 0px 13px 0px; }
                div.footer div.left a { }
                div.footer div.left span { font: 11px; display: block; float: left; }
                div.footer div.left span.footer-spacer { width: 21px; height: 11px; background: url('img/trenner-footer.jpg') no-repeat 0 5px; }

            div.footer div.right { float: left; width: 349px; height: 82px; padding: 28px 0px 0px 0px; text-align: right; font: 11px Arial; }



/* Popupformcontainer */
.popupformcontainer {
    background-color: #ffffff;
    border: 1px solid #191a1b;
    width: 275px;
    position: absolute;
    z-index: 1000;
    top: 0px;
    display: none;
    color: #000000;
}

.popupformcontainer .popupform {
    padding:0px 0px 0px 0px;
    margin:10px 0px 0px 0px;
    width:255px;
}

.popupform .list2 ul {
    font-weight:100;
    padding: 0px 0px 10px 10px;
    margin: 0px 0px 0px 10px;
}

.popupformcontainer img {
    border:0px;
    padding-bottom:6px;
}

/* Kontakt */
div.formbox { width: 490px; font: 11px Arial; }
    div.form-left { float: left; padding: 4px 4px 4px 0px; width: 146px; font: 11px Arial; }
    div.form-right { float: left; padding: 4px; width: 332px; }
        div.form-right input.input { width: 322px; height: 15px; font: 11px Arial; margin: 0px; padding: 1px 4px 1px 4px; border: 1px #000000 solid; }
        div.form-right select.select { width: 332px; height: 21px; font: 11px Arial; margin: 0px; padding: 0px; border: 1px #000000 solid; }
        div.form-right textarea.textarea { width: 330px; height: 80px; font: 11px Arial; margin: 0px; padding: 0px; border: 1px #000000 solid; }
        div.form-right input.button { border: 1px #000000 solid; width:80px; height: 19px; color: #191a1b; background: #ffffff; cursor: pointer; font: 11px Arial; }

/* Sitemap */
div.sitemapbox { padding: 20px 20px 0px 0px; float: left; width: 170px; }
    div.sitemapkat { padding: 0px 0px 0px 0px; }
    div.sitemapbox ul { padding: 0px 0px 0px 15px; }
    div.sitemapbox ul li { }

a.link1 { color: #2683C5; text-decoration: none; font: 11px Arial; }
a.link1:hover,a.link1active { color: #2683C5; text-decoration: underline; font: 11px Arial; }

a.link2 { color: #191a1b; text-decoration: underline; font: 11px Arial; }
a.link2:hover,a.link2active { color: #191a1b; text-decoration: none; font: 11px Arial; }

a.link3 { color: #191a1b; text-decoration: underline; font: 11px Arial; }
a.link3:hover,a.link3active { color: #191a1b; text-decoration: none; font: 11px Arial; }

a.link4 { color: #191a1b; text-decoration: underline; font-weight: bold; font: 11px Arial; }
a.link4:hover,a.link4active { color: #191a1b; text-decoration: none; font-weight: bold; font: 11px Arial; }

a.link5 { color: #004F92; text-decoration: none; font: 11px Arial; }
a.link5:hover,a.link5active { color: #004F92; text-decoration: underline; font: 11px Arial; }

a.link6 { color: #191a1b; text-decoration: underline; font: 11px Arial; }
a.link6:hover,a.link6active { color: #191a1b; text-decoration: underline; font: 11px Arial; }

a.link7 { color: #ffffff; text-decoration: underline; font: 11px Arial; }
a.link7:hover,a.link7active { color: #ffffff; text-decoration: none; font: 11px Arial; }