/**********************************************************************
Autor:    Pizo van Hintn
          http://www.vanhintn.de/
Version:  1.0 / Juli-August 2005
**********************************************************************/

/**********************************************************************
Allgemein
**********************************************************************/
* {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  margin-left : 0px;
  margin-top : 0px;
  font-family: Verdana, Arial, Helvetica, Verdana, sans-serif;
  font-size:11px;
  background-image: url(/_Layout/bsm/bg.jpg);
  text-align:center;
  color:#000000;
}
#preload {
  display:none;
}
#main {
  width:769px;
  position:relative;
  margin:10px auto;
  margin-bottom:5px;
  text-align:left;
}

/**********************************************************************
Titel
**********************************************************************/
#title {
  width:769px;
  height:118px;
  position:relative;
  background-image: url(/_Layout/bsm/bg_top.jpg);
}
#titlePrintVersion {
  display:none;
}

/**********************************************************************
Menue oben
**********************************************************************/
#menueOben {
  position:relative;
  height:22px;
  width:769px;
  text-align:center;
  font-weight:bold;
  background-image: url(/_Layout/bsm/bg_topmenu.jpg);
  background-repeat:no-repeat;
}
#menueOben ul {
  list-style-type:none;
  /*margin-left:265px;*/
		margin-left:260px;
	}
#menueOben ul li {
  float:left;
  height:22px;
}
#menueOben a {
  display:block;
  height:16px;
  padding:4px 5px 0px 5px;
  margin-left:5px;
  margin-right:5px;  
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  }
#menueOben a:hover, #menueOben a.highlight {
  height:15px;
  padding:3px 4px 0px 4px;
  border-top:1px solid #ffffff;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  background-image: url(/_Layout/bsm/bg_schatten_menu_mo.jpg);
  background-repeat:repeat-x;
}

/**********************************************************************
Menue unten
**********************************************************************/
#menueUnten {
	text-align:center;
}
#menueUnten a, #menueUnten a:hover {
  color:#aaa;
	text-decoration:underline;
}
/**********************************************************************
Layout Rahmen
**********************************************************************/
#rahmenMitRaendern {
  width:769px;
  position:relative;
  background-image: url(/_Layout/bsm/bg_raender.jpg);
}
#rahmenMitte {
  width:761px;
  margin-left:5px;
  position:relative;
}

/**********************************************************************
Keyvisual
**********************************************************************/
#keyvisual {
  height:60px;
  background-image: url(/_Layout/bsm/keyvisual.jpg);
  background-repeat:no-repeat;
  border-bottom:1px solid #e44f07;
}

/**********************************************************************
Linke Spalte
**********************************************************************/
#left {
  width:125px;
  float:left;
}
#left ul {
  list-style-type:none;
  margin-top:20px;
  margin-right:1px;
  border:1px solid #ffffff;
  background-image: url(/_Layout/bsm/bg_schatten_menu.jpg);
  background-repeat:repeat-x;
}
#left ul li a, #left ul li a.zz {
  padding-left:5px;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  display:block;
  height:20px;
  padding-top:5px;
}
#left ul li a:hover, #left ul li a.highlight {
  /* Boxmodel: Border kommt dazu, Hoeher wird weniger, Padding wird umverteilt */
  height:18px;
  padding-top:4px;
  padding-bottom:1px;  
}
#left ul li a.zz {
  height:30px;
}
#left ul li a.zz:hover, #left ul li a.zzhighlight {
  /* Boxmodel: Border kommt dazu, Hoeher wird weniger, Padding wird umverteilt */
  height:28px;
  padding-top:4px;
  padding-bottom:1px;  
}
#left ul li a:hover, #left ul li a.highlight, #left ul li a.zzhighlight {
  border-top:1px solid #434343;
  border-bottom:1px solid #434343;
  background-image: url(/_Layout/bsm/bg_schatten_menu_mo.jpg);
  background-repeat:repeat-x;
}

