* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}



  /********************/
 /*** Typo3 Styles ***/
/********************/

.bodytext {
	color: #fff;
	font-size: 100%;
	text-align: justify;
	padding-bottom: 10px;
}

.spacer-gif {

}

/*** Ueberschriften ***/

/***
.csc-header, .csc-header-n1 {
	color: #fff;
	padding-top: 0px;
}

.csc-firstHeader {
	font-size: 140%;
	color: #fff;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5D8BD;
}
***/

.csc-header-n1 H1.csc-firstHeader, H1.csc-firstHeader {
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	padding: 0 0 5 0;
	margin: 0 0 20 0;
	border-bottom: 1px solid #D5D8BD;
}


.csc-header-n2 H1, .csc-header-n3 H1, .csc-header-n4 H1, .csc-header-n5 H1, .csc-header-n6 H1, .csc-header-n7 H1, .csc-header-n8 H1, .csc-header-n9 H1, .csc-header-n10 H1, .csc-header-n11 H1, .csc-header-n12 H1 {
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 5 0 2 0;
	margin-bottom: 6pt;
	border-bottom: 1px solid #D5D8BD;
	text-transform: uppercase;
}




H1 {
	color: #fff;
	font-size: 140%;
}

H2 {
	color: #fff;
	font-size: 100%;
}

H3 {
	color: #fff;
	font-size: 80%;
}

H4 {
	color: #fff;
	font-size: 70%;
}



/*** bilder ***/
.csc-textpic-intext-left .csc-textpic-imagewrap   {
	border: #fff 1px solid;
	margin-right: 10px;
	margin-bottom: 10px;
}

<div class="csc-textpic csc-textpic-left csc-textpic-below"><div class="csc-textpic-imagewrap"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:239px;"><dt><a href="http://www.trosoft.ch" target="_blank" ><img src="uploads/pics/trosoft.jpg" width="239" height="69" border="0" alt="" /></a></dt><dd class="csc-textpic-caption"></dd></dl></div></div><div class="csc-textpic-clear"><!-- --></div>


.csc-textpic-imagewrap {
  padding: 0;
	margin: 0;
}

.csc-textpic-image {
	padding: 0;
	margin: 0;
}

.csc-textpic-image dt {
	padding: 0;
	margin: 0;
}

.csc-textpic-image dt img {
	padding: 0;
	margin: 0;
}

.csc-textpic-caption {
	padding-top: 4px;
	padding-bottom: 4px;
}



/*** Filelink ***/
.csc-uploads-fileName {
	font-size: 100%;
	text-align: left;
}






/*** Formulare ***/

form {
	padding: 0;
	margin: 0;
}

fieldset {
	margin: 0px;
	padding: 10px;
	text-align: left;
	border: 1px solid #ffffff;
}

legend {
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #ffffff;
	border: 1px solid #000000;
}

.csc-mailform-field  {
	vertical-align: top;
	text-align: left;
}

.csc-mailform-field label {
	display: block;
	float: left;
	width: 120px;
	vertical-align: top;
	text-align: left;
}

.csc-mailform-radio fieldset  {
	padding-top: 20px;
	padding-bottom: 20px;
}

.csc-mailform-radio legend  {
	padding-top: 20px;
}

form input .text  {
	border: #bcbcbc 1px solid;
	width: 250px;
}

input {
	color: #000;
}

.input_search {
	border: 0px solid #9BADC0;
	font-size: 8pt; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}


textarea {
	color: #000000;
}











/*** Tabellen ***/


.contenttable .bodytext {
	color: #fff;
  margin: 0;
	padding: 0;
	padding-right: 7px;
	height: auto;
	text-align: left;
}

.contenttable {
	color: #fff;
	vertical-align: top;
	border-collapse: collapse;
	margin-bottom: 15px;

}

.contenttable .tr-0 {

}

.contenttable th {
	color: #fff;
	vertical-align: top;
	text-align: left;
	padding-right: 5px;
}

.contenttable td {
	color: #fff;
	vertical-align: top;
	text-align: left;
	padding-right: 5px;
}


/*** Spezial tabelle mit weisser linie unten ***/

.underline .td-0, .underline .td-1, .underline .td-2, .underline .td-3, .underline .td-4, .underline .td-5, .underline .td-6, .underline .td-7, .underline .td-8, .underline .td-9, .underline .td-10, .underline .td-11, .underline .td-12, .underline .td-13, .underline .td-last {
	border-bottom: 1px solid #BCBCBC;
}




/*** Spezial tabelle fuer gratis tickets ***/


.gratistickets .td-0 {
	color: #fff;
	width: 30px;
	border-bottom: 1px solid #BCBCBC;
}

