* {
        /* Reset browsers default margin, padding and font sizes */
        margin: 0;
        padding: 0;
}

p {padding: 5px 0;}

body {margin: 0; padding: 0; font: 12px verdana, arial, sans-serif;}

.clearer {clear: both;}

:focus
{
-moz-outline-style: none;
}

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


a {text-decoration: none;}

#content a {color: #444444; text-decoration: underline;}

#menuwrap {width: 960px; margin: 0 auto; height: 59px; background: url(pics/top_shine.jpg) no-repeat;}
#menuleiste {}


#logo {position: absolute; z-index: 99; margin-left: 20px; width: 232px;}
#logo li {display: none;}
#logo li.active {display: block;}
#logo a {display: block; text-indent: -3000px; width: 214px; height: 90px;}


#searcharea {width: 400px; padding: 0 10px 0 540px; z-index: 59; position: absolute;}

#searcharea #field input {margin: 0px 8px 0 0; float: right; border: none; width: 120px; height: 20px; padding: 1px 6px 1px 37px; font: bold 11px verdana, arial, sans-serif;}
#search_btn {float: right; width: 72px; height: 27px;}

#screenwrap {height: 360px; background: url(pics/back_screen.jpg) top center repeat-x #fff; }

.default #screenwrap, .mad #screenwrap, .agency #screenwrap, .tbt #screenwrap {height: 398px;}

.individual #screenwrap, #search #screenwrap, #contact #screenwrap, #agb #screenwrap, #impressum #screenwrap, .faq1 #screenwrap, .faq2 #screenwrap, .bilder #screenwrap, .videos #screenwrap, .projects #screenwrap, .brands #screenwrap {display: none;}

#search #mainwrap, #contact #mainwrap, #agb #mainwrap, #impressum #mainwrap, .faq1 #mainwrap, .faq2 #mainwrap, .bilder #mainwrap, .videos #mainwrap, .projects #mainwrap, .brands #mainwrap {padding: 45px 0 0 0}


#screenshadow {background: url(pics/screenshadow.png) top center no-repeat;}
* html #screenshadow {background: none;}

#screeninner {width: 960px; margin: 0 auto; height: 388px; -moz-border-radius: 3px;
        -webkit-border-radius: 3px;}
#screeninner .slide {height: 100%; line-height: 18px;}

.page-slider {padding-left: 850px; z-index:990; position: absolute; margin-top: -45px;}
.page-slider ol {list-style: none; margin: 0; padding: 0;}
.page-slider ol li {float: left; padding: 0 10px;}
.page-slider ol li a {font: bold 20px arial, verdana, sans-serif;}


#main {width: 960px; margin: 0 auto; padding: 20px 0 80px 0; font: 11px verdana, arial, sans-serif;}
.individual #main  {padding:60px 0 80px 0}



/* -------------------------


        FOOTER AREA

--------------------------- */


#footerwrap {background: url(pics/back_prefooter.gif) repeat-x #2c2a28; color: #fff; font: 11px arial, verdana, sans-serif; border-bottom: 1px solid #434140;}


#footermenu {width: 960px; margin: 0 auto;}
#footermenu ul {margin: 0px 0 0 0; padding: 0; list-style: none;}
#footermenu ul li {background: url(pics/footerliner.gif) no-repeat; width: 132px; padding: 30px 0 50px 5px; float: left;}
#footermenu ul li a {font: bold 12px arial, verdana, sans-serif; color: #d2d1d0; text-transform: uppercase;}



#footermenu ul ul {margin: 0; padding: 5px 0 0 0;}
#footermenu ul ul li  {background: none; margin: 0; padding: 0; float: none;}
#footermenu ul ul li a {font: normal 12px arial, verdana, sans-serif; color: #767168; text-transform: lowercase;}
#footermenu ul ul li a:hover {padding-left: 2px;}

#footermenu li.firstclass {display: none;}



#socialnets {float: right; width: 150px; height: 30px;}
#socialnets ul {margin: 0; padding: 0; list-style: none;}
#socialnets li {float: left;}
#socialnets li a {display: block; text-indent: -3000px; height: 25px;}


#socialnets li.t24 a {background: url(pics/logo_t24.png) 0 2px no-repeat; width: 33px;}
#socialnets li.t24 a:hover {background: url(pics/logo_t24.png) 0px 3px no-repeat;}

#socialnets li.meinvz a {background: url(pics/logo_meinvz.png) no-repeat; width: 30px;}
#socialnets li.meinvz a:hover {background: url(pics/logo_meinvz.png) 0px 1px no-repeat; width: 30px;}

