/*farbcodes der Sektionen
------------------------------------------
--------------------------------------------

#0082e5 = blau
#66b4ef = hellblau
#f3e582 = gelb
#433534 = dunkelgrau (navi/top)

------------------------------------------
-------------------------------------------*/

@import url(navigation.css);
@import url(lightbox.css);
@import url(adressen.css);
@import url(grundelemente.css);

body     {
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
font-size: 0.8em;
line-height: 1.3em;
color: #000;
margin: 0;
padding: 0;
text-align: center;
background-image: url("/pictures/streifen.jpg");
}

.bodycontent /* falls hintergrundfarbe des inhalts von der vom body abweicht */ {
background-image: none;
text-align: left;
	}

/* container
------------------------------------------
------------------------------------------*/
#main {
text-align: left;
margin: 9px auto 0px auto;
padding: 0;
width: 969px;
border: 1px solid #433534;
}

/* oben
------------------------------------------
------------------------------------------*/

/* streifen
------------------------------------------
------------------------------------------*/

#streifen {
background-color: #0082e5;
margin: 0px;
padding: 0px;
height: 26px;
}

#streifen ul {
margin: 0 0 0 196px;
padding: 7px 0 0 0;
}

#streifen ul li {
margin: 0;
padding: 0 15px 0 0;
list-style-type: none;
float: left;
color: #fff;
}

#streifen ul li a  {
font-size: 0.95em;
margin: 0;
padding: 0;
color: #fff;
text-decoration: none;
}

#streifen ul li a:visited {
color: #fff; }

#streifen ul li a:hover { 
color: #f3e582;}

/* suche
------------------------------------------
------------------------------------------*/


#suche {
position: absolute;
margin: -5px 0 0 800px;
*margin: -6px 0 0 27px;
padding: 0;
width: 200px;
}
#suche_vs {
position: absolute;
margin: -5px 0 0 720px;
*margin: -6px 0 0 27px;
padding: 0;
width: 170px;
}

#suche img, #suche_vs img {
position: absolute;
margin: 7px 0 0 7px;
*margin: 8px 0 0 5px;
padding: 0;
}

/* sprachen
------------------------------------------
------------------------------------------*/

#sprachen {
float: right;
margin: 0 20px 0 0;
padding: 0;
}

*html #sprachen {
margin: 0 20px 0 0;
}

#sprachen ul {
margin: 0;
padding: 0;
}

#sprachen ul li {
margin: 0;
padding: 0 3px 0 0;
}

#sprachen ul li.active {
color: #f3e582;
}



#head {
background-image: url("/pictures/bg_head_ost.jpg");
background-repeat: no-repeat;
height: 119px;
margin: 0;
padding: 0;
border-bottom: 1px solid #66b4ef;
}

#head_zh {
background-image: url(/pictures/bg_head_zh.jpg);
background-repeat: no-repeat;
height: 119px;
margin: 0;
padding: 0;
border-bottom: 1px solid #66b4ef;
}

#head_zs {
background-image: url(/pictures/bg_head_zs.jpg);
background-repeat: no-repeat;
height: 119px;
margin: 0;
padding: 0;
border-bottom: 1px solid #66b4ef;
}

#head_be {
background-image: url(/pictures/bg_head_be.jpg);
background-repeat: no-repeat;
height: 119px;
margin: 0;
padding: 0;
border-bottom: 1px solid #66b4ef;
}
#head_basel {
background-image: url(/pictures/bg_head_basel.jpg);
background-repeat: no-repeat;
height: 119px;
margin: 0;
padding: 0;
border-bottom: 1px solid #66b4ef;
}

#head_fri {
background-image: url(/pictures/bg_head_fri.jpg);
background-repeat: no-repeat;
height: 119px;
margin: 0;
padding: 0;
border-bottom: 1px solid #66b4ef;
}

#head_vs {
background-image: url(/pictures/bg_head_vs.jpg);
background-repeat: no-repeat;
height: 119px;
margin: 0;
padding: 0;
border-bottom: 1px solid #66b4ef;
}

#head_gr {
background-image: url(/pictures/bg_head_gr.jpg);
background-repeat: no-repeat;
height: 119px;
margin: 0;
padding: 0;
border-bottom: 1px solid #66b4ef;
}