/**********************************************************************
Untermenue im Inhalt
**********************************************************************/
#subMenue {
  float:left;
  margin-top:5px;
  margin-bottom:15px;
  width:550px;
  border:1px solid #232530;
  background-image: url(/_Layout/bsm/bg_schatten_menu.jpg);
  background-repeat:repeat-x;
}
#subMenue ul {
  margin:6px;
}
#subMenue ul li {
  display:inline;
  padding-right:10px;
}
#subMenue ul li a {
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
}
#subMenue ul li a:hover, #subMenue ul li a.highlight {
  color:#232530;
  font-weight:bold;
}
a.print {
  background-image:url("/_Layout/bsm/icon_drucker.jpg");
  display:block;
  width:27px;
  height:27px;
  float:right;
  margin-top:5px;
}

a.print:hover {
  background-image:url("/_Layout/bsm/icon_drucker_mo.jpg");
}
/**********************************************************************
Inhalt
**********************************************************************/
#rahmenContentFarbe {
  width:636px;
  float:left;
  background-image: url(/_Layout/bsm/bg_content.jpg);
}
#rahmenContentHals {
  background-image: url(/_Layout/bsm/bg_content_hals.jpg);
  background-repeat:no-repeat;
  background-position:0px 150px;
}
#rahmenContentKreis {
  background-image: url(/_Layout/bsm/bg_content_viertelkreis.png);
  background-repeat:no-repeat;
  background-position:right bottom;
  height:100%; /* IE bei divs nebeneinander */
}
#content {
  padding:15px 15px 130px 15px;
}

/**********************************************************************
Fussleiste
**********************************************************************/
#bottom {
  position:relative;
  width:769px;
  height:5px;
  background-image: url(/_Layout/bsm/bg_rand_unten.jpg);
  background-repeat:no-repeat;
}
#printFootLine {
  display:none;
}

/**********************************************************************
Inhaltselemente Container
**********************************************************************/
.contentBoxRahmen, .contentBoxRahmenLeft {
  width:550px;
  border:1px solid #000000;
  margin-top:10px;
}
.contentBoxRahmen {
  position:relative;
}
.contentBoxRahmenLeft {
  width:430px;
  float:left;
}
.contentBoxRahmenRight {
  width:150px;
  float:right;
  margin-top:10px;
}
.contentBox, .contentBoxLeft {
  padding:3px;
  background-color:#ffffff;
  }
.assoziativBoxRahmen {
  border:1px solid #000000;
  margin-bottom:25px;
}
.assoziativBox {
  padding:3px;
  color:#ffffff;
  background-image: url(/_Layout/bsm/bg_schatten_menu.jpg);
  background-repeat:repeat-x;
  padding-top:5px;
  padding-bottom:5px;
}
.assoziativBoxRahmen h3 {
  font-size:11px;
  color:#ffffff;
}
.assoziativBox p {
  padding-top:5px;
}
.assoziativBox a, .assoziativBox a:visited {
  font-weight:bold;
  text-decoration:underline;
  color:#ffffff;
}
.assoziativBox a:hover, .assoziativBox a:active {
  text-decoration:none;
  color:#ffffff;
}
.contentBoxRahmen h2, .contentBoxRahmenLeft h2, .assoziativBoxRahmen h2, .contentBoxRahmen h2.inaktiv {
  position:relative;
  height:15px;
  padding-top:1px;
  padding-left:3px;
  font-size:11px;
  font-weight:bold;
  color:#ffffff;
  background-image: url(/_Layout/bsm/bg_schatten_menu_mo.jpg);
  border-bottom:1px solid #000000;
}
.contentBoxRahmen h2.inaktiv {
  color:#666666;
  background-color:#ffffff;
  background-image: none;
}
/**********************************************************************
Inhaltselemente Allgemein
**********************************************************************/
img.img_contentBox {
  position:absolute;
  top:20px;
  right:4px;
  border:1px solid #000000;
}
.contentBox p, .contentBoxLeft p, .contentBox p.inaktiv {
  padding-top:5px;
  padding-bottom:5px;
}
.contentBox p.inaktiv {
  color:#666666;
}