#socialnets li.myspace a {background: url(pics/logo_myspace.png) no-repeat; width: 23px;}
#socialnets li.myspace a:hover {background: url(pics/logo_myspace.png) 0px 1px no-repeat; width: 23px;}

#socialnets li.twitter a {background: url(pics/logo_twitter.png) no-repeat; width: 19px;}
#socialnets li.twitter a:hover {background: url(pics/logo_twitter.png) 0px 1px no-repeat; width: 19px;}

#socialnets li.facebook a {background: url(pics/logo_facebook.png) no-repeat; width: 16px;}
#socialnets li.facebook a:hover {background: url(pics/logo_facebook.png) 0px 1px no-repeat; width: 16px;}

#socialnets li.youtube a {background: url(pics/logo_youtube.png) no-repeat; width: 21px;}
#socialnets li.youtube a:hover {background: url(pics/logo_youtube.png) 0px 1px no-repeat; width: 21px;}


#rappid {margin: 0; padding: 0; list-style: none;}
#rappid li {float: left;}
#rappid li.rapplink a {display: block; text-indent: -3000px; height: 25px;}
#rappid li.rapplink {background: url(pics/logo_rappid.png) no-repeat; width: 60px;}

#footersubwrap {background: #000; font: 11px arial, verdana, sans-serif; padding: 15px 0 50px 0;}
* html #footersubwrap { height: 50px;}

#footer {color: #505050; width: 950px; margin: 0 auto; padding: 10px 0 0 10px;}
#footer a {color: #505050;}





/* -------------------


       CONTENT


------------------------ */




#breadcrumb {padding: 0 0 20px 0; font: normal 12px arial, verdana, sans-serif; color: #767168;}
#breadcrumb a {font: normal 12px arial, verdana, sans-serif; color: #767168;}