#head_gr_sommer {
background-image: url(/pictures/bg_head_gr_sommer.jpg);
background-repeat: no-repeat;
height: 119px;
margin: 0;
padding: 0;
border-bottom: 1px solid #66b4ef;
}
#head_bejune {
background: url(/pictures/bg_head_bejune.jpg) 0 0;
background-repeat: no-repeat;
height: 119px;
margin: 0;
padding: 0;
border-bottom: 1px solid #66b4ef;
}
#head_ge {
background: url(/pictures/bg_head_genf.jpg) 0 0;
background-repeat: no-repeat;
height: 119px;
margin: 0;
padding: 0;
border-bottom: 1px solid #66b4ef;
}
#head_vd {
background: url(/pictures/bg_head_vaud.jpg) 0 0;
background-repeat: no-repeat;
height: 119px;
margin: 0;
padding: 0;
border-bottom: 1px solid #66b4ef;
}

#head img, 
#head_be img, 
#head_zs img, 
#head_zh img, 
#head_fri img, 
#head_vs img, 
#head_gr img, 
#head_gr_sommer img, 
#head_bejune img, 
#head_basel img
#head_ge img, 
#head_vd img, 
#head_basel img, 
#head_ge img {
margin: 0;
padding: 0;
float: right;
}

/* login
------------------------------------------
------------------------------------------*/

#login {
padding-left: 12px;
margin: 0;
width: 152px;
font-size: 0.9em;
float: left;
background-image: none;
}

#login p {
margin: 0 0 3px 0;
padding: 0;
}

#login input {
margin: 0;
padding: 0;
background-image: url("/pictures/bg_login.jpg");
background-repeat: repeat-x;
border: 1px solid #0082e5;
}

*html #login input {
background-image: none;
}

#login label {
margin: 0;
padding: 0;
}

#login #user {
margin: 0;
padding: 0;
height: 16px;
width: 136px;
}

#login #passwort {
margin: 0 2px 0 0;
padding: 0;
height: 16px;
width: 97px;
}

#login a {
line-height: 20px;
margin: 0;
padding: 0;
color: #0082e5;
text-decoration: none;
}

#login a:hover {
margin: 0;
padding: 0;
color: #433534;
}

#login h3 {
font-size: 1em;
margin: 0;
padding: 0;
font-weight: bold;
color: #0082e5;
}

#login form {
margin: 0;
padding: 0;
}

#login .button {
background-color: #fff;
font-weight: bold;
color: #0082e5;
margin: 0;
padding: 0;
font-size: 1em;
}

/* unten
------------------------------------------
------------------------------------------*/

#unten {
float: left;
margin: 0 0 0 -1px;
padding: 0;
width: 969px;
background-color: #fff;
border-left: 1px solid #433534;
border-right: 1px solid #433534;
border-bottom: 1px solid #433534;
}

*html #unten {
border: none;
width: 970px;
}

/* navi
------------------------------------------
------------------------------------------*/

#navi {
margin: 0;
padding: 0;
float: left;
background-color: #fff;
background-image: url("/pictures/bg_navi.jpg");
background-repeat: no-repeat;
width: 155px;
min-height:400px;
height:auto !important;  /* f?r moderne Browser */
height:400px;  /*f?r den IE */
}

/* rechts
------------------------------------------
------------------------------------------*/

#rechts {
margin: 0;
padding: 0 0 7px 0;
float: right;
background-image: url("/pictures/bg_rechts.jpg");
background-repeat: no-repeat;
width: 155px;
min-height:369px;
height:auto !important;  /* f?r moderne Browser */
height:369px;  /*f?r den IE */
}

#rechts img {
float: right;
width: 152px;
margin: 0;
padding: 15px 0 0 0;
}

#iref img {
margin: 0;
padding: 0;
width: 152px;
height: 41px;
}

#iref a {
float: right;
margin: 15px 0 0 0;
padding: 0;
width: 152px;
height: 41px;
background-image: url("/pictures/iref_farb.gif");
background-repeat: no-repeat;
background-position: 0 0;
}

#iref a:hover {
background-image: url("/pictures/iref_farb.gif");
background-repeat: no-repeat;
background-position: 0 -41px;
}

#sts img, #sts_fr img {
margin: 0;
padding: 0;
width: 152px;
height: 41px;
}

#sts a, #sts_fr a {
float: right;
margin: 15px 0 0 0;
padding: 0;
width: 152px;
height: 41px;
background-repeat: no-repeat;
background-position: 0 0;
}

#sts a {
background-image: url("/pictures/sts_farb.gif");
}