.gratistickets .td-1 {
	color: #fff;
	width: 100px;
	border-bottom: 1px solid #BCBCBC;
}

.gratistickets .td-last {
	color: #fff;
	width: 300px;
	border-bottom: 1px solid #BCBCBC;
}

.gratistickets .tr-last .td-0, .gratistickets .tr-last .td-1, .gratistickets .tr-last .td-last {
	color: #fff;
	border-bottom: 1px solid #BCBCBC;
	margin-bottom: 50px;
}



/*** Spezial tabelle für die Anreise ***/

.anreise .td-0 {
	color: #fff;
	width: 125px;
	border-bottom: 1px solid #BCBCBC;
	padding-top: 10px;
	padding-bottom: 10px;
}

.anreise .td-last {
	color: #fff;
	border-bottom: 1px solid #BCBCBC;
	padding-top: 10px;
	padding-bottom: 10px;
}

.anreise .tr-last .td-0, .anreise .tr-last .td-last {
	color: #fff;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 0;
}

/*** Spezial tabelle für das WMF Programm ***/

.programm .td-0 {
	color: #fff;
	width: 80px;
	border-bottom: 1px solid #BCBCBC;
}

.programm .td-1 {
	color: #fff;
	width: 270px;
	border-bottom: 1px solid #BCBCBC;
}

.programm .td-last {
	color: #fff;
	width: 230px;
	border-bottom: 1px solid #BCBCBC;
}

.programm img {
	border: #fff 1px solid;
}



/*** Spezial tabelle für die WMF Referenten ***/

.referenten .td-0 {
	color: #fff;
	width: 75px;
	height: 80px;
}

.referenten .td-1 {
	color: #fff;
	width: 230px;
	height: 80px;
}

.referenten .td-2 {
	color: #fff;
	width: 75px;
	height: 80px;
}

.referenten .td-last {
	color: #fff;
	width: 230px;
	height: 80px;
}

.referenten img {
	color: #fff;
	border: #fff 1px solid;
}


/*** Speziel tabelle für das WMF Budget ***/

.budget .td-0 {
	color: #fff;
	width: 350px;
	border-bottom: 1px solid #AAAAAA;
}

.budget .td-last {
	color: #fff;
	text-align: right;
	width: 100px;
	border-bottom: 1px solid #AAAAAA;
}

.budget .tr-last .td-0, .budget .tr-last .td-last {
	color: #fff;
	font-weight: bold;
	border-top: 2px solid #AAAAAA;
	border-bottom: 3px solid #AAAAAA;
	margin-bottom: 30px;
}

.budget {
	color: #fff;
	margin-bottom: 30px;
}


/*** Speziel tabelle für Termine ***/

.termine .td-0 {
	color: #fff;
	width: 80px;
	border-bottom: 1px solid #AAAAAA;
}

.termine .td-1 {
	color: #fff;
	width: 400px;
	border-bottom: 1px solid #AAAAAA;
}

.termine .td-last {
	color: #fff;
	width: 80px;
	border-bottom: 1px solid #AAAAAA;
}

.termine {
	color: #fff;
	margin-bottom: 30px;
}



/*** Speziel tabelle für Hotelzimmer ***/

.hotelzimmer .tr-0 {
	color: #fff;
	font-weight: bold;
}

.hotelzimmer .td-0 {
	color: #fff;
	width: 30px;
	border-bottom: 1px solid #AAAAAA;
}

.hotelzimmer .td-1 {
	color: #fff;
	width: 60px;
	border-bottom: 1px solid #AAAAAA;
}

.hotelzimmer .td-last {
	color: #fff;
	width: 430px;
	border-bottom: 1px solid #AAAAAA;
}

.hotelzimmer {
	color: #fff;
	margin-bottom: 30px;
}





/*** Speziel tabelle fuer Programm Freitag  ***/

.programm_freitag .td-0 {
	color: #fff;
	width: 80px;
	border-bottom: 1px solid #AAAAAA;
}

.programm_freitag .td-1 {
	color: #fff;
	width: 50px;
	border-bottom: 1px solid #AAAAAA;
}

.programm_freitag .td-last {
	color: #fff;
	width: 430px;
	border-bottom: 1px solid #AAAAAA;
}

.programm_freitag {
	color: #fff;
	margin-top: 20px;
	margin-bottom: 30px;
}




/*** Speziel tabelle fuer Programm Samstag ***/

.programm_samstag .tr-3 .td-0, .programm_samstag .tr-3 .td-1, .programm_samstag .tr-3 .td-2,
.programm_samstag .tr-6 .td-0, .programm_samstag .tr-6 .td-1, .programm_samstag .tr-6 .td-2,
.programm_samstag .tr-10 .td-0, .programm_samstag .tr-10 .td-1, .programm_samstag .tr-10 .td-2,
.programm_samstag .tr-14 .td-0, .programm_samstag .tr-14 .td-1, .programm_samstag .tr-14 .td-2,
 {
	background-color: #666666;
}

