/**************************************************
** global 
***************************************************/ 

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
    color: #727272 ; 
    border: none;
}

body {
	background-color: #DFEAC4;
	background-image: url(/interface/bkg.gif);
	background-repeat: repeat-y;
    min-width: 1000px;
}

h1 {
	font-size: 20px;
	color: #A9C64D;
	font-weight: normal;
	margin-bottom: 12px;
	margin-top: 0px;
	letter-spacing: 1px;
	width: 500px;
	line-height: 22px;
}

h2 {
	font-size: 20px;
	color: #36A2DB;
	font-weight: normal;
	letter-spacing: 1px;
}

p {
    margin-bottom: 12px;
}

a {
	text-decoration: none ;
	color: #727272 ; 
}

a:hover {
	text-decoration: underline ;
}

.clear {
	clear: both ; 
	font-size: 1px ;  /* only relevant for ie 6 */
}

#date {
    margin-bottom: 5px;
}

img {
    
}

input {
    border: 1px solid #727272;
}

.back {
    margin-top: 5px;
    display: block;
    width: 100px;
    font-size: 11px;
}

/**************************************************
** containers
***************************************************/ 

#outer-wrapper {}

#header {
	height: 180px ; 
	width: 100% ;
	background-repeat: no-repeat;
}

#header-top {
    position: absolute;
    width: 100% ;
    top: 141px;
    height: 40px;
	background-image: url(/interface/bkg_top.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
    }

#navig-content-teaser-outer-wrapper {
	background: #535454 ;
	width: 100% ;
	background-image: url(/interface/bkg_content.gif);
	background-repeat: repeat-y;
   	overflow: auto;
   	padding-bottom: 11px;
}

#navig-content-teaser-inner-wrapper {
	height: auto !important;
	min-height: 275px;
	_height: 275px; /* underscore hack for par IE Win */
	width: 100% ;
}

#footer {
    height: 60px;
	background-image: url(/interface/bkg_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
}

#navig {
	width: 240px ; 
	float: left ; 
	font-size: 11px ;
}


/**************************************************
** navig top 
***************************************************/ 
#navig-top
{
	padding-left: 248px;
	font-size: 11px;
	line-height: 20px;
	width: 700px;
	letter-spacing: 1px;
}

#navig-top ul {
    list-style: none ; 
}

#navig-top li {
    float: left
}

#navig-top li a, #navig2-top a{
	padding: 0 8px;
	color: #BCBCBC;
	letter-spacing: 1px;
}

#navig-top li.current a,
#navig2-top .current a,
#navig2-top a.current{
    color: #36A2DB;
    text-decoration: none;
}

#navig-top li a:hover,
#navig2-top a:hover {
    color: white;
    text-decoration: none;
}


#navig2-top {
    position: absolute;
    top: 0px;
    left: 789px;
    font-size: 11px ; 
    line-height: 20px;
    width: 110px;
}

#navig2-top .right {
}

#printer {
    padding: 0;
    position: absolute;
    top: 4px;
    left: 744px;
}


/**************************************************
** content 
***************************************************/ 

#content {
	width: 521px ; 
	float: left ;
    padding-top: 6px;
    padding-left: 15px !important;
    padding-left: 15px;
    padding-right: 21px ;
}

.content-block {
	font-size: 12px ; 
	/*overflow: auto ;*/ 
	/*height: 428px ; */
	line-height: 16px ;	
}
.content-block a {
    color: #727272;
    text-decoration: underline;
}
.content-block a:hover {
    color: black;
    text-decoration: underline;
}

.content-text {
	padding: 0;
	width: 500px ; 
}
.content-text h1 {
	margin-top: 20px ; 
	margin-bottom: 20px;
	line-height: 20px ;	
}
.content-pic {
	padding-bottom: 10px ; 
}

.content-files-block {
	/*margin-top: -12px ;*/
}

.content-file {
	padding-bottom: 5px ; 
}

.content-links-block {
	padding-top: 10px ; 
}

.content-link {
	/*padding-top: 10px ; */
}

#content ul {
    margin: 0;
    margin-top: -12px;
    margin-bottom: 12px;
    }
