/*************************************************************/
/*                                                           */
/*                   Klettgau Galerie                        */
/*               Stylesheet von C.Stetter                    */
/*        für blueforest Design - und Medienbüro             */
/*               http://www.blueforest.ch                    */
/*                        									 */				
/*************************************************************/
* {
   margin: 0;
   padding: 0;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
}
em { font-style: italic !important; }
strong { font-weight:bold !important; }
table {
   border-collapse:collapse;
   border-spacing: 0;
   font-size:inherit;
   font:100%;

}
caption,
th,
td {
   text-align: left;
   font-weight: normal;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
   font-style:inherit;
   font-weight:inherit;
}
ins { text-decoration: none; }
del { text-decoration: line-through; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }
blockquote,
q { quotes: "" ""; }
q { quotes:"\201E" "\201C"; }
abbr,
acronym {
   border:0;
   font-variant:normal;
}
body {
   font:13px/1.231 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
   text-align: center;
   z-index: 1;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   overflow-x:hidden;
}
body.kg { padding-bottom:50px; }
body.kg.home { }
/*body.home.zf { background: url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/zukunftsforum/bg.gif) repeat-x left 1px; }*/


body.zf { background: url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/zukunftsforum/bg_home.gif) repeat-x left 1px; }
body.zf.home { background: url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/zukunftsforum/bg.gif) repeat-x left 1px; }
body.zf.mininavi { background: url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/zukunftsforum/bg_sitemap.gif) repeat-x left 1px; }
body.zf.kontakt { background: url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/zukunftsforum/bg_kontakt.gif) repeat-x left 1px; }
body.zf.partner { background: url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/zukunftsforum/bg_partner.gif) repeat-x left 1px; }
body.zf.veranstaltungen { background: url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/zukunftsforum/bg_veranstaltungen.gif) repeat-x left 1px; }
body.zf.member { background: url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/zukunftsforum/bg_mitglieder.gif) repeat-x left 1px; }
body.zf.download { background: url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/zukunftsforum/bg_download.gif) repeat-x left 1px; }
pre,
code,
kbd,
samp,
tt {
   font-family:monospace;
*font-size:108%;
   line-height:100%;
}
:focus { -moz-outline-style:none; }
button::-moz-focus-inner, input::-moz-focus-inner {
 border:0;
}
a,
a img,
:focus,
a:hover,
img a:hover,
fieldset {
   outline: 0;
   text-decoration:none;
   border:none;
}
span.mandatory {
   color:#cc3300;
   font-weight:bold;
}
p.error { color:#cc3300; }
p.back { padding-top:20px; }
pre {
   font-family: monospace;
   white-space: pre;
}
blockquote { margin: 1.12em 40px 1.12em 40px; }
#clear {
   height: 1px;
   clear:both;
}
#main .ce_text a::before { content: "\00BB\00A0"; }
a[href^='mailto:']::before,
#main .ce_text a[href^='mailto:']::before { /*content: "\25A0\00A0" !important;*/ content: "\2709\00A0 "; }
#main .ce_text .image_container a::before { content: ""; }
.captcha_text { display:block; }
img.mime_icon { vertical-align:middle; }
/* -------------------------------------Formulare---------------------------- */

/* -------------------------------------Formulare CUSTOM---------------------------- */
form input[type="text"],
form input[type="password"],
form textarea,
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
   padding:4px 3px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   position:relative;/*   -moz-border-radius:2px;
   -webkit-border-radius:2px;
   -khtml-border-radius:2px;
   -o-border-radius: 2px;
   border-radius:2px;*/
}





