body, html {
   margin: 0;
   padding: 0;
}

body {
   font: 80%/140%  arial, helvetica, sans-serif;/* 1em ist jetzt 12px gross (1em ~= 16px) */
   background: #fff url(/images/ch-open-bg.gif) no-repeat 50% 0% fixed;
}

#seiteninhalt {
   width: 960px;
   margin: auto;
   text-align: left;
   background: url(/images/ch-open-footer.gif) no-repeat bottom left;
}

#kopf {
   width: 960px;
   height: 175px;
   padding: 0;
}

#logo {
   float: left;
   width: 200px;
   margin: 0;
}

.logo {
   margin: 30px 0 0 21px;
   padding: 10px;
}

#titel {
   float: left;
   padding: 0;
   width: auto;
}


#titel p {
   font-size: 1.9em;
   color: #7799BB;
   font-weight: bold;
   margin: 78px 0 0 0px;
   padding: 0;
}

#navigation {
   float: left;
   width: 190px;
   min-height: 425px;
   overflow: hidden;
}

#menu {
   width: 190px;
   min-height: 350px;
   border-top: 4px solid #159;
   margin: 0;
   padding: 0;
}

#menu ul,
#menu ul ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#menu li, 
#menu ul ul li {
   margin: 0;
   padding: 0;
   display: inline;
}

#menu li ul {
   margin: 4px 0 8px 8px;
   border-left: 4px solid #79b;
}

#menu li a {
   display: block;
   padding: 0 7px;
   color: #159;
   font-weight: normal;
   font-size: 1.3em;
   line-height: 1.6em;
   text-decoration: none;
   border-bottom: 1px solid #eee;
}

#menu li li a {
   display: block;
   font-size: 1.1em;
   line-height: 1.5em;
   border-bottom: none;
   font-weight: normal;
}

#menu li li ul {
   margin: 4px 8px 8px 8px;
   border-left: 4px solid #cde;
}

#menu li a:hover {
   background-color: #F5F8FC;
}

#menu li .hier {
   font-weight: bold;
   border-bottom: 1px solid White;
}

#menu li li a:hover {
   background-color: #F0F5FA;
}

#menu li li .hier,
#menu .hier {
   font-weight: bold;
}

li.active a {
   background-color: #F0F5FA;
   font-weight: bold;
}

/* Ende Navigation */



#sponsorenanzeige {
   width: 190px;
   margin: 60px 0 0 0;
   padding-bottom: 30px;
   /* border-bottom: 4px solid #ccddee; */
}

.sponsortitel {
   margin: 0 10px 20px 0;
}

.sponsortitel a,
.sponsortitel a:visited,
.sponsortitel a:hover,
.sponsortitel a:active {
   color: #707070;
   font-weight: bold;
   text-decoration: none;
   border-bottom: 1px solid #159;
}

.sponsortitel a:hover {
   border-bottom: 1px solid #159;
}

.sponsorlogo {
   margin: 20px 0;
}

#container {
   width: 690px;
   float: right;
   margin: 0 70px 0 0;
}

#leftHauptseiten {
   float: right;
   width: 290px;
   border-top: 4px solid #115599;
   text-align: left;
}

#left {
   /* keine Styles */
}

#news {
   width: 290px;
   text-align: left;
   background: transparent url(/images/b85.png) repeat;
   margin: 0;
   padding: 0 0 10px 0;
   color: #115599;
   border-top: 1px solid #159;
   margin-top: -1px;
}

#news a,
#news a:visited,
#news a:hover,
#news a:active {
   font-weight: bold;
   color: #115599;
}

#news p {
   margin: 10px 5px 20px 5px;
   color: #115599;
}

#news ul {
   margin: 0 5px;
   color: #115599;
}

#news img {
   margin: 0 5px;   
}

#news h2  {
   margin: 7px 5px 20px 5px;
}

#news h3 {
   margin: 30px 5px 7px 5px;
}

#newscontainer {
   float: right;
   margin: -4px -5px 0 0;
   padding: 0;
   border-left: 10px solid White; 
}

.initiativen {
   width:  280px;
   margin: 4px 0 0 0;
   padding: 0 5px 30px 5px;
   border-top: 4px solid #79b;
   background: transparent url(/images/w85.png) repeat;
}

.initiativentitel {
   font-weight: bold;
   color: #115599;
}

.initiativen a,
.initiativen a:visited,
.initiativen a:active,
.initiativen a:hover {
   text-decoration: none;
   border-bottom: none;
   color: #115599;
}

.initiativen a:hover {
   border-bottom: 1px solid #159;
}

#content, 
#contentbreit,
#contentHauptseiten {
   float: left;
   text-align: left;
   width: 380px;
   border-top: 4px solid #7799BB;
   margin: 0;
   padding: 0 5px 30px 5px;
   min-height: 300px;
}


#content,
#contentbreit {
   width: 680px;
   background: transparent url(/images/w85.png) repeat;
}

#language {
   float: right;
}

