/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
/*body {font-size:0.7em; background:#F5F5F5 url(../img/bgwoopla.jpg) repeat-y top center; font-family:arial,verdana,sans-serif;font-family:Arial, Helvetica, "Helvetica Neue", sans-serif;} */
body {font-size:0.7em; background:#FFFFFF; font-family:arial,verdana,sans-serif;font-family:Arial, Helvetica, "Helvetica Neue", sans-serif;} 
body.mywoopla {font-size:0.7em; background:#e5e5e5 url(../img/bg3.jpg) repeat-x top left; font-family:arial,verdana,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {margin: 0 auto; width:890px; background:#FFFFFF;font-size:1.0em;padding-top:5px;}
.main {clear:both; width:900px; background:transparent; font-family:Arial,Helvetica,sans-serif;font-size:90%;}
.main-navigation {background:transparent;display:inline /*Fix IE floating margin bug*/; float:right; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/ float:left; width:670px; margin:0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.single-main-content {display:inline; /*Fix IE floating margin bug*/ float:left; width:840px; margin:0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; margin:0; margin-left: -15px; width:900px; height:3.7em; padding:2em 0 0 0; color:#000000; Background: #FFFFFF; font-size:0.8em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.page-mywoopla {padding:20px; background:transparent; font-size:1.0em;}
.mywooplaheader {height:100px;padding:20px;width:600px;}
.mywooplacontent {position:absolute;top:98px;padding: 0;width:950px;background:transparent;height:auto;min-height:400px;}
.mywooplafooter {clear:both;padding: 20px 0 20px 20px; height:3.7em; color:#000000; Background: #223344; font-size:0.8em;}

.page-mywoopla h1 {font-family:arial,helvetica, sans-serif;font-size:small;padding-bottom:10px;font-weight:normal;color:#000000; letter-spacing:normal;}
.page-mywoopla h1 a {clear:both; padding:0; margin:0; color: #000000; font-weight:bold; font-size:1.2em;text-decoration:underline;letter-spacing:normal;}
.page-mywoopla h1 a:hover {clear:both; color: #440630; text-decoration:underline;}
.page-mywoopla h1 a:visited {clear:both; color: #440630; text-decoration:underline;}

.page-mywoopla li {list-style-type:none;margin-left:5px;}

.page-mywoopla li a {clear:both; padding:0; margin:0; color: #A92475; font-weight:normal; font-size:small;text-decoration:underline;letter-spacing:normal;}
.page-mywoopla li a:hover {clear:both; color: #A92475; text-decoration:underline;letter-spacing:normal;}
.page-mywoopla li a:visited {clear:both; color: #A92475; text-decoration:underline;letter-spacing:normal;}

.modalBackground {background-color:Gray;filter:alpha(opacity=80);opacity:0.8;}
.modalPopup {background-color:#FFFFFF;}

.pdf {background: transparent url(/img/pdf.png) no-repeat left center;padding:10px;}
a.feed {margin-left: 3px;padding: 0 0 0 20px;background: url(/img/feed-icon-14x14.png) no-repeat 0 50%;color:#999999;font-size:1.1em;text-decoration:none;} 
h1.strike {margin-left: 0;padding: 15px 0 15px 50px;background: url(/img/strike.jpg) no-repeat 0 50%;color:#999999;font-size:1.1em;text-decoration:none;} 
h1.people {margin-left: 0;padding: 15px 0 15px 50px;background: url(/img/people.jpg) no-repeat 0 50%;color:#999999;font-size:1.1em;text-decoration:none;} 
h1.audiospots {margin-left: 0;padding: 15px 0 15px 50px;background: url(/img/audiospots.jpg) no-repeat 0 50%;color:#999999;font-size:1.1em;text-decoration:none;} 
h1.media {margin-left: 0;padding: 15px 0 15px 50px;background: url(/img/media.jpg) no-repeat 0 50%;color:#999999;font-size:1.1em;text-decoration:none;} 
h1.interactive {margin-left: 0;padding: 15px 0 15px 50px;background: url(/img/interactive.jpg) no-repeat 0 50%;color:#999999;font-size:1.1em;text-decoration:none;} 
h1.online {margin-left: 0;padding: 15px 0 15px 50px;background: url(/img/online.jpg) no-repeat 0 50%;color:#999999;font-size:1.1em;text-decoration:none;} 


    
/* HEADER */
.header {width:900px; height:121px; font-family:arial,sans-serif; background:transparent;}
.header-middle {background:transparent; width:900px; height:110px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle a img {margin: 0; margin-left:-5px; border-style:none;}
.header-middle a {border-style:none;}
.header-bottom {width:700px; height:121px; background:transparent;}

/********************/
/*  HEADER SECTION  */
/********************/

/*.MainMenu {background:#223344;float:left;color:#FFFFFF;padding:10px;width:870px;border-top: solid 1px #223344;border-bottom: solid 1px #223344;}*/
.MainMenu {background: #fff url(/img/mm-bg.png) no-repeat top left;float:left;color:#FFFFFF;padding:10px;padding-top:12px;width:870px;height:43px;}
.MainMenu ul {background:transparent;padding-top:0;list-style-type:none;}
.MainMenu ul li {background:transparent;font-size:1.1em;display:block;float:left;padding:3px;padding-right:9px;padding-left:10px;}
.MainMenu ul li.active {background:#880958;}
.MainMenu ul li.active a {color:#FFFFFF;text-decoration:none;font-weight:bold;font-size:1.5em;}
.MainMenu ul li.active a:visited {color:#FFFFFF;text-decoration:none;}
.MainMenu ul li.active a:hover {color:#FFFFFF;text-decoration:none;}
.MainMenu ul li a {text-decoration:none; font-weight:bold; color: #FFFFFF;font-size:1.5em;}
.MainMenu ul li a:visited {text-decoration:none; color: #FFFFFF;}
.MainMenu ul li a:hover {text-decoration:none; color:#ACADAD;}

.main-content .quicknav ul {background: transparent; position:relative;border-bottom: dotted 1px #C12789; display:inline; float:left; width:890px; list-style:none; margin: 10px 0 0 0; padding-bottom: 5px; font-family:arial,helvetica,sans-serif;font-size:1.1em;clear:both;}
.main-content .quicknav ul li {display:inline; padding:0; background:transparent; color:#000000; text-decoration:none;vertical-align:middle;padding-top:2px; font-weight:normal;}
.main-content .quicknav ul li a {padding-top:0; font-weight:normal;color:#880958; text-decoration:none;}
.main-content .quicknav ul li a:hover {color:#880958; text-decoration:none;}
.main-content .quicknav ul li a:visited {color:#880958; text-decoration:none;}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */

.main .teasers {margin:0 auto; width:890px; padding:20px 0 20px 0;float:left;background: transparent;}
.main .teasers .left {float:left;width:435px;background:transparent;padding-right:10px;margin:0;line-height:1.8em;}
.main .teasers .right {float:right;width:435px;padding-left:0;margin:0;background:transparent;line-height:1.8em;}
.main .teasers .ileft {float:left;width:435px;background:transparent;padding-right:10px;margin:0;line-height:1.8em;}
.main .teasers .iright {float:right;width:435px;padding-left:0;margin:0;background:transparent;line-height:1.8em;border-left:dotted 1px #223344;}
.main .teasers p {background: transparent; color:#000000; line-height:1.4em; margin:0 0 5px 0;}

.ileft h1.framed a {color:#880958;text-decoration:none;font-size:1em;letter-spacing:-0.04em;font-weight:bold;}
.ileft h1.framed a:visited {color:#880958;text-decoration:none;font-size:1em;letter-spacing:-0.04em;font-weight:bold;}
.ileft h1.framed a:hover {color:#880958;text-decoration:none;font-size:1em;letter-spacing:-0.04em;font-weight:bold;}
.iright h1.framed a {color:#880958;text-decoration:underline;font-size:1.4em;letter-spacing:-0.04em;font-weight:bold;}
.iright h1.framed a:visited {color:#880958;text-decoration:underline;font-size:1.4em;letter-spacing:-0.04em;font-weight:bold;}
.iright h1.framed a:hover {color:#880958;text-decoration:underline;font-size:1.4em;letter-spacing:-0.04em;font-weight:bold;}
  
.tophead {background:transparent url(/img/bgheadline.jpg) no-repeat top right;height:100px;padding:10px;}

.main .teasers ul {list-style:none; margin:0.5em 0 0.5em 0;}
.main .teasers ul li {margin:0 15px; padding:0; list-style-image:url(/img/bg_bullet_full_1.gif); line-height:1.4em; font-size:1.2em;}
.main .teasers ul li a {color:#000000;}
.main .teasers ul li a:hover {color:#000000;}
.main .teasers ul li a:visited {color:#000000;}

.main .teasers ul.overview {margin-top:4px;padding:0;}
.main .teasers ul.overview li {background:#ffffff;padding:0; border-top:solid 1px #223344; border-right:none; border-left:none; margin:0; list-style-type:none; line-height:14px; list-style-image:none;}
.main .teasers ul.overview li a {display:block;font-size:1.2em;color:#880958;text-decoration:none;padding:10px 0 10px 5px}
.main .teasers ul.overview li a:hover {background:#F2F2F2;}
.main .teasers ul.overview li.selected a {background:#E2E2E2;}

table.targetgroups {table-layout:auto;width:880px;}
table.targetgroups tr td {padding:4px;border:none;vertical-align:text-top;background:transparent;}
table.targetgroups tr td.tophead {font-size:1.1em;color:#A92475;background:transparent;font-weight:bold;height:25px;padding-bottom:10px;padding-top:10px;}

.searchlistitem {font-size:10px; width:200px;}

.main .front {display:inline; /*Fix IE floating margin bug*/ float:left; width:900px; margin:0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main .main-content .column1-unit img {border-style:none;}

.column1-unit {position:relative;margin-top: 60px; width:620px;font-size:1.3em;margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column1-unit form {margin-top: 40px;}
.column1-unit p {padding-top: 5px; padding-bottom: 10px;}
.column1-unit p.footnote {padding-top: 20px; font-size:0.82em;}
.column1-unit p img {border-style:none;}
.column1-unit h1 img {border-style:none;}
.column2-unit-left {float:left; font-size:1.3em; width:305px; padding:0; margin:0; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left p img {border-style:none;}
.column2-unit-right {float:right; font-size:1.3em; width:305px; padding:0; margin:0; margin-right: 15px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right p img {border-style:none;}

.main-content .column1-unit .headline {position:relative;width:687px;overflow:visible;float:left;padding-bottom:10px;}
.main-content .column1-unit .headline .products {position:relative;float:none; margin-left:-30px; width:687px; height: 100px; background: transparent url(../img/bg_headline6.jpg) no-repeat top left;}
.main-content .column1-unit .headline .services {position:relative;float:none; margin-left:-30px; width:687px; height: 100px; background: transparent url(../img/bg_headline6.jpg) no-repeat top left;}
.main-content .column1-unit .headline .mywoopla {position:relative;float:none; margin-left:-30px; width:900px; height: 100px; background: transparent url(../img/bg_headlinemywoopla.jpg) no-repeat top left;}
.main-content .column1-unit .headline .desc {padding-left: 95px;padding-top: 3px; margin:0;}
.main-content .column1-unit .headline .desc h1 a {color:#eee; letter-spacing:-1px;}
.main-content .column1-unit .headline .desc h1 {margin-bottom: 5px;font-size:22px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;}
.main-content .column1-unit .headline .desc h1 a:hover {color:#eee;letter-spacing:-1px;}
.main-content .column1-unit .headline .desc h3 {color:#D6AEC9;font-size: 1.0em;}
   
.single-column2-unit-left {float:left; width:400px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.single-column2-unit-left p img {border-style:none;text-align:center;display:block;}
.single-column2-unit-right {background:transparent; float:left; width:400px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.single-column2-unit-right p img {border-style:none;text-align:center;display:block;}

.frontcloud {margin: 0 auto; font-weight:normal;background:#223344; font-family:arial,sans-serif;font-size: 1.2em; color: #FFFFFF;padding:20px;padding-top:2px;padding-bottom:2px;}

p a img {border:none;}
p.validcode {float:left;padding:10px 0 10px 0;}

.stico_default {text-decoration:none;}
.stbuttontext {color:#999999;font-size:1.1em;}

.teasers .headtitle {padding:0 0 10px 0;margin:0 0 20px 0; background:transparent;border-bottom:solid 1px #880958;}
.teasers .headtitle h1 {font-weight:bold;font-size:1.8em;color:#000000;letter-spacing:-1px;margin:0;padding:0;}
.teasers .headtitle h2 {font-weight:normal;font-size:1.4em;color:#666666;letter-spacing:-0.02em;margin-top:0;padding:0}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {font-family:arial,sans-serif;line-height:1.3em; text-align:left; padding: 5px 0 0 0; color:#223344; font-size:1.2em;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline;color:#000000;}
.footer a:hover {text-decoration:underline;color:#000000;}
.footer a:visited {text-decoration:underline;color:#000000;}

.mywooplafooter p {font-family:arial,sans-serif;line-height:1.3em; text-align:left; padding: 5px 0 0 0; color:#E5E5E5; font-size:1.2em;}
.mywooplafooter a {text-decoration:underline;color:#EEEEEE;}
.mywooplafooter a:hover {text-decoration:underline;color:#EEEEEE;}
.mywooplafooter a:visited {text-decoration:underline;color:#EEEEEE;}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:640px; height:0.2em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/

@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /*IE proprietary flicker hack for background images. Not validating, but OK*/