.contentBox ul {
  list-style-image: url(/_Layout/bsm/li_bullet.png);
  margin-left:20px;
}
.contentBox ul li {
  padding-top:2px;
  padding-bottom:8px;
}
.contentBox ol {
  list-style-image: none;
  list-style-type:decimal;
  margin-left:20px;
}

.contentBoxRahmen .contentBox ul li a.highlight {
  text-decoration:none;
  color:#000000;
}
.contentBoxRahmen .contentBox ul li a.highlight:hover {
  text-decoration:underline;
}
.contentBox a, .contentBox a:visited {
  font-weight:bold;
  text-decoration:none;
  color:#e44f07;
}
.contentBox a:hover, .contentBox a:active {
  text-decoration:underline;
  color:#000000;
}
.contentBox a.mp3 {
	background-image: url(/_Layout/icon_music.gif);
	background-repeat:no-repeat;
	padding-left:20px;
}
.contentBox table {
  border: 1px solid #e44f07;
  margin:10px;
  width:95%;
}
.contentBox table.blank {
  border-style: none;
  margin:0px;
  width:auto;
}
.contentBox table tr th {
  border: 1px solid #aaaaaa;
  background-image: url(/_Layout/bsm/bg_schatten_menu.jpg);
  background-repeat:repeat-x;
  padding:3px;
  color:#ffffff;
  text-align:left;
  vertical-align:top;
}
.contentBox table tr td {
  border: 1px solid #aaaaaa;
  padding:3px;
  vertical-align:top;
}
.contentBox table.center tr td {
  text-align:center;
}
.contentBox table tr td.widthAnmeldung {
  width:90px;
}
.contentBox table tr td.widthAnmeldung2 {
  width:210px;
}
.contentBox table tr td.center {
  text-align:center;
}
.contentBox table tr th, .contentBox table tr td {
  font-size:11px;
}
.bf {
  display:none;
}
.center {
	text-align:center;
}
hr {
  height:1px;
  border-top: 1px solid #e44f07;
  border-left-style: none;
  border-right-style: none;
  border-bottom-style: none;
  margin-top:5px;
  margin-bottom:5px;
}
.error {
  font-weight:bold;
  color:#ff0000;
}
#content h1 {
  color:#232530;
  font-size:15px;
  height:24px;
  background-image: url(/_Layout/bsm/linie_ueberschrift.png);
  background-repeat:no-repeat;
  background-position:left bottom;
}
#content h3 {
  border:1px solid #232530;
  background-image: url(/_Layout/bsm/bg_schatten_menu.jpg);
  background-repeat:repeat-x;
  margin:1px;
  padding:1px;
  padding-left:3px;
  color:#ffffff;
  font-size:11px;
  font-weight:bold;
}

.selectItem {
  padding:5px;
  margin-top:3px;
  margin-left:15px;
  border:1px solid #000000;
  background-color:#eeeeee;
}
input.button {
  background-image: url(/_Layout/bsm/bg_schatten_menu_mo.jpg);
  background-repeat:repeat-x;
  color:#ffffff;
  font-weight:bold;
  font-size:11px;
  padding:2px;
  border:1px solid #000000;
}
input.textfield, input.textfieldKlein1, input.textfieldGross1, textarea {
  border:1px solid #000000;
  font-size:11px;
}
input.textfieldKlein1 {
  width:30px;
}
input.textfieldGross1 {
  width:400px;
}
textarea, textarea.klein {
  width:400px;
  height:200px;
  font-family: Verdana, Arial, Helvetica, Verdana, sans-serif;
  font-size:11px;
}
textarea.klein {
  height:100px;
}
select {
  font-size:11px;
	border:1px solid #000;
}
select.anmeldung {
  width:120px;
}
select.tagmonat {
  width:40px;
}
select.jahr {
  width:100px;
}
blockquote {
  margin-left:10px;
}
a.image img {
  border:1px solid #e44f07;
  padding:1px;
}