/* ================= 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; font-style: normal; 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; _width: 682px;}



#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;*/ padding: 1px 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;}



/* ================= Multicolum =================== */

#content  ul.multicolumnContainer {margin: 0;}

#content  ul.multicolumnContainer li { 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;}


/* --- level 1 --- */
#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;}

/* --- level 2 --- */
#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.sub76 {background-position: 0 0; line-height: 38px;}

#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;}
#navSub ul li.act li a.sub76:hover, #navSub ul li.act li.act a.sub76 {background-position: 0 -38px;}

/* --- level 3 --- */
#navSub ul li.act li.act ul {margin: 8px 0;}

#navSub ul li.act li.act li a.sub44 {background-position: 0 0; line-height: 20px;}
#navSub ul li.act li.act li a.sub66 {background-position: 0 0; line-height: 33px;}
#navSub ul li.act li.act li a.sub74 {background-position: 0 0; line-height: 36px;}
#navSub ul li.act li.act li a.sub76 {background-position: 0 0; line-height: 38px;}

#navSub ul li.act li.act li a.sub44:hover, #navSub ul li.act li.act li.act a.sub44 {background-position: 0 -22px;}
#navSub ul li.act li.act li a.sub66:hover, #navSub ul li.act li.act li.act a.sub66 {background-position: 0 -33px;}
#navSub ul li.act li.act li a.sub74:hover, #navSub ul li.act li.act li.act a.sub74 {background-position: 0 -37px;}
#navSub ul li.act li.act li a.sub76:hover, #navSub ul li.act li.act li.act a.sub76 {background-position: 0 -38px;}

#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: 2px 0 27px 0; width: 680px;}

#navKanton ul li {float: left; margin: 0 5px 0 0;}

#navKanton.extended ul li {float: left; margin: 0 15px 0 0;}

#navKanton ul li a {padding-bottom: 2px; display: block; text-indent: -10000px; line-height: 21px; border-bottom: 1px solid #e7564c;}

#navKanton ul li a:hover, #navKanton ul li.act a  {background-position: 0 -24px; 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: 180px; text-align: left; float: right;}

div.tx-ttaddress-pi1 div.vcard_img_mc {padding: 0 0 10px 0;}

div.tx-ttaddress-pi1 div.description div.vcard_text {width: 380px;}

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/wettbewerbsprechblase-de.gif) no-repeat scroll right top;}

div.wettbewerbBoxFr {padding: 28px 0 15px; width: 657px; background:transparent url(../images/wettbewerb/wettbewerbsprechblase-fr.gif) no-repeat scroll right top;}

div.wettbewerbBoxIt {padding: 28px 0 15px; width: 657px; background:transparent url(../images/wettbewerb/wettbewerbsprechblase-it.gif) no-repeat scroll right top;}



div.wettbewerbBox table.contenttable,

div.wettbewerbBoxFr table.contenttable,

div.wettbewerbBoxIt 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;}



form.franz input.inputboxsearch {width:400px;}

form.franz input.searchButton {width:90px;}



#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,

#newsletterForm p.auswahl-fr {padding:0 0 18px 0;}

#newsletterForm p.auswahl {height: 50px;}

#newsletterForm p.auswahl input,
#newsletterForm p.auswahl-fr input {clear: both; margin: 2px 7px 0 0; width: auto; border: none;}

#newsletterForm p.auswahl label,
#newsletterForm p.auswahl-fr label {clear: none; width: 380px;}

#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 input.input{padding-top: 7px;}

#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-small {float: right; cursor:pointer; width: 90px; 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: 160px; 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;}