#sts_fr a {
background-image: url("/pictures/sts_farb_fr.gif");
}

#sts a:hover {
background-image: url("/pictures/sts_farb.gif");
background-repeat: no-repeat;
background-position: 0 -41px;
}

#sts_fr a:hover {
background-image: url("/pictures/sts_farb_fr.gif");
background-repeat: no-repeat;
background-position: 0 -41px;
}

#okgt img {
margin: 0;
padding: 0;
width: 152px;
height: 41px;
}

#okgt a {
float: right;
margin: 15px 0 0 0;
padding: 0;
width: 152px;
height: 41px;
background-image: url("/pictures/okgt_farb.gif");
background-repeat: no-repeat;
background-position: 0 0;
}

#okgt a:hover {
background-image: url("/pictures/okgt_farb.gif");
background-repeat: no-repeat;
background-position: 0 -41px;
}

#sti img {
margin: 0;
padding: 0;
width: 152px;
height: 41px;
}

#sti a {
float: right;
margin: 7px 0 0 0;
padding: 0;
width: 152px;
height: 41px;
background-image: url("/pictures/sti_farb.gif");
background-repeat: no-repeat;
background-position: 0 0;
}

#sti a:hover {
background-image: url("/pictures/sti_farb.gif");
background-repeat: no-repeat;
background-position: 0 -41px;
}

#trex img {
margin: 0;
padding: 0;
width: 152px;
height: 41px;
}

#trex a {
float: right;
margin: 15px 0 0 0;
padding: 0;
width: 152px;
height: 41px;
background-image: url("/pictures/trex_farb.gif");
background-repeat: no-repeat;
background-position: 0 0;
}

#trex a:hover {
background-image: url("/pictures/trex_farb.gif");
background-repeat: no-repeat;
background-position: 0 -41px;
}

#treuhand img, #treuhand_fr img {
margin: 0;
padding: 0;
width: 152px;
height: 41px;
}

#treuhand a, #treuhand_fr a {
float: right;
margin: 15px 0 0 0;
padding: 0;
width: 152px;
height: 41px;
background-repeat: no-repeat;
background-position: 0 0;
}

#treuhand a {
background-image: url("/pictures/treuhandbranche_farb.gif");
}

#treuhand_fr a {
background-image: url("/pictures/treuhandbranche_farb_fr.gif");
}

#treuhand a:hover {
background-image: url("/pictures/treuhandbranche_farb.gif");
background-repeat: no-repeat;
background-position: 0 -41px;
}

#treuhand_fr a:hover {
background-image: url("/pictures/treuhandbranche_farb_fr.gif");
background-repeat: no-repeat;
background-position: 0 -41px;
}

#sro img, #sro_fr img {
margin: 0;
padding: 0;
width: 152px;
height: 41px;
}

#sro a, #sro_fr a {
float: right;
margin: 15px 0 0 0;
padding: 0;
width: 152px;
height: 41px;
background-repeat: no-repeat;
background-position: 0 0;
}

#sro a, #sro_fr a {
background-image: url("/pictures/sro_farb.gif");
}

#sro a:hover, #sro_fr a:hover {
background-image: url("/pictures/sro_farb.gif");
background-repeat: no-repeat;
background-position: 0 -41px;
}

#revision img, #revision_fr img {
margin: 0;
padding: 0;
width: 152px;
height: 41px;
}

#revision a, #revision_fr a {
float: right;
margin: 15px 0 0 0;
padding: 0;
width: 152px;
height: 41px;
background-repeat: no-repeat;
background-position: 0 0;
}

#revision a {
background-image: url("/pictures/revision_farb.gif");
}

#revision_fr a {
background-image: url("/pictures/revision_farb_fr.gif");
}

#revision a:hover {
background-image: url("/pictures/revision_farb.gif");
background-repeat: no-repeat;
background-position: 0 -41px;
}

#revision_fr a:hover {
background-image: url("/pictures/revision_farb_fr.gif");
background-repeat: no-repeat;
background-position: 0 -41px;
}


/* mitte
------------------------------------------
------------------------------------------*/

#mitte {
margin: 0 0 0 155px;
padding: 24px 45px 0 45px;
width: 569px;
position: relative;
}

* html #mitte {
padding: 24px 42px 0 42px;
width: 563px;
}

/* #mitte.graubuenden {
width: 724px;
}

* html #mitte.graubuenden {
width: 718px;
padding: 24px 42px 0 42px;
}  */