#abschluss,
#abschluss2,
#aenderungen,
#aenderungenHauptseiten {
   border-top: 4px solid #CCDDEE;  
}

#abschluss,
#abschluss2 {
   float: left;
   width: 190px;
   height: 40px;
}

#abschluss2{
   margin-left: 10px;
   width: 290px;
}

#aenderungen,
#aenderungenHauptseiten {
   float: left;
   margin-left: 10px;
   color: #707070;
}

#aenderungen { 
   width: 680px; 
}

#aenderungenHauptseiten {
   width: 390px;
}

#fuss {
   clear: both;
   width: 960px;
   margin: 20px 0 0 0;
   padding: 0;
   height: 130px;
   text-align: right;
}

#fuss a,
#fuss a:visited,
#fuss a:active,
#fuss a:hover {
   color: #707070;
   text-decoration: none;
   padding: 5px 0 0 0;
}

#fuss a:hover {
   border-bottom: 1px solid #707070;
}

.fusstext {
   float: right;
   width: 185px;
   height: 40px;
   color: #707070;
   font-weight: normal;
   text-align: right;
   margin: 0;
   padding: 0;
}

.top {
   float: left;
   width: 185px;
   text-align: left; 
   margin: 0;
   padding: 0;
}

.fusscontainer {
   float: right;
   width: 290px;
   margin: 34px 70px 0 0;
   text-align: right;
}

.hostingsponsor {
   width: auto;
   float: right;
}

.hostingsponsor a,
.hostingsponsor a:visited,
.hostingsponsor a:hover,
.hostingsponsor a:active {
   font-size: 0.9em;
   font-weight: bold;   
   color: #707070;
}

.ictswitzerland {
   clear: right;
   float: right;
   width: 100%;
   margin: 10px 0;
}

.ictswitzerland a,
.ictswitzerland a:visited,
.ictswitzerland a:hover,
.ictswitzerland a:active {
   font-size: 1em;
   font-weight: bold; 
   color: #707070;
}

#language a,
#language a:visited,
#language a:hover,
#language a:active {
   font-size: 1em;
   font-weight: bold;
   color: #707070;
   text-decoration: none;
}

#printfuss {
   display: none;
}

/* Styles */

p, div, td, th, ul, li {
   color: #333333;
}

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
   color: #159;
}

h1 {
   font-size: 1.6em;
   line-height: 1.3em;
   font-weight: normal;
   margin: 7px 0 10px 0;
}

h2 {
   font-size: 1.5em;
   line-height: 1.3em;
   font-weight: normal;
   margin: 15px 0 5px 0;
}

h3 {
   font-size: 1.2em;
   line-height: 1.3em;
   font-weight: bold;
   margin: 10px 0 5px 0;
}

h4 {
   font-size: 1.1em;
   line-height: 1.3em;
   font-weight: bold;
   margin: 5px 0 0 0;
}

h5 {
   font-size: 1em;
   line-height: 1.3em;
   font-weight: bold;
   margin: 5px 0 0 0;
}

p {
   margin: 0 0 7px 0;
}

ul {
   margin: 0;
}

li {
   margin: 0 0 6px 0;
   line-height: 1.5em;
}

/* Formulare */

input, select, textarea, area {
   font-family: Arial, Helvetica, sans-serif;
   margin: 2px;
   padding: 2px;
   font-size: 1em;
}

input, textarea, area {   
   border: 1px solid #7799BB;
}

.radio, .checkbox {
   margin: 0;
   padding: 0;
   border: none;
}

.submit, .reset {
   background-color: #CCDDEE;
   color: #115599;
   font-weight: bold;
   padding: 2px 10px;
}

.submit:hover,
.reset:hover {
   background-color: #115599;
   color: White;
}

.required {
   font-weight: bold;
   color: #115599;
}

.inputNormal {
   width: 185px;
}

.inputPLZ {
   width: 40px;
}

.inputOrt {
   width: 133px;
}

.inputBreit, 
.inputTextareaBreit {
   width: 400px;
}

.inputTextareaBreit {
   height: 80px;
}

/* Ende Formulare */

/* Tabellen Default */

table {
   margin: 20px 0;
   width: 100%;
   padding: 0;
   border-top: 1px solid #159;
   border: none;
   border-collapse: collapse;
}

td, th {
   vertical-align: top;
   margin: 0;
   border-bottom: 1px solid #159;
   padding: 2px;
   line-height: 1.5em;
}

.dbkopf {
   line-height: 2em;
   color: #159;
   font-weight: bold;
}

/* Layouttabellen */

table.layouttable {
   border-top: none;
}

.layouttable td {
   border: none;
   padding: 2px;
   line-height: 1.2em;
   vertical-align: top;
}

/* Datentabelle vertikal */

.border td {
   border: 1px solid #159;
   padding: 2px 4px;
}

/* Workshop-Tage */

.auswertung {
   vertical-align: bottom;
}

.auswertung table,
.auswertung tr,
.auswertung td {   
   border: none;
}

