/* Schrift: #343434; 
Orange: #f95e00; */
.webseitenUnseresPortfolios h3 {}
.webseitenUnseresPortfolios li {list-style: circle; line-height: 22px; list-style-position: inside; margin-left: 20px;}

* {margin: 0; padding: 0;}
html, body {text-align: center;} /* IE7 */
body {font: normal normal 11px/18px Verdana; background: transparent url(_design/topbalken.png) top center repeat-x; border-bottom: 50px solid white; color: #464646;}

#main {margin-top: 33px;}
#right {width: 300px; margin-left: 50px;}
*+html #right {margin-top: 36px;}
#header {height: 280px;}
#container {width: 900px;}
.home #main {width: 510px; margin-top: 20px;}

#topbar div {font-size: 10px; padding: 4px 0 0 0;}
#headerbereich {width: 480px; margin: 0 0 6px 0; padding: 0; font-size: 12px;}
.headerbild {margin: 10px 0 0 0; z-index: 6;}
.online-inhalte {margin-top: -10px; z-index: 7;}

.copyright {padding: 10px 0 60px 10px; width: 880px; color: #A4A4A4; font-size: 11px;}
.copyright div {font-size: 11px;}

.dankeFuerIhreNachricht {background: #e8ffee; color: #33a754; font-weight: 400; padding: 15px 20px 3px 20px; text-align: center; margin-bottom: 30px;}

/* - - -  */
a {outline: none;} /* Firefox Outline */
a:link, a:visited  {color: #f95e00; text-decoration: none;}
a:hover {color: #585858;}

.ce_hyperlink {margin-top: 10px;}
a.hyperlink_txt {padding: 5px 12px 5px 12px; font-weight: bold; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 12px; line-height: 25px; border: 1px solid #f95e00; color: #f95e00; font-weight: normal;}
a.hyperlink_txt:hover {background: #f95e00; color: #FFF; font-weight: normal;}

p, div, ul, li {font-size: 12px; text-align: left;}
p {margin-bottom: 20px;}
.ce_text p {margin-bottom: 10px;}

h1 {font-size: 13px; color: #343434; text-align: left; font-weight: 700; margin: 15px 0 20px 0; padding: 0 0 3px 0;}
h2 {font-size: 12px; color: #343434; text-align: left; font-weight: 700; margin: 18px 0 5px 0; padding: 0 0 3px 0; border-bottom: 1px solid #e4e4e4;}
h3 {font-size: 12px; color: #343434; text-align: left; font-weight: 700; margin: 15px 0 0 0; padding: 2px 0 2px 5px; border-bottom: 1px solid #e4e4e4;}
h3 {font-size: 13px; color: #343434; text-align: left; font-weight: 700; margin: 15px 0 20px 0; padding: 0 0 3px 0;}
h4 {font-size: 12px; color: #949494; text-align: left; margin-bottom: 35px; font-weight: 400;}

.clear {clear: both; visibility: hidden;}
.spacer {height: 20px; display: block; clear: both;}

ul {padding: 0; margin: 15px 0 15px 0;}
li {text-align: left; list-style: none;}

#smalltext {font-size: 12px;}
#copyright {text-align: center; font-size: 10px; color: #797979; line-height: 15px;}

div#sehrgeehrte {position: absolute; top: 45px; left: 600px; width: 285px; height: 185px; font-size: 12px; padding: 8px; text-align: center; background: transparent url(/tl_files/_design/_module/sehrgeehrte.png) no-repeat; color: #f95e00; line-height: 21px;}
div#sehrgeehrte h3 {color: #f95e00; margin: 5px 0 10px 5px; border: none; font-size: 15px;}
*+html div#sehrgeehrte div {font-size: 12px;}
*+html div#sehrgeehrte h3 {font-size: 14px;}

#newsmodul {width: 340px; height: 120px; position: absolute; top: 229px; left: 532px; font-size: 12px;}
#newsmodul h2 {margin: 0 0 1px 0; padding: 0 0 1px 0;}
#newsmodul h2 a {font-size: 12px; color: #585858;}
#newsmodul p.info {color: #949494; float: right; margin-top: 0px; font-size: 10px;}
.newsteasertitle {color: #000;}

.mod_newsreader img {margin: 0 0 15px 12px;border: 1px solid #DDD;}
p.info {color: #949494; margin-top: 0px; font-size: 10px;}

#kontaktmodul {height: 185px; background-image: -webkit-linear-gradient(top, #D5EBEE, #FFF); padding: 10px 0 0 12px; font-size: 12px; border-radius: 10px;}
#kontaktmodul h1 {background: transparent url(_design/icons.png) -4px -102px no-repeat; padding: 2px 0 0 25px; margin: 0 0 10px 0; font-size: 14px;}

#newsletterregister {height: 125px; border: 1px solid #DDD; border-radius: 8px; padding: 10px 0 0 12px; font-size: 12px; margin-top: 20px;}
#newsletterregister h1 {background: transparent url(_design/icons.png) -4px -52px no-repeat; padding: 2px 0 0 25px; margin: 2px 0 12px 0; font-size: 14px;}
div.checkbox_container {height: 9px;}

/* - - - - - */

.frontword {width: 525px; height: 50px; padding: 8px; position: relative; top: -10px; left: -7px; color: #949494; font-size: 12px;}
.frontword h1 {font-weight: normal; color: #555; font-size: 13px; margin: 0; padding: 0;}

#home {width: 900px; margin: 0; padding: 0;}


.frontNews {float: left; width: 540px;}
.frontNews h3 {font-size: 13px; color: #343434; text-align: left; font-weight: 700; margin: 33px 0 15px 0; padding: 0 0 3px 0;}
.frontNews p {margin: 3px 0 3px 0;}
.frontNews p.info {color: #949494;}
.frontNews .layout_simple {margin-bottom: 12px;}

#referenzen {width: 483px; height: 190px; padding: 20px 16px 16px 16px; background: #FFF url(/tl_files/_design/_module/referenzen.png) no-repeat; font-size: 12px; float: right;}
#referenzen h4 {text-align: left; font-weight: 700; margin: 14px 0 15px 0; padding: 0; border: none; font-size: 13px; color: #343434; text-align: left; font-weight: 700;}
*+html #referenzen {padding-top: 34px;}


/* - - Navigation - - */

#navigation {position: relative; top: 16px; left: 25px; width: 900px;}
*+html #navigation {top: 16px;}
#navigation.mod_customnav {height: 35px; overflow: hidden; /* Just for IE6 */}
*+html #navigation.mod_customnav {padding-top: 0px;}

#navigation.mod_customnav ul {margin: 0; padding: 0;}
#navigation.mod_customnav li {margin-right: 13px; float: left;}
*+html #navigation.mod_customnav li {margin-right: 13px;}
#navigation.mod_customnav li a:link, #navigation.mod_customnav li a:visited {padding: 5px 20px 9px 20px; background: url(/tl_files/_design/menupoint.png) bottom no-repeat; text-decoration: none; line-height: 29px; font-size: 18px;}
#navigation.mod_customnav li a:hover {padding: 5px 20px 9px 20px; line-height: 29px; border-radius: 3px 3px 0 0; color: #555;}
#navigation.mod_customnav li span.active {padding: 4px 20px 4px 20px; background: #f95e00; line-height: 34px; border-radius: 3px 3px 0 0; color: #FFF; font-size: 18px; margin-top: 2px;}
*+html #navigation.mod_customnav li span.active {margin-top: 3px;}

#right .mod_customnav {text-align: center; padding: 2px 0 0 0; margin-bottom: 20px; margin-left: 0px; min-height: 190px;}
#right .mod_customnav h1 {background: transparent url(_design/icons.png) -4px -2px no-repeat; padding: 2px 0 0 25px; margin: 0 0 8px 5px; font-size: 14px;}
#right .mod_customnav li {margin: 1px 0 0 0; border-bottom: 1px solid #E4E4E4; text-align: center;}
#right .mod_customnav li a:link, #right .mod_customnav li a:visited {padding: 5px 20px 5px 20px; text-decoration: none; line-height: 32px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 14px; width: 280px;}
#right .mod_customnav li a:hover {background: #f95e00; color: #FFF; width: 280px;}
#right .mod_customnav li span.active {padding: 5px 20px 5px 20px; background: #f95e00; line-height: 32px; -webkit-border-radius: 3px; color: #FFF; -moz-border-radius: 3px; font-size: 14px;}


/* - - News-Liste News-Seite - - */
#news h3 {border: none; font-size: 14px; margin: 2px 0 4px 0; padding: 2px 0 3px 25px; background: transparent url(_design/icons.png) -4px -251px no-repeat;}
#news p.info {text-align: right; color: #949494; margin-bottom: 5px;}
#news p.more {margin-bottom: 0px; padding: 0 10px 6px 10px; color: #474747; font-weight: normal; font-size: 12px; background: transparent url(_design/icons.png) 0px -350px no-repeat;}
#news .layout_latest {border-bottom: 1px solid #e4e4e4; margin-bottom: 20px;}
#news .layout_latest h3 {font-size: 14px; font-weight: 400;}
#news .layout_latest .first {}

/* - - News-Ansicht - - */
#news16 h2, #news h2, #kontakt h2, #faq h2, #impressum h2, #presse h2, #werbeplanung h2, #medienuebersicht h2 {color: #343434; text-align: left; font-weight: 400; font-size: 20px; margin: 0 0 7px 0; padding: 0; border: none;}
#news16 h3 {border: none; font-size: 15px; margin: 20px 0 4px 0; padding: 2px 0 3px 25px; background: transparent url(_design/icons.png) -4px -251px no-repeat;}
#news16 p.info {margin: 0 0 20px 25px;}


/* - - Footer Navigation - - */

#footer {height: 12px; clear: left;}
*+html #footer {height: 56px;} /* IE7 Fix */

#footer div.mod_customnav {margin: 50px 0 0 0; padding-bottom: 2px; width: 900px; background: none; left: 0; position: relative; border-bottom: 1px solid #e4e4e4; border-top: 0;}

#footer .mod_customnav li {margin-left: 12px; float: left; list-style: none; text-decoration: none;}
#footer .mod_customnav li a:link, #footer .mod_customnav li a:visited {padding: 0 10px 6px 12px; color: #474747; font-weight: normal; font-size: 12px; background: transparent url(_design/icons.png) 0px -350px no-repeat; text-decoration: none;}
#footer .mod_customnav li a:visited {margin-top: 6px;}
#footer .mod_customnav li a:hover {padding: 0 10px 6px 12px; color: #979797;}
#footer .mod_customnav li span.active {padding: 0 10px 6px 12px; color: #979797; background: transparent url(_design/icons.png) 0px -350px no-repeat; font-weight: normal; font-size: 12px;}

p.back {background: transparent url(_design/icons.png) 0px -390px no-repeat; padding: 10px 0 0 12px; margin-top: 20px; font-size: 12px; border-top: 1px solid #e4e4e4;}


/* - - - Liste - - - */

.kopftext h1 {font-size: 19px; margin: 22px 0 12px 0; padding: 0; color: #f95e00; line-height: 26px;}
.kopftext img {border: none; margin: 0 0 25px 75px;}
.projektbeschreibung img {border: 1px solid #AAA;}
.ce_text {font-size: 12px;}
div.ce_text.projektbeschreibung li {text-align: left; list-style-type: circle; padding-left: 20px; list-style-position: inside;}
.zielgruppe {margin: 10px 0 0 5px;}

div.ce_list li {padding: 3px 3px 3px 6px; width: 221px;}
div.ce_list li.first {background: #FFF7D0;}
div.ce_list li.last {background: #D8EFFA;}

.quelle {clear: left; color: #949494;}
.quelle p {margin: 10px 5px 20px 0; font-size: 10px; text-align: center; color: #949494;}
.ce_list p {margin: 10px 5px 10px 0; font-size: 10px; text-align: center;}

div.accordion h3 {border: none; margin: 15px 0 -5px 0; padding: 0;}
div.accordion p {margin: 0;}

div.toggler {font-size: 12px; color: #f95e00; text-align: left; font-weight: 700; margin: 5px 0 0 0; padding: 2px 27px; cursor: pointer; background: transparent url(_design/icons.png) -4px -202px no-repeat;}
div.toggler:hover {color: #585858;}

div.sitelink {background: transparent url(_design/icons.png) 120px -133px no-repeat; padding-left: 0px;}
div.sitelink a {font-size: 12px; text-shadow: 2px 2px 1px #FFF; display: block;}
div.sitelink a span.small {font-size: 10px; font-weight: 400;}

.leftlist {float: left; width: 230px;}
.rightlist {float: left; top: 0; left: 40px; position: relative;}

/* - - -  FAQ - - - */
#faq h3 {border: none; font-size: 14px; margin: 20px 0 8px 0; padding: 2px 0 5px 25px; background: transparent url(_design/icons.png) -4px -301px no-repeat; color: #f95e00; border-bottom: 1px solid #e4e4e4;}

/* Formular */
#kontakt input {border: 1px solid #f95e00; font-size: 12px; padding: 2px; width: 220px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#kontakt input#ctrl_3 {margin-top: 3px;}
#kontakt input#ctrl_9 {width: 20px; margin-bottom: 20px;}
span.mandatory {visibility: hidden;}
.col_first {display: block;}
#kontakt label {font-size: 12px;}
#kontakt textarea {width: 320px; height: 200px; font-size: 12px; padding: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #f95e00; margin-top: 3px;}
#kontakt table tbody tr {margin: 10px;}
#kontakt .submit {background: #efefef; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#kontakt .submit:hover {background: #f95e00; border: none; color: #FFF;}
tr.row_6, tr.row_3, tr.row_2, tr.row_1, tr.row_0 {line-height: 30px;}

.mod_subscribe input {padding: 3px; font-weight: bold; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 12px; border: 1px solid #f95e00; color: #343434; font-weight: normal; width: 180px;}
.mod_subscribe input.submit {width: 80px; cursor: pointer; color: #FFF; background: #f95e00;}
.mod_subscribe input.submit:hover {background: #FFF; color: #343434;}

.mediendaten {float: right; width: 285px; height: 65px; border: 1px solid #DDD; background: #eaeaea; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 10px 0 0 50px; font-size: 12px; background: #eaeaea url(_design/pdfIcon.png) 12px 12px no-repeat;}
.clearFront {clear: both; visibility: hidden; height: 20px;}

.mediendaten h2 {padding: 0 0 0 20px; border: none; margin: 8px 0 0 0;}
.mediendaten a:link, .mediendaten a:visited {background: #FFF; padding: 3px 8px 3px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.mediendaten a:hover {color: #FFF; background: #F95E00;}

.mediendaten img.mime_icon {visibility: hidden;}
.slider {float: left; display: block; width: 540px;}

.cs-prev, .cs-next {visibility: hidden;}


/* - - Werbeplanung - - */

#werbeplanung {}

#f3 {}

#f3 input, #f3 textarea {border: 1px solid #f95e00; font-size: 12px; padding: 3px 4px 3px 4px; width: 220px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#f3 .checkbox {width: 20px;}
#f3 .checkbox_container span {display: block;}
#f3 fieldset {border: none;}
#ctrl_18 {background: #EFEFEF; padding: 14px;}
#ctrl_10 {background: #EFEFEF; padding: 14px;}

#f3 .col_0 {width: 150px;}
#f3 .col_0 label {background: #EFEFEF; border: 1px solid #EFEFEF; padding: 3px 8px 3px 8px; border-radius: 4px;}




/* - - - - */

 .dropline {border-top: 1px solid #eaeaea; margin: 0; padding: 15px 0 8px 0;}
#medienuebersicht .dropline h2, .droplineLast h2 {margin: 0; padding: 0; border: none; font-size: 12px; font-weight: 700;}
.droplineLast {border: none; margin: 0 0 20px 0; padding: 15px 0 8px 0;}

.spalteEins {width: 380px; border-right: 1px solid #eaeaea; float: left; margin-right: 20px;}
.spalteEins img:hover {opacity: 0.7;}
.spalteZwei {width: 315px; border-right: 1px solid #eaeaea; float: left; margin-right: 20px;}
.sitelink {width: 160px; float: left; padding: 0;}