form input[type="text"],
form input[type="password"],
form textarea {
   width:220px;
   color:#94877A;
   padding:3px;
   -o-box-shadow: inset 0px 1px 2px #EDECE8;
   -khtml-box-shadow:  inset 0px 1px 2px #EDECE8;
   -moz-box-shadow:  inset 0px 1px 2px #EDECE8;
   -webkit-box-shadow:  inset 0px 1px 2px #EDECE8;
   box-shadow:  inset 0px 1px 2px #EDECE8;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
   float:left;
   border: 1px solid #CCC5BE;
   padding:4px 8px;
   width:130px;
}
form input[type="text"],
form input[type="password"] {
   height:22px;
   border: 1px solid #CCC5BE;
   background: -moz-linear-gradient(top, #ffffff 45%, #EDECE8 99%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, #ffffff), color-stop(99%, #EDECE8));
   background: -webkit-linear-gradient(top, #ffffff 45%, #EDECE8 99%);
   background: -o-linear-gradient(top, #ffffff 45%, #EDECE8 99%);
   background: linear-gradient(top, #ffffff 45%, #EDECE8 99%);
}
form textarea {
   border: 1px solid #CCC5BE;
   background: #ffffff;
   background: -moz-linear-gradient(top, #ffffff 38%, #EDECE8 84%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #ffffff), color-stop(84%, #EDECE8));
   background: -webkit-linear-gradient(top, #ffffff 38%, #EDECE8 84%);
   background: -o-linear-gradient(top, #ffffff 38%, #EDECE8 84%);
   background: linear-gradient(top, #ffffff 38%, #EDECE8 84%);
   height:100px;
}
form textarea:focus,
form input[type="text"]:focus,
form input[type="password"]:focus {
   color:#333;
   border: 1px solid #CCC5BE;
   background: -moz-linear-gradient(top, #EDECE8 0%, #ffffff 5%, #ffffff 94%, #EDECE8 99%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EDECE8), color-stop(5%, #ffffff), color-stop(94%, #ffffff), color-stop(99%, #EDECE8));
   background: -webkit-linear-gradient(top, #EDECE8 0%, #ffffff 5%, #ffffff 94%, #EDECE8 99%);
   background: -o-linear-gradient(top, #EDECE8 0%, #ffffff 5%, #ffffff 94%, #EDECE8 99%);
   background: linear-gradient(top, #EDECE8 0%, #ffffff 5%, #ffffff 94%, #EDECE8 99%);
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
   background-color:#FFF;
   color:#000;
}
body.kg input[type="submit"],
body.kg input[type="reset"],
body.kg input[type="button"] {
border: 1px solid #be9e55;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
   color:#4f4f4f;
   background-color:#EDECE8;
}

body.kg input[type="submit"]:hover,
body.kg input[type="reset"]:hover,
body.kg input[type="button"]:hover {
   color:#000;
   background-color:#be9e55;
}




input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
   background-color:#CCC;
   border: 1px solid #94877A;
   color:#4f4f4f;
}
input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, .button::-moz-focus-inner {
border: 1px dotted transparent;
}
input[type="select"],
select {

   width:230px;
   height:20px;
   border: 1px solid #CCC5BE;
}
input[type="select"]:focus,
select:focus { border: 1px solid #006600; }
input[type="reset"] { margin-right:30px; }
#kontakt .row_last { height:50px; }
form fieldset legend { font-weight:bold; }
/* -------------------------------------Formularelemente---------------------------- */
div.routinglink input[type="text"],
div.routinglink input[type="submit"] {
   float:left;
   padding:2px !important;
}
div.routinglink input[type="text"] {
   width:180px;
   height:18px;
}
div.routinglink input[type="submit"] {
   width:30px;
   height:24px;
   margin-left:3px;
}
.radio_container {  }
.radio_container span {
   float:left;
   clear:both;
}
.radio_container span input.radio,.radio_container span  label {
display:inline;
  float:left;
  max-width:90%;

}
.radio_container span input.radio{
margin-top:3px;
   background: #0F3;
}
.radio_container label,
.checkbox_container label,
input.checkbox+label {

   padding-left:5px;
}
.checkbox_container { padding-top:5px; }
.checkbox_container span {
   float:left;
   clear:both;
}
.checkbox_container legend span {
   float:none;
   clear:none;
}
legend { font-weight:bold; }
table td.submit_container {
   padding-top: 10px;
   padding-bottom: 25px;
}
div.tableform input.checkbox { float:left; }
div.tableform label { float:left; }
legend span { }
legend { display:block; }
form table td { padding-bottom:4px; }
form table td.col_first { padding-right:10px; }
table td.explanation {
   padding-top: 8px;
   padding-bottom: 5px;
}
.pagination {
   text-align: center;
   display:block;
   float:left;
   width:400px;
   padding-top:20px;
}
.pagination p { float:left; }
.pagination ul {
   float:right;
   list-style:none;
   list-style-type:none;
}
.pagination ul li {
   float:left;
   padding-left:3px;
   padding-right:3px;
   list-style:none;
   list-style-type:none !important;
}
p.url { font-weight:bold; }
/* -------------------------------------Listen--------------------------- */
.mod_navigation li,
.mod_navigation ul,
.mod_navigation ol {
   margin: 0;
   padding: 0;
   list-style: none;
   list-style-type: none;
}
ol,
ul,
li {
   list-style-position:inside;
   list-style:disc;
   margin-left:5px;
   padding-left:2px;
}
.ce_text ul {
   margin-left:10px;
   padding-left:0px;
   list-style-type:disc;
   list-style-position: outside;
}
.ce_text ul li {
   margin-left:20px;
   padding-left:0px;
   list-style-type:disc;
   list-style-position: outside;
}
.ce_text ol li {
   margin-left:10px;
   padding-left:0px;
   list-style-type:decimal;
   list-style-position: outside;
}
#main .ce_text ul li { padding-bottom:10px; }
/*-----------------------------------------------Registrierung/Anmeldung--------------------------------*/

.mod_registration /*--------------------Membereliste--------------------------------*/
.mod_memberlist table.all_records,
.mod_listing table.all_records { width:100%; }
.mod_memberlist table.all_records th,
.mod_listing table.all_records th {
   border-bottom: 1px solid #006600;
   font-weight:bold;
}
.mod_memberlist table.all_records th.col_last { content: "Details"; }
.mod_memberlist table.all_records td,
.mod_memberlist table.single_record td,
.mod_memberlist table.all_records th,
.mod_memberlist table.single_record th,
.mod_listing table.all_records td,
.mod_listing table.single_record td,
.mod_listing table.all_records th,
.mod_listing table.single_record th {
   padding:3px;
   padding-right:20px;
   padding-left:0px;
}
.mod_memberlist table.all_records td.col_first,
.mod_memberlist table.all_records th.col_first,
.mod_memberlist table.single_record td.label { padding-left:8px; }
.mod_memberlist table.all_records tr.even,
.mod_memberlist table.single_record tr.even,
.mod_listing table.all_records tr.even,
.mod_listing table.single_record tr.even { background-color:#ECEFEF; }
.mod_memberlist table.all_records td.col_last img { padding-top:0px; }
fieldset#ctrl_publicFields { display:none; }
/*------------Details-Link ausblenden-----------------------
.mod_memberlist table.all_records td.col_last,
.mod_memberlist table.all_records th.col_last { display:none; }*/
/* -------------------------------------List perpage-------------------------- */
.list_search {
   padding-top:20px;
   padding-bottom:20px;
   width:80%;
}
.list_search .ctrl_for { width:150px; }
.list_per_page { padding-top:30px; }
.list_search form input[type="text"],
.list_search form textarea,
.list_search input[type="submit"],
.list_search input[type="reset"],
.list_search input[type="button"],
.list_search input[type="submit"]:hover,
.list_search input[type="reset"]:hover,
.list_search input[type="button"]:hover,
.list_search input[type="submit"]:focus,
.list_search input[type="reset"]:focus,
.list_search input[type="button"]:focus,
.list_per_page form input[type="text"],
.list_per_page form textarea,
.list_per_page input[type="submit"],
.list_per_page input[type="reset"],
.list_per_page input[type="button"],
.list_per_page input[type="submit"]:hover,
.list_per_page input[type="reset"]:hover,
.list_per_page input[type="button"]:hover,
.list_per_page input[type="submit"]:focus,
.list_per_page input[type="reset"]:focus,
.list_per_page input[type="button"]:focus {
   padding:2px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   -moz-border-radius:1px;
   -webkit-border-radius:1px;
   -khtml-border-radius:1px;
   -o-border-radius: 1px;
   border-radius:1px;
   position:relative;
}
.list_search form input[type="text"],
.list_search form textarea {
   width:300px;
   color:#94877A;
   height:15px;
   padding:2px;
   -o-box-shadow: inset 0px 1px 2px #EDECE8;
   -khtml-box-shadow:  inset 0px 1px 2px #EDECE8;
   -moz-box-shadow:  inset 0px 1px 2px #EDECE8;
   -webkit-box-shadow:  inset 0px 1px 2px #EDECE8;
   box-shadow:  inset 0px 1px 2px #EDECE8;
}
.list_search input[type="submit"],
.list_search input[type="reset"],
.list_search input[type="button"],
.list_search input[type="submit"]:hover,
.list_search input[type="reset"]:hover,
.list_search input[type="button"]:hover,
.list_search input[type="submit"]:focus,
.list_search input[type="reset"]:focus,
.list_search input[type="button"]:focus,
.list_per_page input[type="submit"],
.list_per_page input[type="reset"],
.list_per_page input[type="button"],
.list_per_page input[type="submit"]:hover,
.list_per_page input[type="reset"]:hover,
.list_per_page input[type="button"]:hover,
.list_per_page input[type="submit"]:focus,
.list_per_page input[type="reset"]:focus,
.list_per_page input[type="button"]:focus {
   float:right;
   border: 1px solid #CCC5BE;
   width:auto;
}
.list_per_page select,
.list_search select {
   width:100px;
   height:20px;
   border: 1px solid #CCC5BE;
}
.list_per_page input[type="submit"],
.list_per_page input[type="reset"],
.list_per_page input[type="button"],
.list_per_page input[type="submit"]:hover,
.list_per_page input[type="reset"]:hover,
.list_per_page input[type="button"]:hover,
.list_per_page input[type="submit"]:focus,
.list_per_page input[type="reset"]:focus,
.list_per_page input[type="button"]:focus,
.list_per_page select {
   float:left;
   margin-right:20px;
}
/*-----------------------------------------------------Sitemap--------------------------------*/
.mod_sitemap {
   position:relative;
   left:20px;
   padding-top:28px;
}
.mod_sitemap .level_1 li.nositemap { visibility:hidden; }
.mod_sitemap li {
   position:relative;
   list-style:disc;
   list-style-position: inside;
}
.mod_sitemap ul.level_1 li {
   padding-left:10px;
   padding-bottom: 3px;
}
.mod_sitemap ul.level_2 li {
   list-style-image: none;
   padding-left:20px;
   padding-bottom: 0px;
}
.mod_sitemap ul.level_3 li {
   padding-left:30px;
   padding-bottom: 0px;
}
.mod_sitemap .level_2,
.mod_sitemap .level_2 li.submenu {
   visibility:visible;
   font-size:12px;
}
/*--------------------------------------Accordeon allgemein-----------------------------------*/
.toggler {
   height:21px;
   margin-top:5px;
   padding-left:35px;
   padding-top:2px;
   cursor:pointer;
   cursor:hand;
   color:#006600;
   font-size:13px;
   font-weight:bold;
}
.ce_accordion .toggler,
.ce_accordion .toggler.inactive {
   background:url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/icons_backgrounds/acc.gif) no-repeat left bottom;
   /*   border: 1px solid #d0d0d0;*/border-bottom: 1px dashed #c6c7c9;
}
.ce_accordion .toggler:hover {
   background: url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/icons_backgrounds/acc.gif) no-repeat left top;
   /*   border: 1px solid #d0d0d0;*/border-bottom: 1px dashed #c6c7c9;
}
.ce_accordion .toggler.active {
   background: url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/icons_backgrounds/acc.gif) no-repeat left -23px;
   color:#666;
}
.ce_accordion .toggler div {
   padding-bottom:5px;
   font-size:11px;
   color:#666666;
   z-index:500;
}
div.accordion {
   border-bottom: 1px solid #d0d0d0;
   border-left: 1px solid #d0d0d0;
   border-right: 1px solid #d0d0d0;
   padding-left:35px;
   padding-right:15px;
   margin-bottom:5px;
   background-color: #FFF;
   background-repeat: repeat-x;
   background-position: left bottom;
   background-image: url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/icons_backgrounds/border.gif);
}
.ce_accordion { }
div.accordion img {
   padding-right:10px;
   padding-top:10px;
   padding-bottom:5px;
}
div.accordion h2 { font-size:14px; }
body.zf div.accordion {
   border-bottom: 1px dashed #c6c7c9;
   border-left:none;
   border-right:none;
}
/*--------------------------------------Gästebuch-------------------------------------*/
.ce_comments { padding-top:15px; }
.ce_comments form { padding-bottom:15px; }
.ce_comments .comment_default {
   padding-top:15px;
   padding-bottom:20px;
   border-top: thin solid #01b5e1;
}
.ce_comments .widget { padding-bottom:4px; }
.ce_comments .info { padding-bottom:6px; }
.ce_comments .pagination { text-align: center; }
.ce_comments .pagination ul {
   float:right;
   list-style:none;
   list-style-type:none;
}
.ce_comments .pagination ul li {
   float:left;
   padding-left:3px;
   padding-right:3px;
   list-style:none;
   list-style-type:none !important;
}
.ce_comments input.submit {
   font-size: 12px;
   overflow: hidden;
   height: 27px;
   width: 124px;
   color: #01b5e1;
   text-transform: capitalize;
}
/*--------------------------------------News-------------*/

 .mod_newslist {
   padding-left:0px;
   padding-right:0px;
}
body.kg #right .mod_newslist h2 a,
body.kg #right .mod_newslist h2,
body.kg #right .mod_newslist h3 a,
body.kg #right .mod_newslist h3 { color:#be9e55; }
body.kg #right .mod_newslist h3 { font-weight: bold; }
body.zf #right .mod_newslist h2 a,
body.zf #right .mod_newslist h2 { color:#006600; }
.mod_newslist h2 {
   padding-top:0px;
   font-size:12px;
   font-weight: bold;
   padding-bottom:5px;
}
.layout_short.first { padding-top:0px; }
.layout_short {
   padding:5px;
   padding-top:8px;
   padding-bottom:8px;
   padding-left:0px;
   border-bottom: 1px dashed #c6c7c9;
   line-height:16px;
}
#right .layout_short { padding-left:6px; }
p.more {
   font-size:0.9em;
   padding-top:6px;
}
/*--------------------------------------News Leser-------------*/
p.info {
   color:#666;
   font-style: italic;
   background:none;
}
.mod_newsreader .image_container img {
   padding-left:10px;
   padding-bottom:10px;
}
/*--------------------------------------Events-------------*/
.mod_eventlist .event {
   border-bottom: 1px dashed #c6c7c9;
   line-height:16px;
   padding-top:10px;
}
.mod_eventlist .header { padding-top:10px; }
.mod_eventlist .event h2 {
   padding-top:0px;
   font-size:12px;
   font-weight: bold;
   padding-bottom:5px;
}
body.zf.home .mod_eventlist .event h2 {
   font-size:11px;
   font-weight: normal;
   padding-bottom:5px;
}
body.zf.home .mod_eventlist .event {
   padding-top:5px;
   padding-bottom:5px;
}
/* -----------------------------------Events Kalender---------------------------- */

table.minicalendar td,
table.minicalendar th {
   padding-right:5px;
   padding-bottom:4px;
}
table.minicalendar .head {
   font-weight:bold;
   font-size:1.1em;
}
table.minicalendar td.active a { font-weight:bold; }
body.zf table.minicalendar td.active a { color:#006600; }
body.kg table.minicalendar td.active a { color:#be9e55; }
table.minicalendar td.active a { background-color:#eaeaea; }
/*--------------------------------------Contao Suche-------------------------------*/
form#suche {
   padding-right:10px;
   padding-top:10px;
   float:right;
   position:absolute;
   top:5px;
   right:0px;
}
#suche input#keywords {
   width:118px !important;
   height:16px;
   border:1px solid #000;
   font-size: 1em;
   padding:2px;
   padding-left:4px;
   text-transform:uppercase;
}
.mod_search input.submit,
fieldset {
   float:left;
   clear:right;
}
.mod_search input.submit {
   margin-left:10px;
   width:100px;
}
.mod_search input.text {
   float:left;
   width:250px;
   height:22px;
   padding:1px;
   border:1px solid #dcd7d2;
   z-index:500;
}
.mod_search p.header {
   font-size:.9em;
   float:left;
   clear:left;
   padding-top:3px;
   padding-bottom:3px;
}
.mod_search h3 {
   font-size:11px;
   padding-bottom:1px;
}
.mod_search div.even,
.mod_search div.odd {
   font-size:1em;
   display:block;
   padding-top:5px;
   float:left;
   clear:both;
}
/*-----------------------------------Headlines---------------------------------------------------*/
h1 {
   padding-bottom:15px;
   padding-top:0px;
   font-size:14px;
   text-transform:uppercase;
   line-height:normal;
   font-weight:bold;
}
h2 {
   padding-bottom:15px;
   font-size:13px;
   font-weight:bold;
   padding-top:10px;
   line-height:normal;
}
h1+h2 { padding-top:0px; }
body.kg h1,
body.kg h2 { color:#be9e55; }
body.kg h1 {    font-size:24px;
}
body.zf h1,
body.zf h2 { color: #006600; }
/* -----------------------------------Anordnung Design---------------------------- */
body.kg.home #zusatz { }
body.kg #zusatz { }
#wrapper {
   z-index: 3;
   text-align:left;
   background: #FFF;
   font-size: 11px;
}
body.kg #wrapper { color: #4b575f; }
body.zf #wrapper { color: #333; }
body.kg a { color: #4b575f; }
body.kg a:hover { color:#be9e55; }
body.zf a { color:#006600; }
body.zf a:hover { color: #666666; }
/* -----------------------------------Anordnung Design---------------------------- */

#wrapper,
#header,
#footer,
#container {
   margin-right:auto;
   margin-left:auto;
}
#wrapper {
   width:1036px;
   background: url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/dehn.png) repeat-y center top;
}
body.kg #wrapper {
   width:1036px;
   background-image: none;
   background:none;
}
#header {
   width:1020px;
   z-index:100;
   position: relative;
   height:346px;
}
body.home #header { height:480px; }
body.kg #header {
   z-index:100;
   position: relative;
   height:480px;
   background:#fff;
}
#header .inside { }
#container {
   width:1020px;
   position: relative;
   z-index: 100;
   padding-top:35px;
}
body.kg #container { background-color:#fff; }
#left,
#right {
   position: relative;
   z-index: 200;
}
#main .inside,
#right {
   padding-top:2px;
   min-height:200px;
}
#right {
   float:right;
   width:185px;
   padding-right:85px;
   position: relative;
}
#main .inside {
   padding-left:0px;
   padding-right:40px;
   padding-bottom:0px;
   position: relative;
   line-height:18px;
   z-index: 19;
}
#main {
   padding-right:270px;
   padding-left:312px;
   padding-bottom:40px;
}
#left {
   width:212px;
   padding-left:100px;
   float:left;
   position: relative;
}
#left .inside { }
#footer {
   padding-left:100px;
   padding-bottom:40px;
   padding-right:100px;
   background: url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/footer.png) no-repeat center bottom;
}
#footer .inside {
   border-top: 1px dashed #c6c7c9;
   border-bottom: 1px dashed #c6c7c9;
}
#footer,
#footer .inside { min-height:100px; }
body.kg #footer {
   position: relative;
   width:820px;
   background-color:#fff;
   background-image:none;
   z-index:490;
}

