/*

Copyright by StudiMedia GmbH

Developed by Stefan Rechsteiner (stefanrechsteiner.com)
First Build: August 2008 

Last Update: 2009-09-22

Colors:
StudiMedia-Red: #cc0000;
Background-Grey: #e9e9e9;
Font-Grey: #666; and #9b9b9b;

*/

* {padding: 0; margin: 0; line-height: 1.8em;}
body {font-size: 62.5%; font-family: 'Lucida Grande', Verdana, Geneva, Arial, sans-serif; background-color: #f7f7f7; color: #060606;}
img, a img {border: 0;}
a {color: #cc0000; text-decoration: none;}

blockquote {background-color: #bcbcbc; padding: 1em 1em .1em 1em; margin: 0em 0em 1em 0em;}
ol {font-size: 1.2em; margin: 0em 0em 0em 2em;}
ol li {padding: 0em 0em .5em 0em;}

.none {display: none;}
.clear {clear: both;}
#statscode {height: 0px; width: 0px;}
#ie {margin: 0px auto; text-align: center; width: 960px; background-color: #fa0000;}
#ie p {color: #fff; font-size: 1.6em; text-decoration: blink; margin: 1em;}
#ie p a {color: #f6f6f6; font-weight: bold; text-decoration: underline;}
#wrap {margin: 0px auto; width: 960px;}
#header {width: 100%; height: 180px; background: url('http://www.studimedia.ch/_images/studimedia.png') no-repeat bottom left;}
#header #fade {position: absolute; margin: 20px 0px 0px 696px;}
#header #schriftzug {position: absolute; margin: 120px 0px 0px 15px; width: 245px; height: 52px;}
#content {float: left; width: 750px; background: #d9d9d9 url('http://www.studimedia.ch/_images/design/main-top.png') no-repeat top center;}
#content .main {margin: 20px 20px 0px; width: 625px; min-height: 400px;}
#content .artikel {margin: 0px 0px 30px;}
#content h1 {color: #cc0000; padding: 0px 0px 10px; font-size: 1.8em; line-height: 1.8em;}
#content h1.small {font-size: 1.2em; padding: 40px 0px 0px;}
#content h2 {color: #cc0000; padding: 10px 0px 0px; font-size: 1.4em; line-height: 1em;}
#content h2.paddingtop {padding-top: 1.8em;}
#content h3 {color: #cc0000; padding: 5px 0px 7px 0px; font-size: 1.2em; line-height: 1.8em; font-weight: normal;}
#content p {margin: 0px 0px 10px; font-size: 1.2em;}
#content table td {font-size: 1.2em;}
#content p.info {margin: 0px 0px 0px; font-size: 1em; color: #666;}
#content ul {list-style-type: disc; margin: 0px 30px 12px;}
#content ul.nolst {list-style-type: none; margin: 0px 0px 12px;}
#content ul li {font-size: 1.2em; line-height: 1.8em;}
#content dl {margin: 10px 0px 20px; font-size: 1.2em;}
#content dl dd {padding-left: 10px;}

fieldset {border: none;}
fieldset legend {color: #cc0000; padding: 5px 0px 7px 0px; font-size: 1.2em; line-height: 1.8em;}

#content input[type^="text"],
#content input[type^="password"] {background-color: #e9e9e9; padding: .2em .5em; border-top: none; border-right: none; border-bottom: none; border-left: none;}
#content textarea {background-color: #e9e9e9; padding: .2em 0em .2em .5em; border-top: none; border-right: none; border-bottom: none; border-left: none;}
#content button {background-color: #e9e9e9; padding: .5em .8em; white-space: nowrap; border-top: none; border-right: 1px solid #9b9b9b; border-bottom: 1px solid #9b9b9b; border-left: none;}

#comments {margin: 36px 0px 0px 0px;}
#comments h2 {margin: 24px 0px 8px;}
img.avatar {width: 1em; height: 1em; padding: 0px 7px 0px 0px;}
img.avatarleft {max-width: 3em; max-height: 3em; padding: 0px 7px 0px 0px; float: left;}
img.miniicon {height: 1em; padding: 0px 5px 0px 2px;}
img.fullarticle {width: 100%; padding: .5em 0em .5em 0em;}
img.articlemid {margin: 0 auto;}
div.commentodd {background-color: #d9d9d9; padding: 7px;}
div.commenteven {background-color: #e9e9e9; padding: 7px;}

#contentbottom {float: left; width: 750px; height: 80px; background: #d9d9d9 url('http://www.studimedia.ch/_images/bottom.png') no-repeat bottom center;}
#contentbottom img.peoples {float: right; margin: -29px -22px 0px 0px;}
#navi {float: right; width: 180px; margin: 70px 0px 0px; background: #cc0000 url('http://www.studimedia.ch/_images/navitop.png') no-repeat top center;}
#navi ul {margin: 20px 20px 0px; list-style-type: none;}
#navi li {color: #f7f7f7; font-size: 1.2em; padding-bottom: 5px;}
#navi li a {color: #f7f7f7;}
#navi ul ul {margin: -2px 20px 2px;}
#navi ul ul li {font-size: .9em; padding: 2px 0px; font-weight: normal;}

#navi ul li ul.portrait,
#navi ul li ul.dienstleistungen,
#navi ul li ul.verlag,
#navi ul li ul.kontakt,
#navi ul li ul.blog,
#navi ul li ul.referenzen {display: none;}

body.portrait #navi ul li ul.portrait,
body.dienstleistungen #navi ul li ul.dienstleistungen,
body.verlag #navi ul li ul.verlag,
body.kontakt #navi ul li ul.kontakt,
body.blog #navi ul li ul.blog,
body.referenzen #navi ul li ul.referenzen {display: block;}

body.start #navi ul li.start,
body.blog #navi ul li.blog,
body.portrait #navi ul li.portrait,
body.team #navi ul ul li.team,
body.geschichte #navi ul ul li.geschichte,
body.dienstleistungen #navi ul li.dienstleistungen,
body.beratung #navi ul ul li.beratung,
body.mediaplanung #navi ul ul li.mediaplanung,
body.messeplanung #navi ul ul li.messeplanung,
body.campuspromotionen #navi ul ul li.campuspromotionen,
body.employerbranding #navi ul li.employerbranding,
body.studisurf #navi ul li.studisurf,
body.meinprof #navi ul li.meinprof,
body.studiversum #navi ul li.studiversum,
body.studiwg #navi ul li.studiwg,
body.verlag #navi ul li.verlag,
body.referenzen #navi ul li.referenzen,
body.deloitte #navi ul li.deloitte,
body.pwc #navi ul li.pwc,
body.epa #navi ul li.epa,
body.kontakt #navi ul li.kontakt,
body.formular #navi ul ul li.formular,
body.anfahrt #navi ul ul li.anfahrt {font-weight: bold;}

body.team #navi ul li.portrait,
body.geschichte #navi ul li.portrait,
body.beratung #navi ul li.dienstleistungen,
body.mediaplanung #navi ul li.dienstleistungen,
body.messeplanung #navi ul li.dienstleistungen,
body.campuspromotionen #navi ul li.dienstleistungen,
body.studisurf #navi ul li.verlag,
body.meinprof #navi ul li.verlag,
body.studiversum #navi ul li.verlag,
body.studiwg #navi ul li.verlag,
body.deloitte #navi ul li.referenzen,
body.pwc #navi ul li.referenzen,
body.epa #navi ul li.referenzen,
body.formular #navi ul li.kontakt,
body.anfahrt #navi ul li.kontakt {font-weight: normal;}


#navibottom {float: left; width: 180px; height: 20px; background: #d9d9d9 url('http://www.studimedia.ch/_images/navibottom.png') no-repeat bottom center;}
#footer {float: left; background-color: #f7f7f7;}
#footer p {margin: 5px 20px; width: 960px; color: #9b9b9b; font-size: 1em;}
#footer p:last-child {margin: 5px 20px 30px 20px}
#footer p a {color: #9b9b9b;}
div.pics {height: 200px; width: 265px; padding: 0; margin: 0;}
div.pics img {height: 200px; width: 265px; top: 0; left: 0;}



#slider {width: 690px; margin: 0 auto; position: relative; border: 10px solid #ccc; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.scroll {overflow: hidden; width: 690px; margin: 0 auto; position: relative;}
.scrollContainer {position: relative;}
.scrollContainer div.panel {padding: 10px 5px; width: 143px; min-height: 341px;}
#left-shadow {position: absolute; top: 0; left: 0; width: 12px; bottom: 0; background: url('http://www.studimedia.ch/_images/slider/leftshadow.png') repeat-y;}
#right-shadow {position: absolute; top: 0; right: 0; width: 12px; bottom: 0; background: url('http://www.studimedia.ch/_images/slider/rightshadow.png') repeat-y;}
.inside {padding: 10px 10px 0px 10px; border: 1px solid #999; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.inside p {font-size: 10px;}
.inside img {display: block; border: 1px solid #d9d9d9; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin: 0 0 0px 0; width: 120px;}
.scrollButtons {position: absolute; top: 151px; cursor: pointer;}
.scrollButtons.left {left: -45px;}
.scrollButtons.right {right: -45px;}
.hide {display: none;}