#mitte #news {
margin: 0 0 10px 0;
padding: 0 0 5px 0;
min-height: 110px;
height:auto !important;  /* f?r moderne Browser */
height:110px;  /*f?r den IE */
border-bottom: 1px solid #000;
}

#mitte #news a {
font-weight: normal;
}

#mitte #news table {
margin: 0;
padding: 0;
width: 448px;
}

#mitte.graubuenden #news table {
width: 578px;
}

.feed p {
display: none;
}

#mitte #kurse {
margin: 0 0 10px 0;
padding: 0 0 5px 0;
min-height: 110px;
height:auto !important;  /* f?r moderne Browser */
height:110px;  /*f?r den IE */
border-bottom: 1px solid #000;
}

#mitte #kurse a {
font-weight: normal;
}

#mitte #willkommen {
margin: 0;
padding: 0 0 5px 0;
min-height: 100px;
height:auto !important;  /* f?r moderne Browser */
height:100px;  /*f?r den IE */
}

img.mitglieder {
padding-bottom: 55px;
}


#ifrlinks {
border: none;
}

#top {
border-top: 1px solid #433534;

padding: 5px 0 0 0;
margin: 40px 0 0 0;
}

*html #top {
width: 563px;
}

/* * html #mitte.graubuenden #top {
width: 718px;
} */

#top ul {
list-style-type: none;
margin: 0;
padding: 0 0 40px 0;
}

#top ul li.top {
float: left;
margin: 0;
padding: 0;
}

#top a {
padding: 0 0 0 15px;
margin: 0;
color: #433534;
}

#top ul li.drucken {
float: right;
background-image: url("/pictures/drucker.gif");
background-repeat: no-repeat;
background-position: left;
padding: 0px 0px 0px 3px;
margin: 0;
}

.pfeil {
background-image: url("/pictures/nach_oben.gif");
background-repeat: no-repeat;
background-position: left;
}

#kontaktform form {
margin-bottom: 20px; }

#kontaktform label {
width: 100px;
padding-left: 0px;
float: left; }

#kontaktform input.nowidth {
margin: 5px 45px 0 0;
padding: 0 0 0 0;
}

*html #kontaktform input.nowidth {
margin: 5px 35px 0 0;
}

#kontaktform input, #kontaktform textarea {	
margin-top: 2px;
margin-bottom: 2px;
border: solid 1px silver; 
}
table.list {
	width: 100%;
	}
table.auto {
	width: auto;
	}
table.list th {
	border-top: 1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;
	padding: 2px 15px 2px 0;
	}
table.list td {
	border-bottom: 1px solid #b7b7b7;
	padding: 2px 15px 2px 0;
	}
table.list td p {
	margin-bottom: 0.5em;
	}
/* adresse
------------------------------------------
------------------------------------------*/

#adresse {
clear: both;
height: 34px;
background-color: #0082e5;
color: #fff;
width: 769px;
float: right;
margin: 0;
padding: 0 0 0 44px;
font-size: 0.9em;
}

*html #adresse {
clear: both;
}
#adresse span.kleiner {
	font-size: 0.899em;	
	}

#adresse strong {
margin: 0;
padding: 0;
color: #f3e582;
}

#adresse a {
margin: 0;
padding: 0;
color: #fff;
}

#adresse a:hover { 
margin: 0;
padding: 0;
color: #f3e582;
}

#kursrubrik a.current {
font-weight: bold;
text-decoration: none;
}

/* Loginbereich
------------------------------------------
------------------------------------------*/