h1 {font: normal 18px verdana, arial, sans-serif; normal margin:0; padding: 0 0 10px 0; color: #1c1c1c;}
h2 {font: bold 14px verdana, arial, sans-serif; normal margin:0; padding: 14px 0 3px 0; color: #1c1c1c;}

.headborder {background: url(pics/headborder.gif) bottom left repeat-x;}
.headborder h1 {margin: 0 0 20px 0}

.whitefont {color: #fff}
.blackfont {color: #000}

.fixi {margin: 0 0 25px 0}

#content {float: left; width: 640px; line-height: 16px; color: #444444;}
.individual #content {width: 760px; line-height: 18px;}

#content table td {vertical-align: top;}

#content ul {margin: 5px 0 5px 35px; padding:0;}

#article_images {float: left; width: 340px}

.personal #article_images {float: left; width: 240px;}

#article_images img {float: left; margin: 0 35px 20px 0; border: 8px solid #c0bebb;}

#topcontent {float: right; width: 270px; padding: 150px 45px 0 0; line-height: 14px; font-size: 11px;}
#topcontent h1.white {color: #fff; font: bold 22px arial, verdana, sans-serif; text-transform: uppercase; line-height: 22px;}

div.shadowed {border:1px solid #BBBBBB;}

* html div.shadowed {border:none;}

div.shadowed div.inner-boundry {
background:url("pics/white_line.png") repeat-x #f4f4f4;
border:1px solid #BBBBBB;
margin:-2px 0 0 -2px;
}



.inner-border {padding: 20px;}

div.shadowed div.inner-boundary div.inner-border {
background-color:#F4F4F4;
border:1px solid #FEFEFE;
}


.box {background: url(pics/back_box.jpg) no-repeat; width: 579px; height: 203px; padding: 0 15px 0 0; margin: 0 0 24px 0; color: #fff; overflow: hidden;}
#content .box a {color: #fff;}

.box h1 {padding-top: 70px; color: #fff; text-transform: uppercase; font: bold 20px arial, sans-serif; line-height: 22px;}


.newsteaser_img {width: 290px; height: 201px; float: left; margin: 0 30px 0 0;}
.newsteaser_img img {border: none;}

.ecke img {display:none;}



#rightcol {margin-left: 665px; padding: 0;}
.individual #rightcol {margin-left: 780px;}


.cattip {text-transform: uppercase; text-align: right; font: bold 16px verdana, arial, sans-serif; padding: 5px 10px 10px 0}
.cattip img {float: right; margin: 0 15px 0 0;}

#content-menu {background: url(pics/arrow_menu_0.gif) repeat-y; padding: 15px 30px 30px 0; color: #fff; margin: 0 0 25px 0}

#content-menu .nomenu h1 {color: #fff;}
#content-menu .nomenu a {color: #fff; text-decoration: underline;}
#content-menu .nomenu {padding: 25px 25px 25px 25px; color: #fff;}

.individual #content-menu {display:none;}

#content-menu ul {list-style: none; margin: 0; padding: 0;}
#content-menu ul li {background: url(pics/dots.gif) 0 31px no-repeat;}
#content-menu ul li a {padding: 7px 0 5px 45px; display: block; height: 25px; color: #d2d1d0; font: bold 14px verdana, arial, sans-seriv; text-transform: uppercase;}
#content-menu ul li a:hover {color: #fff;}

#newsletter {background: url(pics/arrow_menu_0.gif) repeat-y; padding: 25px 35px; color: #fff;}
input.nl_input {width: 180px; padding: 2px; border: 1px solid #000; margin: 3px 0 0 0}

/* -------------------


      SEARCH


------------------------ */


.divider {margin: 25px 0; border-bottom: 1px solid #fff; width: 100%;}

.published {margin: 30px 0 10px 0}

.searchlink {padding: 10px 0 0 0}

.searchlink a {color: #444444; text-decoration: underline;}

h1.entry-title a {color: #444;}


/* -------------------

       PAGINATION

-------------------------- */

#pagination {padding: 10px 0 0 0; font: normal 12px arial, verdana, sans-serif; color: #767168;}

#content #pagination a {font: normal 12px arial, verdana, sans-serif; color: #767168;}

#training #content #pagination a, #agency #content #pagination a, #mad #content #pagination a, #tbt #content #pagination a {color: #767168;}


ul.rsx-page-num-list {list-style: none; margin: 0; padding: 0;}

ul.rsx-page-num-list li {float: left;}

.unlinked {padding: 0 5px 0 5px;}

ul.rsx-page-num-list li a {padding: 0 5px 0 5px; font-weight: bold; text-decoration: none;}



.f_red {
        color: #d1100f;
        font-weight: bold;
        font-size: 22px;
}


/* --------------------------

ZEM CONTACT REBORN

--------------------------*/

.kontaktform form {padding: 0;}

fieldset {border: none; padding: 0; margin: 0;}

legend em {
        position:absolute;
        left:-9999em;
border: none;
}

legend {display: none;}

.zem_contact_nonce {display: none;}
.zem_contact_form_id {display: none;}

.zemError {padding: 0; margin: 0 0 35px 0; list-style: none;}
.zemError li {color: #DF575F;}

.zemThanks {color: #444444; font-weight: bold;}

label.zemText {float: left; width: 130px; font-weight: bold;}

label.zemTextarea {font-weight: bold;}

label.zemRadio {display: inline; margin: 0; padding: 0 10px 0 0;}

radio.zemRadio {margin-top: 4px; float: left; padding: 0;}

select.zemSelect {margin: 10px 0; padding: 7px 0;}

input.zemText, textarea.zemTextarea {border:1px solid #d3d3d3;
        background:#fff url(pics/inputbg.gif) repeat-x;
        font-size:14px;
        color:#000;
        text-indent:7px;
        padding: 7px 0;
        margin-bottom:10px;}

input.zemText, select.zemSelect {width: 300px; }

.zemTextarea {width: 430px; font: 12px verdana, arial;}


.zemSubmit {padding: 4px 6px; margin: 0; border: none; background: #1c1c1c; color:#fff; text-transform: uppercase; font: bold 11px verdana,arial;}

.zemError {color: #ff0000;}
.zemError ul {list-style: none;}
.zemError li {background: url(pics/alarm.gif) 0px 3px no-repeat; padding-left: 25px;}

fieldset label {
        display:block;

        background-image: none;

}



input:focus, textarea:focus {
        border-color: #2E4068;
}



#agencyform {padding-left: 25px; background: url(pics/arrow_menu_0.gif) repeat-y; padding: 25px 35px; color: #fff;}
#agencyform .zemError {padding: 0; margin: 0 0 35px 0; list-style: none;}
#agencyform .zemError li {color: #DF575F;}

#agencyform .zemThanks {color: #444444; font-weight: normal;}

#agencyform label.zemText {width: 80px; font-weight: normal;}

#agencyform label.zemTextarea {font-weight: normal;}

#agencyform input.zemText, #agencyform textarea.zemTextarea {border:1px solid #d3d3d3;
        background:#fff url(pics/inputbg.gif) repeat-x;
        font-size:11px;
        color:#000;
        text-indent:7px;
        padding: 7px 0;
        margin-bottom:10px;}

#agencyform input.zemText {width: 150px; }

#agencyform .zemTextarea {width: 230px; font: 11px verdana, arial;}