body.ie6.kg .image_container img{}
body.win.fx7.kg div.bg{ z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;}
  
  body.win.fx7.kg .wrapper{position: relative;}
/* -----------------------------------Elemente---------------------------- */
#logo {
   float:right;
   position:absolute;
   top:50px;
   right:50px;
}
body.zf #logo {
   top:41px;
   right:50px;
}
#header .image_container {
   position:absolute;
   top:148px;
   right:0px;
   z-index:10;
}
body.zf #header .caption { display:none; }
#main p { padding-bottom:10px; }
#main .twocol .ce_text {
   -moz-column-count:2;
   -moz-column-rule: solid 1px #f2f2f2;
   -moz-column-gap: 29px;
   -webkit-column-count:2;
   -webkit-column-rule: solid 1px #f2f2f2;
   -webkit-column-gap: 29px;
   padding: 0 20px 0 0px;
}
.image_container.float_left {
   padding-right:20px;
   padding-bottom:20px;
}
.image_container.float_right {
   padding-left:20px;
   padding-bottom:20px;
}
/* -----------------------------------Zweispaltig/ Fullwidth---------------------------- */
body.fullwidth #main { padding-right:30px; }
/* -----------------------------------Dteispaltig/ Bild und Text rechts---------------------------- */
#right .bildundtext {


}#right .bildundtext img {
   padding-bottom:20px;   padding-right:10px;
   border-bottom: 1px dashed #c6c7c9;
}
#right .bildundtext .ce_text {
   padding-bottom:20px;
   border-bottom: 1px dashed #c6c7c9;
   padding-top:10px;line-height:16px;
   margin-bottom:20px;
}
/* -----------------------------------Startseite Klettgaugalerie--------------------------- */