.programm_samstag .td-0 {
	color: #fff;
	width: 80px;
	border-bottom: 1px solid #AAAAAA;
}

.programm_samstag .td-1 {
	color: #fff;
	width: 50px;
	border-bottom: 1px solid #AAAAAA;
}

.programm_samstag .td-last {
	color: #fff;
	width: 430px;
	border-bottom: 1px solid #AAAAAA;
}

.programm_samstag {
	color: #fff;
	margin-top: 20px;
	margin-bottom: 30px;
}



/*** Speziel tabelle fuer Programm Sonntag  ***/

.programm_sonntag .tr-3 .td-0, .programm_sonntag .tr-3 .td-1, .programm_sonntag .tr-3 .td-2,
.programm_sonntag .tr-6 .td-0, .programm_sonntag .tr-6 .td-1, .programm_sonntag .tr-6 .td-2,
.programm_sonntag .tr-10 .td-0, .programm_sonntag .tr-10 .td-1, .programm_sonntag .tr-10 .td-2,
.programm_sonntag .tr-14 .td-0, .programm_sonntag .tr-14 .td-1, .programm_sonntag .tr-14 .td-2,
 {
	background-color: #666666;
}

.programm_sonntag .td-0 {
	color: #fff;
	width: 80px;
	border-bottom: 1px solid #AAAAAA;
}

.programm_sonntag .td-1 {
	color: #fff;
	width: 50px;
	border-bottom: 1px solid #AAAAAA;
}

.programm_sonntag .td-last {
	color: #fff;
	width: 430px;
	border-bottom: 1px solid #AAAAAA;
}

.programm_sonntag {
	color: #fff;
	margin-top: 20px;
	margin-bottom: 30px;
}







 /*** Styles fuer die Sitemap ***/

.csc-menu csc-menu-1 {
	color: #fff;
	font-size: 80%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}


.csc-menu A, csc-menu-2 A {
	color: #fff; 
	font-size: 80%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}

.csc-menu A:hover, csc-menu-2 A:hover {
	color: #fff; 
	font-size: 80%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline;
}






  /****************************/
 /*** Meine eigenen Styles ***/
/****************************/



body {
	color: #fff;
	background-color: #000;
}


p {
	color: #fff;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 9px;
}



a {
	color:  #CCCCCC;
}

a:hover {
	color:  #FFF;
}


#content {
	color: #fff;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}




.frame {
	background-color: #2A527A;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	margin: 0px;
	padding: 0px;
}

.tdheader {
	background-image: url(fileadmin/template/images/header_1.jpg);
	height: 208px;
}

.tdnav {
	background-color: #2C2D8A;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
}

.tdcontent {
	padding: 15px;
}


.tdfooter {
	height: 31px;
}






  /********************/
 /* Haupt Navigation */
/********************/


ul#mainnav {
	position: relative;
	width: 199px;
}

ul#mainnav, #mainnav ul {
	height: auto !important;
	height: 1px;
	list-style: none;
	background-color: #2C2D8A;
	padding: 0;
	margin: 0;
}

#mainnav li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BCBCBC;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
}





  /********************/
 /*** Menu Level 1 ***/
/********************/


.menu_l1 {
	position: relative;
	list-style: none;
	padding: 0;
	text-indent: 5px;
}

.menu_l1 A {
	display: block;
	height: auto !important;
	height: 23px;
	padding: 0 10px 0 20px;
	line-height: 23px;
	background-image: url(/fileadmin/template/images/marker_white.png);
	background-position: 9px 9px;
	background-repeat: no-repeat;
	text-decoration: none;
	font-size: 100%;
}

.menu_l1 A:hover { 
	background-color: #2A527A;
}

.menu_l1 a:activ {
	background-color: #2A527A;
}
	
.menu_l1 a.act, #mainnav a.cur, #mainav a:hover.act, #mainnav a:hover.cur {
	background-color: #2A527A; 
}



  /********************/
 /*** Menu Level 2 ***/
/********************/


.menu_l2 {
	position: relative;
	list-style: none;
	padding: 0;
	text-indent: 10px;
	background-color: #3C3DBC; 
}

.menu_l2 A { 
	display: block;
	height: auto !important;
	height: 23px;
	padding: 0 10px 0 20px;
	line-height: 23px;
	text-decoration: none;
	font-size: 90%;
}

.menu_l2 A:hover { 
	background-color: #2A527A;
}

.menu_l2 A:activ {
	background-color: #2A527A;
}
	