#content li {
    list-style: disc outside url(/interface/bullet-dash.gif);
    margin-left: 15px;
}

table {
	background-image: url(/interface/bkg_table.gif);
	background-repeat: repeat-x;
	width: 500px;
	border: none;
}
table.neutral {
    background-image:none;
}



/**************************************************
** home 
***************************************************/ 

#home h2 {
    margin-top: 35px;
    margin-bottom: 12px;
}

#content #home ul {
	list-style: none ;
	margin-top: 0;
}
#content #home li {
    list-style: none url('');
    padding: 0;
    margin: 0;
    line-height: 10px;
}
#content #home li a {
    padding: 0;
    margin: 0;
    font-size: 12px;
}


/**************************************************
** navig 
***************************************************/ 

#navig a { color: #727272; }

#navig ul {
	list-style: none ; 
	margin: 0px ; 
	padding: 0px ;
}

#navig div {
    padding: 0;
    margin: 0;
}

#navig .navig-level0  {
	height: 12px ;
	padding-left: 30px ; 
	padding-top: 4px ; 
}

#navig .navig-level1  {
	height: 12px ;
	padding-left: 45px ; 
	padding-top: 4px ; 
}

#navig .navig-level2  {
	height: 12px ;
	padding-left: 45px ; 
	padding-top: 4px ; 
}

#navig .navig-level0-current {
	height: 12px ;
	padding-left: 30px ; 
	padding-top: 4px ; 
}

#navig .navig-level1-current{
	height: 12px ;
	padding-left: 45px ; 
	padding-top: 4px ; 
}

#navig .navig-level2-current {
	height: 12px ;
	background-color: #fff ; 
	padding-left: 45px ; 
	padding-top: 4px ; 
}

#navig .navig-level0 .on {
    color: #000 ; 
}

#navig .navig-level0-current a {
	color: #000 ; 
}

#navig .navig-level1-current a {
	color: #000 ; 
}

#navig .navig-level2-current a {
	color: #000 ; 
}

#navig .navig-level0-current a.on:hover {
	color: black ; 
}

#navig .navig-level1-current a.on:hover {
	color: black ; 
}

#navig .navig-level2-current a.on:hover {
	color: black ; 
}

#navig a:hover {
    text-decoration: none;
    color: #333 ; 
}

#navig ul.level0 {}
#navig ul.level1 {}
#navig ul.level1 a {}
#navig ul.level1 a:hover {}
#navig ul.level2 a {}
#navig ul.level2 a:hover {}

#navig h2 {
    font-size: 11px;
    margin-left: 30px;
    margin-top: 6px;
    margin-bottom: 0px;
    padding: 0;
}

#navig h2 a {
    color: #36A2DB;
}



/**************************************************
** teaser right 
***************************************************/ 

#teaser {
	width: 195px;
	float: left;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 1px;
}

#teaser p {
	color: #BCBCBC;
	margin: 0;
}

.print-button {
	padding-top: 1px ; 
	padding-right: 5px ; 
	float: left ; 
}
#logo {
    margin-top: 9px;
    margin-bottom: 16px;
}

.teaser-item {
	float: left ; 
	padding-left: 8px ; 
	padding-right: 8px ; 
}

.teaser-sep {
	float: left ; 
	width: 1px ; 
}

.teaser-item a.current {
	color: white ; 
}

#teaser a {
    color: #BCBCBC;
    text-decoration: underline;
}
#teaser a:hover {
    color: white;
}


/**************************************************
** impressum 
***************************************************/ 

#impressum-link {
    position: absolute;
    top: 449px;
	font-size: 11px ;
}

#impressum-link a {}
#impressum-link a:hover {}


/**************************************************
** team 
***************************************************/ 

.loop-container {
    margin-top: -15px;
}

.team-entry {
	padding-left: 100px;
	font-size: 11px;
	line-height: 15px;
	clear: both;
	padding-top: 15px ;
	width: 400px;
}

.team-entry-no-padding {
	padding-left: 0px;
	font-size: 11px;
	line-height: 15px;
	clear: both;
	padding-top: 15px ;
	width: 400px;
}

.team-entry img, .school-entry img {
    float: left;
    margin-left: -100px;
    padding-top: 3px;
}