body.kg.home #header { display:none; }
body.kg.home #footer { display:none; }
body.kg.home #container {
   background-color:transparent !important;
   margin-top:140px;
   padding-top:0px;

}
body.kg.home #left {
   width:430px;

   padding-left:0px;
   padding-top:70px;
   color:#0f9ddb;
   font-size:30px;
}
body.kg.home #left .image_container{

   padding-top:50px;

}
body.kg.home #main {
   padding-right:0px;
   padding-left:620px;
   padding-bottom:40px;
}
body.kg.home #main .inside {
   padding-left:0px;
   padding-right:0px;
   padding-top:35px;
   padding-bottom:0px;
   position: relative;
}
body.kg.home #main #news-startseite.mod_article {
   background: url(http://www.zukunftsforum-hochrhein.de/tl_files/content/design/icons_backgrounds/opa20wh.png) repeat;
   margin-top:55px;
   padding:15px;
}
body.kg.home .layout_short {
   border-top: 1px dashed #c6c7c9;
   border-bottom: none;
   padding:10px;
   padding-left:0px;
   padding-right:45px;
}
body.kg.home .layout_short.first { padding-top:10px; }
body.kg.home .mod_article,
body.kg.home h1,
body.kg.home h2,
body.kg.home h2 a,
body.kg.home p.more a { color:#000000; }
body.kg.home h2 a:hover,
body.kg.home p.more a:hover { color:#fff!important; }
body.kg.home .mod_article,
body.kg.home h1,
body.kg.home h2,
body.kg.home h2 a,
body.kg.home p.more a { color:#000000; }
body.kg.home h2 a:hover,
body.kg.home p.more a:hover { color:#fff!important; }
body.kg.home #left .mod_article { color:#0f9ddb; }
body.kg.home #left .mod_article p {
   padding-bottom:10px;
   line-height:28px;
   font-size:24px;
   font-family: "Myriad Web Pro", "Myriad Pro", Arial, sans-serif;
}
body.ie.kg.home .image_container img, body.ie6.kg.home #main #news-startseite.mod_article{
      behavior: url(plugins/css3pie/PIE.htc);
   -pie-png-fix: true;}
   
/* -----------------------------------Newsletter Klettgaugalerie--------------------------- */
body.kg.newsletter .submit_container input { float:right; }