/* ================= General Settings =================== */
* {margin:0; padding:0;}

/* Globale Korrektur des Italics Bugs des IE 5.x und IE 6 */
* html body * {overflow:visible;}

html {overflow-y: scroll;}
body {font: 13px/17px 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Lucida, Arial, sans-serif; background-color: #fff; color: #222; text-align: left;}

h1 {font-size: 13px;}
h1.graphicTitle {text-indent: -10000px; margin: 1px 0 15px -2px;}
h1.cufon {color:#E7564C; font-size: 20px; margin: 0 0 15px -1px;}

img {border: 0 solid;}
ul, li{list-style-type: none;}
p {padding-bottom: 18px;}
a {color: #e7564c;}
a:focus {outline:0;}
a:hover {text-decoration: none; color: #62c5b0;}
#blau a:hover {color: #00a7e3}

div.infoBox {padding-bottom: 15px; background:transparent url(../images/info_gruen.png) no-repeat scroll right 25px;}
div.infoBox div {width: 470px; min-height: 135px;}
#blau div.infoBox {background:transparent url(../images/info_blau.png) no-repeat scroll right 25px;}

a.pdf {background:transparent url(../images/icon/pdf_icon.gif) no-repeat scroll 0 0; display:block; margin:0; padding:0 0 9px 21px;}

#container{position: relative; margin: 20px auto; width:960px;}

/* ================= Header =================== */
#header{height: 134px; font-size: 12px; line-height: 15px;}
#logo {margin-left: 11px;}

/* ================= Language =================== */
#language {position: absolute; top: -2px; right: 200px;}
#language a {text-decoration: none; display: inline; margin-top: -2px;}
#language a:hover {color: #62c5b0;}
#blau #language a:hover {color: #00a7e3;}
#language span.sprache-first{padding-right: 6px; margin-right: 4px; background:transparent url(../images/border_line.png) no-repeat scroll right 1px;}

#language div.tx-srlanguagemenu-pi1 div {float: left;}
#language div.tx-srlanguagemenu-pi1 div.SPC{padding-right: 2px; margin-right: 4px; background:transparent url(../images/border_line.png) no-repeat scroll right 1px;}

/* ================= Inhalt =================== */
#mainContainer{padding: 15px 0 0 0; /*background-color: orange;*/}

#contentContainer,
#contentContainerWettbewerb{float: left; padding: 10px 10px 20px 10px; width: 700px;}

#infoText{float: left; width: 580px;}
#contentContainer #content{float: left; width: 580px;}
#contentContainerWettbewerb #content{float: left; width: 520px;}

#contentTop {float: left; padding: 20px 0 0 0; width: 700px;}
#contentTop h1.graphicTitle {margin: 0 0 8px 0; width: 340px;}
#contentTop #contentLeft {float: left;}
#contentTop #contentRight {float: right;}

/* Kantonsliste 2 Spalte */
#contentRow {float: left; width: 700px;}
#contentRow #leftRow,
#contentRow #rightRow {width: 280px; margin-right:20px; float: left;}

#contentBottom {float: left; padding: 53px 0 0 0; width: 700px; color: #fff;}
#contentBottom h1.graphicTitle {margin: 0 0 10px -1px;}
#contentBottom a{color: #fff; text-decoration: none;}
#contentBottom a:hover{text-decoration:underline;}

#content ul{margin: 0 0 0 15px; padding-bottom: 15px;}
#content li{list-style-type: disc;}

#content div.csc-default {padding-bottom: 15px;}
#content div.csc-textpic-below div.csc-textpic-imagewrap {/*margin: -8px 0 10px 5px;*/ margin: -8px 0 10px 0;}
#content div.csc-textpic-below div.csc-textpic-imagewrap ul {margin: 0; padding: 0;}
#content div.csc-textpic-below div.csc-textpic-imagewrap ul li {margin-right: 25px; list-style-type: none;}

/* ================= Sidebar / News CSS =================== */
#sidebar{float: right; padding: 10px 10px 10px 10px; width: 220px;}
#sidebar a {display: block; text-decoration: none; color: #222; font-weight: bold;}
#sidebar a:hover{color: #222;}
#sidebar div.csc-textpic-textzzz a {background: url("../images/arrow_more.png") no-repeat scroll right bottom;}
#sidebar div.news-list-container {padding: 10px 0;}

div.news-list-container {padding: 0;}
div.news-list-container img {float: none; margin: 0 0 15px 0;}
div.news-list-container div.news-list-item h3 {margin:0 0 0 -2px;}

div.news-list-item {padding-bottom: 18px}
div.news-list-text a span.news-list-morelink {/*position: absolute;*/ display: inline-block; margin-left: 3px; height: 16px; width: 8px; text-indent: -10000px; background: url("../images/arrow_more.png") no-repeat scroll 0 5px;}

div.news-single-img {float:none; margin: 0 0 15px 0;}
div.news-single-item {padding: 0;}
div.news-single-item h3 {margin:0 0 15px -2px;}

span.news-list-date {padding: 0; margin:0 0 7px -2px; float:none; height: 24px; overflow: hidden; margin: 0 0 0 -2px;}
/*
span.news-list-morelink a {position:absolute; height: 16px; width: 8px; text-indent: -10000px; background: url("../images/arrow_more.png") no-repeat scroll 0 50% transparent}
*/

/* ================ Navigation CSS ==================*/
#navMain {height: 38px; background-color: #e7564c}
#navMain li {float: left; border-right: 3px solid #fff;}
#navMain li a {display: block; text-indent: -10000px; height: 38px;}
#navMain li a:hover, ul#navMain li.act a {background-position: 0 -38px;}

#navLeft {float: left; padding: 8px 16px 10px; margin: 0 20px 0 0; width: 188px; height: 149px; background-color: #62c5b0;}
#navCenter {float: left; padding: 8px 16px 10px; margin: 0 20px 0 0; width: 188px; height: 149px; background-color: #62c5b0;}
#navRight {float: right; padding: 8px 16px 10px; width: 188px; height: 149px; background-color: #62c5b0;}

#navSub {float: right; padding: 11px 10px 11px 0; width: 223px;}
#navSub ul li {margin: 0 0 15px;}
#navSub ul li a {display: block; text-indent: -10000px; line-height: 22px;}
#navSub ul li a:hover, #navSub ul li.act a {background-position: 0 -22px;}
#navSub ul li.act ul {margin: 12px 0 0 0;}
#navSub ul li.act li {margin: 0 0 6px;}
#navSub ul li.act li a {background-position: 0 0;}
#navSub ul li.act li a.sub44 {background-position: 0 0; line-height: 20px;}
#navSub ul li.act li a.sub66 {background-position: 0 0; line-height: 33px;}
#navSub ul li.act li a.sub74 {background-position: 0 0; line-height: 36px;}
#navSub ul li.act li a.sub44:hover, #navSub ul li.act li.act a.sub44 {background-position: 0 -22px;}
#navSub ul li.act li a.sub66:hover, #navSub ul li.act li.act a.sub66 {background-position: 0 -33px;}
#navSub ul li.act li a.sub74:hover, #navSub ul li.act li.act a.sub74 {background-position: 0 -37px;}

#navList {position: absolute; top: -2px; right: 10px;}
#navList li {text-align: right;}
#navList li a {text-decoration: none; display: block;}
#navList li a:hover, #navList li a.act {color: #62c5b0;}
#blau #navList li a:hover {color: #00a7e3;}

#navKanton {float: left; margin: 5px 0 27px 0; width: 620px;}
#navKanton ul li {float: left; margin: 0 5px 0 0;}
#navKanton ul li a {padding-bottom: 2px; display: block; text-indent: -10000px; line-height: 18px; border-bottom: 1px solid #e7564c;}
#navKanton ul li a:hover, #navKanton ul li.act a  {background-position: 0 -22px; border-bottom: 1px solid #fff;}

/* ================ tt_address CSS ==================*/
div.tx-ttaddress-pi1 div.vcard {margin-bottom: 35px;}
div.tx-ttaddress-pi1 div.vcard_img {padding: 0 0 10px 10px; width: 160px; text-align: left; float: right;}
div.tx-ttaddress-pi1 div.description div.vcard_text {width: 400px;}
div.tx-ttaddress-pi1 div.adr {font-weight: bold; margin-bottom: 10px;}
div.tx-ttaddress-pi1 div.adr a {font-weight: normal;}
div.tx-ttaddress-pi1 div.url {margin-top: 10px;}

/* ================ Kontaktformular CSS ==================*/
#kontaktFormular {padding: 21px 10px 10px 10px;  width: 500px; color: #fff; background-color: #62c5b0;}
#blau #kontaktFormular {background-color: #00a7e3;}
#kontaktFormular h3 {padding: 28px 0 0 0; height: 33px; font-size: 12px; font-weight: bold;}
#kontaktFormular p {padding: 0; height: 33px; clear: both;}
#kontaktFormular p.info {padding: 30px 0 10px 0; height: auto; clear: both;}
#kontaktFormular p.textarea {padding: 4px 0 0 0; height: auto;}
#kontaktFormular p.newsletter {padding: 20px 0 0 0; height: auto; font-style:italic;}
#kontaktFormular p.error {clear:both; color:#CC0000; padding:0 0 3px 155px; height: auto;}
#kontaktFormular table td {vertical-align: top; height: 33px;}
#kontaktFormular label {float: left; width: 145px; margin-right: 10px;}
#kontaktFormular select {float: left; width:220px;}
#kontaktFormular input {float: left; border: none; border-bottom: 1px solid #b2ffee; color: #fff; background-color: transparent; outline-style: none; outline-width: 0; width:335px;}
#kontaktFormular textarea {float: left; border: none; border: 1px solid #b2ffee; color: #fff; background-color: transparent; outline-style: none; outline-width: 0; width:332px; height: 114px;}

#kontaktFormular label.anzahl {width: 70px;}
#kontaktFormular input.anzahl {width: 55px;}

#kontaktFormular.wettbewerb p.error {padding:0 0 3px 155px;}
#kontaktFormular.wettbewerb label {width: 145px; margin-right: 10px; padding-bottom: 15px;}
#kontaktFormular.wettbewerb input {width:335px;}
#kontaktFormular.wettbewerb textarea {width:332px;}

#kontaktFormular p.submitButton {clear: both; padding: 25px 0 0 0; width: 490px;}
#kontaktFormular input.mf-submit {float: right; cursor:pointer; width: 160px; height: 25px; border: 1px solid #fff; color: #62c5b0; background-color: #fff; font-weight: bold; font-size: 13px; width: auto; padding: 0 7px;}
#kontaktFormular input.mf-submit:hover {color: #fff; background-color: #62c5b0;}

#blau #kontaktFormular input.mf-submit {color: #00a7e3;}
#blau #kontaktFormular input.mf-submit:hover {color: #fff; background-color: #00a7e3;}

/* ================ Übersicht Betriebe CSS ==================*/
#content div.wtdirectory_filter_abc {margin-top: -6px; padding-bottom: 30px;}
#content div.wtdirectory_filter_abc span {font-size: 20px; color: #444;}
#content div.wtdirectory_filter_abc span a {text-decoration: none; border-bottom: 1px solid #e7564c; }
#content div.wtdirectory_filter_abc span a:hover,
#content div.wtdirectory_filter_abc span.wtdirectory_abc_letter_all_act a,
#content div.wtdirectory_filter_abc span.wtdirectory_abc_letter_act a{border-bottom: 1px solid #fff; color: #62c5b0;}

#content div.tx-wtdirectory-pi1 {width: 700px;}
#content div.tx-wtdirectory-pi1 ul {margin: 0;}
#content div.tx-wtdirectory-pi1 li {list-style-type: none; height: 17px;}
#content div.tx-wtdirectory-pi1 dl {display: block;}
#content div.tx-wtdirectory-pi1 dd{display: inline;}
#content div.tx-wtdirectory-pi1 dd.wtdirectory_all_even {font-weight: bold;}
#content div.tx-wtdirectory-pi1 dd.wtdirectory_all_even a {font-weight: normal;}

/* ================ Liste Zusatzprojekte CSS ==================*/
#content div.tx-ttaddress-pi1 div.description {width: 580px;}
#content div.tx-ttaddress-pi1 div.description img {float: left !important;}

/* ================ Suche CSS ==================*/
div.tx-indexedsearch-res p.header {padding: 0;}

/* ================ Wettbewerb CSS ==================*/
div.wettbewerbBox {padding: 28px 0 15px; width: 657px; background:transparent url(../images/wettbewerb/wettbewerb.png) no-repeat scroll right top;}
div.wettbewerbBox table.contenttable {width: 460px;}

/* ================ Powermail CSS ==================*/
form.tx_powermail_pi1_form{padding: 10px;  width: 500px; color: #fff; background-color: #00a7e3;}

div.tx-powermail-pi1 p {padding: 0;}

div.tx-powermail-pi1 fieldset {border: none; padding-bottom: 30px;}
div.tx-powermail-pi1 fieldset.last {padding: 0;}

div.tx-powermail-pi1 fieldset legend {/*display: none;*/ color: #fff; font-weight: bold; padding: 0 0 18px 0;}
html* div.tx-powermail-pi1 fieldset legend {margin-left: -6px; display: inline;} /* only ie6 & ie7 */

div.tx-powermail-pi1 fieldset .powermail_radio_inner {float: left; width: 500px;}
div.tx-powermail-pi1 fieldset .powermail_radio_inner input {float: left;}
div.tx-powermail-pi1 fieldset .powermail_radio_inner label {float: left; padding-left: 10px; width: 465px;}

div.tx_powermail_pi1_fieldwrap_html_check {margin-bottom: 15px;}
div.tx_powermail_pi1_fieldwrap_html_check label {padding-left: 10px;}
div.tx_powermail_pi1_fieldwrap_html_check div.powermail_check_inner {height: 20px;}

div.tx_powermail_pi1_fieldwrap_html_radio {float: left; padding-bottom: 33px;}
div.tx_powermail_pi1_fieldwrap_html_radio div.powermail_mandatory_js{padding-left: 0; width: 500px;}

p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {display: none;}

span.powermail_mandatory {margin-left: 10px;}
div.powermail_mandatory_js {color:#c00; padding-left: 110px; padding-top: 5px; padding-bottom: 10px; clear: both;}

div.tx_powermail_pi1_fieldwrap_html_select,
div.tx_powermail_pi1_fieldwrap_html_text {clear: both; min-height: 33px; height: auto !important; height: 33px;}
div.tx_powermail_pi1_fieldwrap_html_select label,
div.tx_powermail_pi1_fieldwrap_html_text label {float: left; width: 110px; vertical-align: top;}
div.tx_powermail_pi1_fieldwrap_html_text input {float: left; border: none; border-bottom: 1px solid #b2ffee; color: #fff; background-color: transparent; outline-style: none; outline-width: 0; width:380px;}
div.tx_powermail_pi1_fieldwrap_html_label {/*font-weight: bold;*/ padding-bottom: 15px;}

div.tx_powermail_pi1_fieldwrap_html {clear: both;}
/*div.tx_powermail_pi1_fieldwrap_html input.powermail_submit {float: right; cursor:pointer; margin: 23px 10px 10px 0; width: 140px; height: 25px; border: none; color: #00a7e3; background-color: #fff; font-weight: bold;}*/
div.tx_powermail_pi1_fieldwrap_html input.powermail_submit {float: right; cursor:pointer; padding: 0 7px; margin: 23px 10px 10px 0; width: auto; height: 25px; border: 1px solid #fff; color: #00a7e3; background-color: #fff; font-weight: bold; font-size: 13px;}
div.tx_powermail_pi1_fieldwrap_html input.powermail_submit:hover {color: #fff; background-color: #00a7e3;}
div.tx_powermail_pi1_fieldwrap_html textarea {float:left; background-color:transparent; border:1px solid #b2ffee; color:#fff; outline-style:none;outline-width:0; width:378px; height: 114px;}

/* ================ Suchformular CSS ==================*/
form.searchform {height: 25px;}
form.searchform input.inputboxsearch {float: left; padding-top: 7px; border: none; border-bottom: 1px solid #b2ffee; color: #fff; background-color: transparent; outline-style: none; outline-width: 0; width:430px;}
form.searchform input.searchButton {float: right; cursor:pointer; width: 60px; height: 25px; border: none; color: #62c5b0; background-color: #fff; font-weight: bold;}

#content div.tx-indexedsearch-searchbox {padding: 20px 20px 20px 10px;  width: 500px; color: #fff; background-color: #62c5b0;}
#content div.tx-indexedsearch-browsebox p {display: none;}
#content div.tx-indexedsearch-browsebox ul {margin: 0;}
#content strong.tx-indexedsearch-redMarkup {font-weight: normal; background-color: #ff0;}

/* ================ Newsletter CSS ==================*/
#newsletterForm{margin: -15px 0 15px 0; padding: 10px;  width: 500px; color: #fff; background-color: #62c5b0;}
#newsletterForm select {width: 90px;}
#newsletterForm p {padding: 0; height: 33px; clear:both;}
#newsletterForm p.auswahl {padding:0 0 18px 0;}
#newsletterForm p.error {clear:both; color:#CC0000; padding:0 0 3px 110px; height: auto;}
#newsletterForm p.submitButton {clear: both; padding: 5px 0 0 0; width: 490px;}
#newsletterForm p label {float: left; width: 110px;}
#newsletterForm p input {float: left; border: none; border-bottom: 1px solid #b2ffee; color: #fff; background-color: transparent; outline-style: none; outline-width: 0; width:380px;}
#newsletterForm p span label {float: none; width: auto;}
#newsletterForm p span input {float: none; width: auto; margin: 0 5px; border: none;}
#newsletterForm p input.mf-submit {float: right; cursor:pointer; width: 170px; height: 25px; border: 1px solid #fff; color: #62c5b0; background-color: #fff; font-weight: bold; font-size: 13px;}
#newsletterForm p input.mf-submit-fr {float: right; cursor:pointer; width: 190px; height: 25px; border: 1px solid #fff; color: #62c5b0; background-color: #fff; font-weight: bold; font-size: 13px;}
#newsletterForm p input.mf-submit-it {float: right; cursor:pointer; width: 190px; height: 25px; border: 1px solid #fff; color: #62c5b0; background-color: #fff; font-weight: bold; font-size: 13px;}
#newsletterForm p input.mf-submit:hover,
#newsletterForm p input.mf-submit-fr:hover,
#newsletterForm p input.mf-submit-it:hover {color: #fff; background-color: #62c5b0;}