/* Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
version: 2.5.1 */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,html{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

legend{color:#000;}
/* end reset.css */



html,body {
  font-size: 11px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  background-color:#a2d0b4;
  color:#494949;  
  text-align:center;
  margin:0px;
  padding:0px;

  border:0px;
}

#box1{
width:842px;
margin: 0px auto;
padding:0px;
text-align:left;
background-color:#fff;
overflow:hidden;

}

#header_logo {

background-repeat:no-repeat;
width:600px;
height:222px;


}

#box_left {
background-image:url(../images/upperheader_twi.jpg);
background-repeat:no-repeat;
background-color:#fff;
width:600px;
padding:0px;
text-align:left;
float:left;
height:100%;
}

#box-left-english {
background-image:url(../images/upperheader-twi-english.jpg);
background-repeat:no-repeat;
background-color:#fff;
width:600px;
overflow:hidden;
padding:0px;
text-align:left;
float:left;
height:100%;
}

#box_left-nosub {
background-image:url(../images/upperheader-twi-nosub.jpg);
background-repeat:no-repeat;
background-color:#fff;
width:600px;
overflow:hidden;
padding:0px;
text-align:left;
float:left;

}

#box-left-nosub-english {
background-image:url(../images/upperheader-nosub-english.jpg);
background-repeat:no-repeat;
background-color:#fff;
width:600px;
overflow:hidden;
padding:0px;
text-align:left;
float:left;

}




#box_left_titel {
background-image:url(../images/upperheader_twi_titel.jpg);
background-repeat:no-repeat;
background-color:#fff;
width:598px;
overflow:hidden;
padding:0px;
text-align:left;
float:left;

}



#navigation {
margin-top:170px;
width:100%;
padding-left:50px;
}


#box_right {

background-color:#FFFFFF;
width:242px;
overflow:hidden;
padding:0px;
text-align:left;
height:100%;
float:left;



}



#header_right{
background-image:url(../images/upperheader_right_twi.jpg);
background-repeat:no-repeat;
width:242px;
height:222px;

}



#content_right{
padding-top:10px;
}


#search {
margin-top:90px;


}



#main_content{
width:490px;
margin:auto;
margin-top:100px;
color: #9C9C9C;
font-weight:bold;
}

#main-two{

width:490px;
margin:auto;
margin-top:120px;
color: #9C9C9C;
font-weight:bold;
}


#mainleft{
float:left;
width:200px;
color: #9C9C9C;
font-weight:bold;

}

#mainright{
float:left;
width:290px;

color: #9C9C9C;
font-weight:bold;

}




#legal{
background-image:url(../images/impressumbg.gif);
background-repeat:no-repeat;
padding-left:15px;
margin-top:10px;
padding-top:7px;
height:29px;
color:#55AD7B;

font-family:sans-serif,Verdana,Geneva,Arial,Helvetica;
font-size:13px;
font-weight:bold;
text-decoration:none;
}

#footer-link {

}

#footer-link a:visited{
color:#55AD7B;
}

#footer-link a:hover{
color:#0F8442;
}



#flash{
padding-top:165px;
background:transparent;
}

#lakelab{
padding-top:10px;
}





/* Some recently added classes */

.csc-frame-frame1 h1{
line-height:15px;
border-top:1px solid; 
border-bottom:1px solid; 
border-left:15px solid;
padding:10px;

}

#mainleft .csc-frame-frame1 h1{
width:130px;

}

.csc-frame ul.csc-menu{
width:165px;
}



.csc-frame td {
background-color:#fff;
color:#4CA271;
}

.csc-frame .contenttable {
margin-top:15px;
width:490px;
border-left:0px;
border-right:0px;
}

.csc-frame .contenttable  td{
border-right:none;
color:#333;
}

.csc-frame .contenttable  th{
border-right:none;
background-color:#fff;
color:#4CA271;
}











#id01-header-logo_ {
	width:600px;
	height:173px;
	}