.wstageDatum {
   font-weight: bold;
   background-color: #CCDDEE;
}

.dinner {
   font-weight: bold;
   background-color: #F5F5F5;
   color: #115599;
}

.ws_tag1,
.ws_tag2,
.ws_tag3,
.ws_tag4 {
   border: none;
}

/* diverse Rahmenstyles */

.addBorder,
.rahmen {
   border: 1px solid #041E75;
}

.borderTop {
   border-top: 1px solid #159;
}

.rahmenunten,
.borderBottom {
   border-bottom: 1px solid #159;
}

.blauerBalken {
   border-top: 4px solid #7799BB;
}

.dunkelblauerBalken {
   border-top: 4px solid #159;
}

/* Inhaltsspalte */

p a,
p a:visited,
p a:active,
p a:hover,
dt a,
dt a:visited,
dt a:active,
dt a:hover,
td a,
td a:visited,
td a:active,
td a:hover,
li a,
li a:visited,
li a:active,
li a:hover {
   color: #333;
   font-weight: bold;
   text-decoration: none;
   border-bottom: 1px solid #7799BB;
}

p a:hover,
td a:hover,
li a:hover {
   border-bottom: 1px solid #159;
}

img {
   border: none;
}

img a,
img a:visited,
img a:active,
img a:hover,
a.img,
a.img:visited,
a.img:active,
a.img:hover {
   text-decoration: none;
   border-bottom: none;
}

.noBorder,
.noBorder a:visited,
.noBorder a:hover,
.noBorder a:active {
   text-decoration: none; 
   border: none;
}

/* Hintergrundfarben */

.hell,
.hellgrau {
   background-color: #F5F5F5;
}

.weiss {
   background: transparent url(/images/w85.png) repeat;
}

.hellblau {
   background: transparent url(/images/b85.png) repeat;
}

/* Schriftfarben solo */

.rot {
   color: Red;
}

.staff {
   color: #707070;
}


/* diverse Styles */

.fett, 
.fett a, 
.blaufett,
.teaser,
.hier {
   font-weight: bold;
}

.sponsorbox,
.rechtsbox {
   float:right;
   width: 240px;
   margin: 0 10px 10px 10px;
   background: transparent url(/images/b85.png) repeat;
   padding: 5px;
   text-align: center;
}

.sponsorbox p,
.sponsorbox h2,
.rechtsbox p,
.rechtsbox h2 {
   text-align: left;
}

.sponsorbox img,
.rechtsbox img {
   margin-bottom: 10px;
}

.textblock,
.textblock3 {
   margin-left: 20px;
}

.textblock2 {
   margin-left: 40px;
}

.r {
   text-align: right;
}

.c {
   text-align: center;
}

.u {
   vertical-align: bottom;
}

.spalte {
   float: left;
   width: 325px;
}

.clear {
   clear: both;
}

.anschrift {
   color: #2A4184;
   font-weight: bold;
   text-align: right;
   padding-right: 10px;
   width: 100px;
}

.trenntitelH4 {
   border-top: 1px solid #cde;
   margin-top: 20px;
   padding-top: 10px;
}

.bildlinks {
   float: left;
   margin: 0 20px 20px 0;
   width: auto;
}

.bildrechts {
   float: right;
   margin: 0 0 20px 20px;
   width: auto;
}


/* Sitemap
Die Idee und Ausfuehrung fuer diese Sitemap habe ich gefunden bei
http://www.thestyleworks.de/tut-art/css-sitemap.shtml - eine Super-Site!
 */

DIV#sitemap {
   padding: 1em 1.5em;
   font-weight: bold;
   }

DIV#sitemap LI {
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
   line-height: 1.3em;
   font-size: 14px;
   }
DIV#sitemap LI {
   background: url(/images/extm.gif)
               no-repeat
               0% 0%;
   }
DIV#sitemap LI.last {
   background: url(/images/exlm.gif)
               no-repeat
               0% 0%;
   }
DIV#sitemap UL {
   padding: 0 0 0 24px;
   margin: 0 40px 0 -24px;
   list-style-type: none;
   }
DIV#sitemap UL {
   background: url(/images/exim.gif)
               repeat-y
               0% 0%;
   }
DIV#sitemap UL.last {
   background-image: none;
   }
DIV#sitemap UL.unsichtbar {
      visibility: hidden;
      display: none;
   }
DIV#sitemap UL.sichtbar {
      visibility: visible;
   }
DIV#sitemap a {
   text-decoration: none;
   font-size: 12px;
}
DIV#sitemap a:hover {
   text-decoration: none;
}

/* Ende Sitemap */


/* ueberfluessige Styles */

.hinauf {
}

/* Vorstandsseiten */

.ausw1, .ausw2 {
    font-size: 10px;
    text-align: center;
    vertical-align: bottom;
    background-color: #FAFAFA;
    padding: 4px 2px 0 2px;
}

.ausw2 {
    background-color: #EEEEEE;
}

.job {
   color: Red;
   font-weight: bold;
}