#mitte input {
border: 1px solid #000000;
margin: 0 0 2px 0;
padding: 0 0 0 1px;
}
label {
float: left;
width: 145px;
}
#mitte form {
margin: 0 0 2px 0;
position: relative;
}
#mitte select {
margin: 0 0 2px 0;
}
#Fullsearch {
width: 313px;
}
#firma_daten input {
width: 313px;
}
#mnri_sektion {
width: 20px !important;
}
#mnri_nummer {
width: 285px !important;
}
#PLZ {
width: 40px !important;
}
#Ort {
width: 262px !important;
}
* html #Ort {
width: 260px !important;
}
*+html #Ort {
width: 260px !important;
}
#firma_daten select {
width: 200px;
}
#firma_daten em {
font-size: 10px;
}
.custom_mmt_btnSubmit {
margin: 10px 0 15px 0 !important;
}
.custom_mmt_tblSearchResult {
margin: 15px 0 0 0;
width: 100%;
}
.custom_mmt_tblSearchResult th {
background-color: #f0f0f0;
}
.custom_mmt_tblSearchResult td {
padding: 2px 0 5px 0;
}
.custom_mmt_checkbox {
width: auto !important;
border: none !important;
}
.custom_mmt_register {
position: absolute;
left: 450px;
top: 30px;
}
.custom_mmt_register li {
display: inline;
}
.custom_mmt_register a {
color: #000000 !important;
text-decoration: none;
border-top: 2px solid #848484 !important;
border-left: 1px solid #848484;
border-right: 1px solid #848484;
padding: 0 3px 0 3px;
}
.custom_mmt_register a:hover {
color: #848484 !important;
}
#thisForm_88 em {
font-size: 10px;
}
.wbk_infobox {
position: absolute;
padding: 5px;
width: 250px;
border: 1px solid black;
}


/* =tooltip
--------------------------------------------------------------- */
#messageTooltip {
	z-index: 10;
	padding: 4px 5px 3px 5px;
	border: 1px solid #000;
	display: none;
	background-color: #ffffcc;
	position: absolute;
	z-index: 1000;
	color: #000;
	text-align: left;
	width: 25em;
	font-size: 0.92em;
	}
/* Link button
------------------------------------------
------------------------------------------*/
#willkommenLink2 {
	background:#d8d8d8;
	margin: 0px 0px 20px 0px;
	padding: 5px;
	width:140px;
	font-weight:bold;
}



#willkommenLink {
text-indent:-3000px;
background-image: url("/pictures/link_btn_de.jpg");
cursor:pointer;
float:right;
margin: 0px 0px 20px 5px;
padding: 5px;
width:140px;
height:85px;
font-weight:bold;

}

#willkommenLink_fr a {
text-indent:-3000px;
background-image: url("/pictures/link_btn_fr.jpg");
cursor:pointer;
float:right;
margin: 0px 0px 20px 5px;
padding: 5px;
width:140px;
font-weight:bold;
}

span.willkommen_p2 {
position:relative;
}
#kontaktadresse {
	width: 269px;
	float: right;
	position: absolute;
	text-align: right;
	left: 346px;	
}

* html .graubuenden {padding: 24px 37px 0 !important;}

ul.buttons {
margin: 0 0 0 70px;
padding: 0;
}

ul.buttons li {
display: inline;
margin: 0 20px 0 0;
list-style-type: none;
padding: 0;
}

/* Boerse / Formular
------------------------------------------
------------------------------------------*/

#TS form {
margin: 0 0 50px 0;
}

#TS label {
float: left;
width: 150px;
padding: 2px 0;
}

#TS input {
width: 250px;
margin-bottom: 10px;
padding: 2px;
font-size: 0.95em;
}

#TS textarea {
width: 400px;
height: 120px;
padding: 2px;
font-size: 1em;
font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
border: 1px solid #000;
}

#TS .radio-input {
float: left;
width: 50px;
border: 0;
width: 12px;
height: 12px;
position: relative;
top: 4px;
}

#TS .radio-label {
float: left;
width: 50px;
padding-left: 5px;

}

#TS .radio-p {
clear: both;
margin-bottom: 50px;
}

#TS #strSubmit {
margin-top: 20px;
display: block;
width: 150px;
color: #fff;
background-color: #0082E5;
cursor: pointer;
}


#TS .titel {
padding: 0 50px 0 0;
margin: 0;
height: 10px;
font-size: 1.2em;
font-weight: bold;
}


#TS table {
margin : 0;
padding: 5px;
border-spacing: 1em;

}

#TS .datum, #TS .bearbeiten {padding-bottom: 20px;}

#TS .bearbeiten a, #TS .loeschen a {
padding: 2px 5px;
margin-right: 5px;
background-color: #0082E5;
color: #fff;
text-decoration: none;
}
td.einleitung {
	padding-bottom: 20px;
	}

#created {
clear: both;
font-size: 11px;
color: #fff;
margin-left: 818px;
padding-top: 4px;
}

#created a {
color: #fff;
text-decoration:none;
}
#created a:hover {
text-decoration:underline;
}
#up-date {
	padding: 0 14px 0;
	}
.error {
	color: #ff0000;
	}
#mitte .button.order {
	margin-top: 10px;
	}