.menu_l2 A.act, #mainnav A.cur, #mainav A:hover.act, #mainnav A:hover.cur {
	background-color: #2A527A; 
	background-image: url(/fileadmin/template/images/marker_white_l2.png);
	background-position: 9px 9px;
	background-repeat: no-repeat;
}






  /********************/
 /*** Menu Level 3 ***/
/********************/


.menu_l3 {
	position: relative;
	list-style: none;
	padding: 0;
	text-indent: 15px;
	background-color: #3C3DBC; 
}

.menu_l3 A { 
	display: block;
	height: auto !important;
	height: 23px;
	padding: 0 10px 0 20px;
	line-height: 23px;
	text-decoration: none;
	font-size: 90%;
}

.menu_l3 A:hover { 
	background-color: #2A527A;
}

.menu_l3 A:activ {
	background-color: #2A527A;
}
	
.menu_l3 A.act, #mainnav A.cur, #mainav A:hover.act, #mainnav A:hover.cur {
	background-color: #2A527A; 
	background-image: url(/fileadmin/template/images/marker_white_l3.png);
	background-position: 9px 9px;
	background-repeat: no-repeat; 
}





  /********************/
 /*** Menu Level 4 ***/
/********************/


.menu_l4 {
	position: relative;
	list-style: none;
	padding: 0;
	text-indent: 20px;
	background-color: #3C3DBC; 
}

.menu_l4 A { 
	display: block;
	height: auto !important;
	height: 23px;
	padding: 0 10px 0 20px;
	line-height: 23px;
	text-decoration: none;
	font-size: 80%;
}

.menu_l4 A:hover { 
	background-color: #2A527A;
}

.menu_l4 A:activ {
	background-color: #2A527A;
}
	
.menu_l4 A.act, #mainnav Â.cur, #mainav A:hover.act, #mainnav A:hover.cur {
	background-color: #2A527A; 
	background-image: url(/fileadmin/template/images/marker_white_l4.png);
	background-position: 9px 9px;
	background-repeat: no-repeat; 
}





  /*****************/
 /* Sprachauswahl */
/*****************/


.langnav {
	width: 33%;
	height: 30px;
	border-bottom: 1px solid #BCBCBC;
	text-align: center;
	text-decoration: none;
}

.langnav a {
	text-decoration: none;
}




  /**************/
 /* Trennlinie */
/**************/

hr {
	border: 0px;
	width: 100%;
	background-color: #D4D8BC;
	height: 1px;
	border-style: solid;
}


.underline {
	border-bottom: 1px solid #BCBCBC;
}






  /*******************/
 /*** Link Styles ***/
/*******************/

a.internal-link {
	margin: 0;
	padding: 0;
}

a.internal-link-image {
	margin: 0;
	padding: 0;
	padding-left: 17px;
	background-image: url(/fileadmin/template/images/icons/internal_link.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

a.external-link {
	margin: 0;
	padding: 0;
}	

a.external-link-image {
	margin: 0;
	padding: 0;
	padding-left: 17px;
	background-image: url(/fileadmin/template/images/icons/external_link.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}	

a.download {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	background-image: url(/fileadmin/template/images/icons/download.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

a.pdf {
	margin: 0;
	padding: 0;
	padding-left: 22px;
	background-image: url(/fileadmin/template/images/icons/pdf.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a.word {
	margin: 0;
	padding: 0;
	padding-left: 22px;
	background-image: url(/fileadmin/template/images/icons/pdf.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a.word {
	margin: 0;
	padding: 0;
	padding-left: 22px;
	background-image: url(/fileadmin/template/images/icons/word.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a.excel {
	margin: 0;
	padding: 0;
	padding-left: 22px;
	background-image: url(/fileadmin/template/images/icons/excel.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}

a.mail {
	margin: 0;
	padding: 0;
	padding-left: 22px;
	background-image: url(/fileadmin/template/images/icons/mail.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}



  /*************************/
 /*** Google Map Styles ***/
/*************************/

v\:* {
	behavior:url(#default#VML);
}

#control {
	width: 500px; 
	height: 40px; 
	margin: 7px;
}

#map {
	width: 500px; 
	height: 400px; 
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#locations {
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

#hoteldetails {
	width: 450px;
	background-color: #FFF;
	border: 1px solid #FFF;
}

#hotelname {
	width: 450px;
	background-color: #2C2D8A; 
	border-bottom: 1px solid #FFF;
	margin-bottom: 10px; 
	padding-left: 5px; 
	height: 25px;
	line-height: 25px;
	color: white;
	vertical-align: middle;
}

.hotelbild {
	border: 1px solid #000;
}

.blacktext, .blacktext a {
	color: #000;
}

.blacktext a:hover {
	color: #666;
}

.error {
	color: #ff6666;
	font-weight: bold;
	font-size: 11pt;
}