#bigbutton_bildergalerien {width: 165px; height: 118px; background-image:url(../layout_v2/button_bildergalerien.jpg); margin-bottom:10px;} 
#bigbutton_raeumlichkeiten {width: 165px; height: 118px; background-image:url(../layout_v2/button_raeumlichkeiten.jpg); margin-bottom:10px;} 
#midsizebutton_feedback {width: 165px; height: 74px; background-image:url(../layout_v2/button_feedback.jpg); margin-bottom:10px; } 
.bigbutton_margin {padding-top:97px; margin-left: 30px;}
.midsizebutton_margin {padding-top:53px; margin-left: 30px;}
.bigbutton_text {color:#494949; font-size: 12px;}

#footer_menu {margin-top: 14px; float:left; font-size:9px; width:823px;}
.footer_text{padding-top:5px;}


#mediabar {margin-top: 14px; float:left; font-size:9px;}

#searchbutton {background-color:#DDDDDD; color:#005bb4; }

.guetesiegel {font-size:9px; font-weight:bold; padding-top:4px;}

.quicklink {background-image:url(../layout_v2/bg_quicklink.jpg); width:164px; height:26px; margin-bottom:10px; padding-top:8px;}
.quicklink_text {color:#FFFFFF; font-size: 12px; margin-left: 25px;}
a.quicklink_text:link {color:#FFFFFF; font-size: 12px; margin-left: 25px;}
a.quicklink_text:hover {color:#FFFFFF; font-size: 12px; margin-left: 25px;}
a.quicklink_text {color:#FFFFFF; font-size: 12px; margin-left: 25px;}
a.quicklink_text:visited {color:#FFFFFF; font-size: 12px; margin-left: 25px;}
a.quicklink_text:active {color:#FFFFFF; font-size: 12px; margin-left: 25px;}

h1 {
color:#0F8442;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin-bottom:3px;

text-decoration:none;} 



h2 {font-size: 11px; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; font-weight:bold; } 
h3 {font-size: 12px; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; color:#008342; font-weight:bold; padding-bottom:3px; padding-top:10px;} 
h4 {font-size: 11px; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; color:#008342; font-weight:bold; padding-bottom:3px; padding-top:10px;} 
h5 {font-size: 11px; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; color:#008342; font-weight:bold; padding-bottom:3px; padding-top:10px;} 

.csc-header{padding-bottom:10px;}
.csc-firstHeader{font-size: 14px; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; color:#008342; font-weight:bold;}
.news_header{font-size: 14px; font-family: Arial, Verdana, SunSans-Regular, Sans-Serif; color:#008342; font-weight:bold;}


/*  NEWS styling latest  anfang */
#news{
padding-top:0px;
}

#newsheader_latest{
background-color:#78BE9C;
height:23px;
}


#newsheader_latest h2{
background-color:#78BE9C;
color:#fff;
padding-left:9px;
padding-top:6px;
border:0px;

}

.news-latest-container {
background-color:#C2E3D2;
width:187px;
border:0px;
}

.news-latest-item{
background-color:#C2E3D2;
border:0px;
padding-left:9px;


}


.news-list-item{
background-color:#fff;
border:0px;
margin:0px;


}

.news-list-item-double{
background-color:#fff;
border:0px;
margin:0px;
border-bottom:1px solid #0F8440;
width:150px;
margin-bottom:5px;
font-size:10px;

}


.news-list-date{
background-color:#008342;
border:0px;
margin:0px;


}



.news-list-container{
background-color:#fff;
border:0px;


}

.news-list-container h3{
background-color:#008342;
border:0px;


}

.news-list-container p{
padding-left:0px;
}


.news-single-item{
background-color:#fff;
border:0px;
margin:0px;


}




.newstrenner{
background-color:#78BE9C;
height:1px;
width:165px;
margin-left:9px;


}

#latest-corners{
background-image:url(../images/newsbottom.gif);
background-repeat:no-repeat;
height:11px;
margin-top:-4px;
}



.news-single-additional-info {
background-color:#fff;
border:0px; 
margin-top:15px;
padding: 0px 0px 0px 0px;
font-size:10px;
font-weight:normal;
}

.news-single-links{
background-color:#C2E3D2;
}




/*  NEWS styling latest  ende */



/*menu zwei zeilen mit zwei menus :) */

.topmenuul {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:6px -21pt 0pt;
padding:0pt;
}


.topmenuli {
float:left;
margin-right:15px;
}


a.topmenu{
padding-left:8px;
color:#0F8442;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
}

a.topmenu:hover{
padding-left:8px;
color:#fff;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
}



a.topmenuact:visited {
padding-left:8px;
color:#fff;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
}

a.topmenuact {
padding-left:8px;
color:#fff;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
}


/* style angaben submenu anfang */

a.submenu:visited{
color:#6DB48C;
font-weight:bold;
}

a.submenu{
color:#6DB48C;
font-weight:bold;
}

a.submenuact{
color:#008342;
font-weight:bold;
}

/* style angaben submenu ende */


.oben_menu{
margin-top:-1px;

float:left;
}

.bild{
float:left;
}

/* sprachmenu */
#langmenu{
margin-top:2px;
margin-left:-30px;
width:242px;
overflow:hidden;

}




/*alte TWI Formatierungen*/
.news_listtable{border: 1px solid #008342; margin-top:10px;}
.news_listtable2{border: 1px solid #008342; margin-top:10px;}
.news_trenner {background-color:#CCCCCC; height:1px; line-height:1px; font-size:1px; width:195px; margin-bottom:6px; margin-top:6px;}
.rootline_trenner_oben {background-color:#CCCCCC; height:1px; line-height:1px; font-size:1px; width:480px; margin-bottom:3px; margin-top:0px;}
.rootline_trenner_unten {background-color:#CCCCCC; height:1px; line-height:1px; font-size:1px; width:480px; margin-bottom:0px; margin-top:4px;}
.rootline {font-family: verdana, helvetica, arial; font-size: 11px; color:#008342;}


.trennstrich {height:2px; line-height:2px; font-size:2px; padding-top:10px; padding-bottom:10px;}

.imgtext-table {padding-top:10px;}

 /* Content-Element Table */
 
 
table.contenttable  {
	border:0px; 
	margin:0px;
	border-bottom-color:#0F8440;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-color:#0F8440;
border-left-style:solid;
border-left-width:1px;
border-right-color:#0F8440;
border-right-style:solid;
border-right-width:1px;
border-top-color:#0F8440;
border-top-style:solid;
border-top-width:1px;

color:#000;
	font-weight:normal;
	font-size:10px;
    padding:3px;
    vertical-align:top;
}

.contenttable td{
padding:5px 3px;
border-bottom-color:#0F8440;
border-bottom-style:solid;
border-bottom-width:1px;
border-right-color:#0F8440;
border-right-style:solid;
border-right-width:1px;
text-align:left;
vertical-align:top;
}

.contenttable th{
border-bottom-color:#0F8440;
border-bottom-style:solid;
border-bottom-width:1px;
border-right-color:#0F8440;
border-right-style:solid;
border-right-width:1px;
font-size:11px;
font-weight:bold;
padding:5px 3px 10px;
text-align:left;
vertical-align:top;

}


table.contenttable-singlenews{
	border:0px; 
	margin:0px;
	border-bottom-color:#0F8440;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-color:#0F8440;
border-left-style:solid;
border-left-width:1px;
border-right-color:#0F8440;
border-right-style:solid;
border-right-width:1px;
border-top-color:#0F8440;
border-top-style:solid;
border-top-width:1px;
width:280px;
	font-weight:normal;
	font-size:10px;
    padding:3px;
    vertical-align:top;
}


table.contenttable-singlenews td{
text-align:right;
padding:3px;
}

.contenttable-singlenews th{
border-bottom-color:#0F8440;
border-bottom-style:solid;
border-bottom-width:1px;
border-right-color:#0F8440;
border-right-style:solid;
border-right-width:1px;
font-size:11px;
font-weight:bold;
padding:5px 3px 10px;
text-align:left;
vertical-align:top;
background-color:#4CA271;
color:#FFFFFF;
}

.contenttable td ul {
padding:15px 25px;

}

.contenttable td ul li{

list-style-position:outside;
list-style-type:disc;
}



/*
.contenttable  {     
    border: 1px solid #008342;
    width: 480px;
    margin-top:8px;} 


table.contenttable td {
	color:#000;
	font-weight:normal;
	font-size:10px;
    padding:3px;
    vertical-align:top;
	}
table.contenttable p {
        margin:0px ;
        padding:0px; 
	    color:#000000;
    }

table.contenttable p a:hover {
	color:#FF0000; 
}
*/

 
 
/*formatierungen f¸r die erste Zeile */


.tr-even {
/*formatierung f¸r alle ungeraden Zeilen */
background-color: #ACD4BC;
}
.tr-odd {
/*formatierung f¸r alle geraden Zeilen */
background-color: #DCEDE3;
}

.tr-0{
background-color: #B2B2B2;
color:#fff;
}

th.td-0{
background-color: #4CA271;		
}
.tr-0 .td-0{

color:#fff;
}
.tr-even .td-last {
/*formatierung f¸r die rechte Spalte der ungeraden Zeilen */
}
.tr-odd .td-0{
/*formatierung f¸r die linke Spalte der geraden Zeilen */
}
.tr-odd .td-last {
/*formatierung f¸r die rechte Spalte der geraden Zeilen */
}
.tr-last {
/*formatierung f¸r die letzte Zeile*/
}

.contenttable-1 {
/*allgemeine Formatierungen f¸r die erste Tabelle der Seite*/
}
.contenttable-1 .tr-0 {
/*formatierungen f¸r die erste Zeile der ersten Tabelle*/
}
.contenttable .tr-0 {
/*formatierungen f¸r die erste Zeile aller Tabellen*/
}



/* CSS FUER DIE NAVIGATION /*


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menudiv {
background:transparent url(../layout_v2/menubg.gif) repeat-x;
width:100%;
}
#menu, 
#menu ul {padding:0px 10px 0px 0px; margin: 0px; list-style:none; font: 12px verdana, sans-serif;  position:relative; }
#menu {height:28px; padding:0px 0px 0px 5px; width:100%;}



#menu a.dropact {
background:transparent url(../layout_v2/menubgact.gif);
color:#FFFFFF;
padding-left:8px;
padding-right: 8px;
padding-top: 0px;
padding-bottom: 0px;
height: 28px;
line-height:28px;
}

/* * html #menu a.dropact { height: 27px; line-height:27px; } */
 

#menu table {border-collapse:collapse;}
#menu li {float:left; padding:0 8px 0px 8px;}
#menu li li {float:none;}
/* a hack for IE5.x and IE6 */
#menu li a li {float:left;}

#menu li a {display:block; float:left; color:#FFFFFF; height:28px; padding:0px 8px 0px 8px; line-height:28px; text-decoration:none; white-space:nowrap;}
#menu li li a {height:22px; line-height:22px; float:none; padding:0px 8px 0px 8px;}
#menu li a:hover {color:#FFFFFF; background:transparent url(../layout_v2/menubgact.gif); padding:0px 8px 0px 8px;}
#menu ul li a:hover ul li a:hover {color:#FFFFFF;}

#menu li:hover {position:relative; }
#menu a:hover {position:relative; }

#menu :hover ul {left:0; top:28px; background: #787879; color:#005287; padding-bottom:5px; padding-top:5px;}
/* another hack for IE5.5 and IE6 */
#menu a:hover ul {left:-10px;}

#menu ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#menu li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#menu li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#menu li:hover > a {text-decoration:none; color:#FFFFFF;}



/* GENERELLE FORMULAR FORMATIERUNG */



#searchfield {

background-image:url(../images/bg_search1.gif);
background-repeat:repeat-x;
/*border-color:-moz-use-text-color #C3C3C5;
border-style:solid;
border-width:0px 1px;*/
border:1px solid #C3C3C5;
color:#55AD7B;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:9px;
height:14px;
padding-left:5px;
padding-top:3px;
text-decoration:none;
width:93px;


}


.searchbg {
background-image:url(../images/bg_search.gif);
background-repeat:no-repeat;
padding-left:12px;
padding-top:2px;
color:#008342;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
height:25px;



}


a.GreenB11 {
color:#008342;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}




textarea {

color: #494949;

background: #FFFFFF;

border: 1px solid #0061AF;

}















/*  STANDARD MAILFORM FORMATIERUNG */



.csc-mailform {border: 0px solid #CCCCCC;}

.csc-mailform label

{

width:80px;
float: left;
text-align: right;
margin:3px;
margin-right: 10px;
display: block
}



.csc-mailform input

{
margin:3px;
/*width:250px;*/ 
color: #494949;
background: #FFFFFF;
border: 1px solid #0061AF;
}



.csc-mailform input.csc-mailform-submit

{

width:80px; 
margin-left: 95px;
color: #FFFFFF;
background: #0061AF;
border: 1px outset #0061AF;
}



.csc-mailform fieldset

{
border: 1px solid #0061AF;
}


.csc-mailform-check {width:15px;}


.csc-mailform textarea {

margin:3px;
width:290px;
color: #494949;
background: #FFFFFF;
border: 1px solid #0061AF;
}



.csc-mailform legend

{
color: #fff;
background: #FFFFFF;
border: 1px solid #0061AF;
padding: 2px 6px
}

/* BILDERGALERIE FOTOBOOK */

.fotobook_iconleiste {padding-bottom: 15px;}

.gallery_singleimage { border-width:1px; border-style:solid; border-color:#CCCCCC; padding:6px;}

.gallery_thumbnailimage img { border-width:1px; border-style:solid; border-color:#CCCCCC; padding:3px; text-align:center;}

.gallery_directorylink {font-family: verdana, helvetica, arial; font-size: 11px; color:#008342; font-weight:bold; margin-top:0px;}

a.gallery_directorylink {font-family: verdana, helvetica, arial; font-size: 11px; color:#008342; font-weight:bold; margin-top:0px;}


#gallery_navlayer {margin-bottom:15px;}

.gallery_title {font-family: verdana, helvetica, arial; font-size: 12px; color:#008342; text-decoration: none; font-weight:bold; margin-bottom:7px; margin-top:7px;}

a.gallery_title {font-family: verdana, helvetica, arial; font-size: 12px; color:#008342; text-decoration: none; font-weight:bold; margin-bottom:7px; margin-top:7px;}



.csc-sitemap-level1 {padding-left:20px;}
.csc-sitemap-level2 {padding-left:40px;}
.csc-sitemap-level3 {padding-left:60px;}

.csc-bulletlist {border-color:#008342; border-width:1px; border-style:solid; padding:8px}


ul.csc-bulletlist LI {
      margin:5px;
      margin-left:15px;
      padding:0px;

      } 
      
li.csc-bulletlist LI {
    }
    
    
.csc-menu {list-style-type: none;}
ul.csc-menu LI{
list-style-type: none;
margin-top:10px; 
color:#494949;


}

             
ul.csc-menu LI {
color:#008342;
text-decoration:none;
width:165 px;
border-bottom:1px solid;
padding-bottom:5px;

}





a {color:#008342; text-decoration:none;}

a:hover {color:#008342; text-decoration:none;}
a:active {color:#008342; text-decoration:none;}
a:visited {color:#008342; text-decoration:none;}

.pagebrowser{
margin-top:10px;
}


#bottomline{
width:842px;
height:85px;
background-color:#4FBC90;
margin-top:20px;
}

td .csc-uploads-fileName, td .csc-uploads-icon, td .csc-uploads-fileSize{
border-bottom:0px;

}

#zweite_ebene{
width:485px;
}

#trenner{
height:1px;
border-top:1px solid;
border-color:#0F8442;

}

table.csc-uploads {
margin-top:10px;
}


table.event-view-table{
margin-top:15pt;
}

table.event-view-table td {
color:#9C9C9C;
padding-right:20px;
}


table.event-view-table td.inhalt{
color:#9C9C9C;
}

#calendar-event div h1{
color:#0F8442;
font-weight:bold;
font-size:12px;
border-bottom:0px;
border-left:0px;
border-top:0px;
line-height:18px;
padding:0px;


}

.tx-ttaddress-pi1 img{
margin-top:-39px;
margin-left:395px;
}


/*FOOTER NEU*/
#uni{
float:left;
margin-left:299px;
}

#thurgau{
float:left;
margin-left:55px;
}