.team-entry-text p, .school-entry-text p {
    padding: 0;
    margin: 0;
}

.team-textbottom {
    margin-top: 14px;
    margin-bottom: 12px;
    clear: both;
}

.team-textbottom p {
    margin: 0;
    padding: 0;
}

.team-textbottom .content-links-block {
    margin-top: -10px;
}

.separator {
    border-bottom: 1px solid #727272;
    width: 500px;
    clear: both;
    font-size: 1px;
    height: 5px;
    background-color: white;
}

/**************************************************
** schools 
***************************************************/ 

.school-entry {
	padding: 5px 0;
	padding-left: 115px;
	font-size: 11px;
	line-height: 15px;
	clear: both;
	width: 385px;
}

.school-entry img {
    margin-left: -115px;
    padding-top: 8px;
    margin-bottom: 10px;
}

.school-item
{
    display: none;
}

.school-entry-text .detail {
    margin-top: 12px;
}

.school-entry-text .detail p {
    margin-bottom: 12px;
}

.selectmenu {
    font-size: 11px;
    margin-bottom: 9px;
}
.selectmenu form {
    padding: 3px 0;
}


/**************************************************
** footer 
***************************************************/ 

#footer img {
    margin-left: 255px;
    margin-top: 23px;
}
#footerprint {
    display: none;
}


/**************************************************
** login + forms
***************************************************/ 
#login-table td {
    padding: 7px 0;
}
.talon-left {
    width: 90px;
}
.checkfield {
    background-color: #E0E0E0;
}
.submit {
    background-color: #fff;
    border: inherit;
    border-bottom: 1px solid #727272;
    padding: 0;
}
.bottom-text {
    font-size: 11px;
    margin-top: -52px;
    left: 255px;
    position: absolute;
}
input, select {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
    font-size: 11px;
    padding: 1px;
}

/**************************************************
** map 
***************************************************/ 

.map {
	font-size: 11px;
	padding: 0px;
	width: 499px;
	height: 341px;
	background-image: url(../interface/map.gif);
}

.map div {
    position:absolute;
}

.map a, .map a:visited {
	text-decoration: none;
	color:#000;
}

.map a:hover {
	text-decoration: none;
	color:#DE5334;
}

.map_Frauenfeld {
    margin-left:327px;
    margin-top:28px;
}

.map_Basel {
    margin-left:190px;
    margin-top:45px;
}

.map_Baden {
    margin-left:253px;
    margin-top:43px;
}

.map_Winterthur {
    margin-left:308px;
    margin-top:42px;
}

.map_Romanshorn {
    margin-left:387px;
    margin-top:39px;
}

.map_Wil {
    margin-left:338px;
    margin-top:53px;
}

.map_Aarau {
    margin-left:226px;
    margin-top:54px;
}

.map_Zurich {
    margin-left:292px;
    margin-top:60px;
}

.map_StGallen {
    margin-left:386px;
    margin-top:60px;
}

.map_Olten {
    margin-left:211px;
    margin-top:65px;
}

.map_Solothurn {
    margin-left:170px;
    margin-top:84px;
}

.map_Biel {
    margin-left:150px;
    margin-top:102px;
}

.map_Baar {
    margin-left:294px;
    margin-top:90px;
}

.map_Buchs {
    margin-left:392px;
    margin-top:97px;
}

.map_Burgdorf {
    margin-left:193px;
    margin-top:113px;
}

.map_Luzern {
    margin-left:264px;
    margin-top:113px;
}

.map_Bern {
    margin-left:178px;
    margin-top:137px;
}

.map_Chur {
    margin-left:402px;
    margin-top:142px;
}

.map_Thun {
    margin-left:188px;
    margin-top:165px;
}

.map_Unterseen {
    margin-left:215px;
    margin-top:176px;
}

.map_Spiez {
    margin-left:195px;
    margin-top:187px;
}

.map_Brig {
    margin-left:229px;
    margin-top:234px;
}

.map_Locarno {
    margin-left:320px;
    margin-top:261px;
}

.map_Lugano {
    margin-left:335px;
    margin-top:289px;
}

.map_Zug {
    margin-left:285px;
    margin-top:100px;
}