/*****************************
 File: sonderbar.css
******************************
 initial author: Nils Lindner
 last editor: Nils Lindner
 Version: 09.11.2006
******************************/
html {
	height: 99%;
	width: 99.99%;
}

body {
	background-color: #0A0B0D;
	font-size: 11px;
	font-family: arial, verdana, helvetica, sans-serif;
	color:#000000;
	padding:0px;
	margin:0px;
	background-image: url(../images/bgline.gif);
	background-repeat: repeat-y;
	background-position: center center;
}

/*NAVIGATION Sonderbar onTour*/
ul#navi li {
  float: left;
} 
#navi{
  list-style-type:none;
  margin:0;
  padding:0;
}
#navi li a{
  display:block;
  width:85px;
  height:24px;
  background:black url(../images/navisonderbar.gif) no-repeat top left;
}
#navi li a span{
  display:none;
}

#navi-01 a:link, #navi-01 a:visited, #navi-01 a:active { background-position:0px 0px; }
#navi-01 a:hover { background-position:0px -24px; }
body#nav01 #navi-01 a { background-position:0px -24px; } /*aktivierter Link = aktuelle Page*/

#navi-02 a:link, #navi-02 a:visited, #navi-02 a:active { background-position:-85px 0px; }
#navi-02 a:hover { background-position:-85px -24px; }
body#nav02 #navi-02 a { background-position:-85px -24px; }

#navi-03 a:link, #navi-03 a:visited, #navi-03 a:active { background-position:-170px 0px; }
#navi-03 a:hover { background-position:-170px -24px; }
body#nav03 #navi-03 a { background-position:-170px -24px; }

#navi-04 a:link, #navi-04 a:visited, #navi-04 a:active { background-position:-255px 0px; }
#navi-04 a:hover { background-position:-255px -24px; }
body#nav04 #navi-04 a { background-position:-255px -24px; }

#navi-05 a:link, #navi-05 a:visited, #navi-05 a:active { background-position:-340px 0px; }
#navi-05 a:hover { background-position:-340px -24px; }
body#nav05 #navi-05 a { background-position:-340px -24px; }

#navi-06 a:link, #navi-06 a:visited, #navi-06 a:active { background-position:-425px 0px; }
#navi-06 a:hover { background-position:-425px -24px; }
body#nav06 #navi-06 a { background-position:-425px -24px; }

/*NAVIGATION Sonderbar Akademie - mit "a" !!!!*/
ul#navia li {
  float: left;
} 
#navia{
  list-style-type:none;
  margin:0;
  padding:0;
}
#navia li a{
  display:block;
  width:85px;
  height:24px;
  background:black url(../images/navisonderbarakademie.gif) no-repeat top left;
}
#navia li a span{
  display:none;
}

#navia-01 a:link, #navia-01 a:visited, #navia-01 a:active { background-position:0px 0px; }
#navia-01 a:hover { background-position:0px -24px; }
body#nava01 #navia-01 a { background-position:0px -24px; } /*aktivierter Link = aktuelle Page*/

#navia-02 a:link, #navia-02 a:visited, #navia-02 a:active { background-position:-85px 0px; }
#navia-02 a:hover { background-position:-85px -24px; }
body#nava02 #navia-02 a { background-position:-85px -24px; }

#navia-03 a:link, #navia-03 a:visited, #navia-03 a:active { background-position:-170px 0px; }
#navia-03 a:hover { background-position:-170px -24px; }
body#nava03 #navia-03 a { background-position:-170px -24px; }

#navia-04 a:link, #navia-04 a:visited, #navia-04 a:active { background-position:-255px 0px; }
#navia-04 a:hover { background-position:-255px -24px; }
body#nava04 #navia-04 a { background-position:-255px -24px; }

#navia-05 a:link, #navia-05 a:visited, #navia-05 a:active { background-position:-340px 0px; }
#navia-05 a:hover { background-position:-340px -24px; }
body#nava05 #navia-05 a { background-position:-340px -24px; }


/*NAVIGATION Sonderbar BAR - mit "b" !!!!*/
ul#navib li {
  float: left;
} 
#navib{
  list-style-type:none;
  margin:0;
  padding:0;
}
#navib li a{
  display:block;
  width:85px;
  height:24px;
  background:black url(../images/navisonderbarbar.gif) no-repeat top left;
}
#navib li a span{
  display:none;
}

#navib-01 a:link, #navib-01 a:visited, #navib-01 a:active { background-position:0px 0px; }
#navib-01 a:hover { background-position:0px -24px; }
body#navb01 #navib-01 a { background-position:0px -24px; } /*aktivierter Link = aktuelle Page*/

#navib-02 a:link, #navib-02 a:visited, #navib-02 a:active { background-position:-85px 0px; }
#navib-02 a:hover { background-position:-85px -24px; }
body#navb02 #navib-02 a { background-position:-85px -24px; }

#navib-03 a:link, #navib-03 a:visited, #navib-03 a:active { background-position:-170px 0px; }
#navib-03 a:hover { background-position:-170px -24px; }
body#navb03 #navib-03 a { background-position:-170px -24px; }

#navib-04 a:link, #navib-04 a:visited, #navib-04 a:active { background-position:-255px 0px; }
#navib-04 a:hover { background-position:-255px -24px; }
body#navb04 #navib-04 a { background-position:-255px -24px; }

#navib-05 a:link, #navib-05 a:visited, #navib-05 a:active { background-position:-340px 0px; }
#navib-05 a:hover { background-position:-340px -24px; }
body#navb05 #navib-05 a { background-position:-340px -24px; }



/*Positionierung Zentriert*/
#inhalt { 	
  position:absolute;
  height:450px; 
  width:900px;
  margin:-225px 0px 0px -450px;
  top: 50%; 
  left: 50%;
  text-align: left;
  padding: 0px;
  background-color: #0A0B0D;
  border: 3px solid #EEEEEE;
  overflow: no;
}

#headimage {
	width: 100%;
	height:103px;
	padding: 0px;
	white-space: nowrap;
}
#headnavi {
	width: 100%;
	height:24px;
	padding: 0;
	margin: 0;
	background-image: url(../images/bgnavi900x24.gif);
	background-position: 0 0;
	white-space: nowrap;
}
#content1 {
	width: 100%;
	height:220px;
	padding: 0px;
	white-space: nowrap;
	background-image: url(../images/bgcontent900x220.gif);
}
#content1_ca {
	width: 100%;
	height:220px;
	padding: 0px;
	white-space: nowrap;
	background-image: url(../images/bgcontent900x220_ca.gif);
}

#content1_bar {
	width: 100%;
	height:220px;
	padding: 0px;
	white-space: nowrap;
	background-image: url(../images/bgcontent900x220_bar.gif);
}

#c1_boxleft {
	width: 295px;
	height:220px;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left; 
	background-color: #000000;
}

#c1_boxcenter {
	width: 325px;
	height:220px;
	padding: 0px;
	font: 11px arial, verdana, helvetica, sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	color: 000000;
}
#c1_boxright {
	width: 280px;
	height:220px;
	float: left;
	padding: 0px;
}

#content2 {
	width: 100%;
	height:85px;
	padding: 0px;
	white-space: nowrap;
	background-image: url(../images/bgcontent2_900x85.gif);
}
#content2_ca {
	width: 100%;
	height:85px;
	padding: 0px;
	white-space: nowrap;
	background-image: url(../images/bgcontent2_900x85_ca.gif);
}
#content2_bar {
	width: 100%;
	height:85px;
	padding: 0px;
	white-space: nowrap;
	background-image: url(../images/bgcontent2_900x85_bar.gif);
}
#c2_boxleft {
	width: 620px;
	height:85px;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left; 

}
#c2_boxright {
	width: 270px;
	height:75px;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 5px;
}

#footer {
	width: 100%;
	height:18px;
	background-color: #CDCB90;
	padding: 0px;
	white-space: nowrap;
	background: url(../images/bgfooterright.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
}
#footer_ca {
	width: 100%;
	height:18px;
	background-color: #CDCB90;
	padding: 0px;
	white-space: nowrap;
	background: url(../images/bgfooterright_ca.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
}
#footer_bar {
	width: 100%;
	height:18px;
	background-color: #CDCB90;
	padding: 0px;
	white-space: nowrap;
	background: url(../images/bgfooterright_bar.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
}

#footer_left {
	width: 620px;
	height:18px;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0px;
	
}
#footer_right {
	width: 275px;
	height:17px;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-left: 5px;
	padding-top: 1px;
}

/*Intro Seite*/
#content1intro {
	width: 100%;
	height:220px;
	padding: 0px;
	white-space: nowrap;
} 
#c1_boxleftintro {
	width: 236px;
	height:220px;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left; 
	background-color: #000000;
}
#c1_boxrightintro {
	width: 280px;
	height:220px;
	float: left;
	padding: 0px;
	background-image: url(../images/pic_intro.jpg);
}

#content2intro {
	width: 100%;
	height:85px;
	padding: 0px;
	white-space: nowrap;
	background-image: url(../images/bgcontent2_900x85intro.jpg);
}

#footerintro {
	width: 100%;
	height:18px;
	background-color: #CDCB90;
	padding: 0px;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: 0px top;
}
#c1_boxcenterintro {
	width: 384px;
	height:220px;
	font: 11px arial, verdana, helvetica, sans-serif;
	float: left;
	background-image: url(../images/bgcontent2centerintro.gif);
	margin: 0px;
}

/*Bildwechsel Intro*/
#wechselsonderbar a {
    background: url(../images/intro_sonderbar2.gif) no-repeat; 
    display:block; width:128px; /* Linkbereich begrenzen */
}
#wechselsonderbar img {
display:block; width:128px; height:220px; border:0; 
}
#wechselsonderbar a:hover img {
visibility: hidden;
}
#wechselsonderbar a:hover { /* Workaround fuer IE 5.5 und 6 */
border:0;
}
* html #wechselsonderbar a {
margin-right:0px;
}
* html #wechselsonderbar a:hover {
width:128px; margin-right:0; /* Workaround fuer IE 5.01 */
}

#wechselontour a {
    background: url(../images/intro_ontour2.gif) no-repeat;
    display:block; width:128px; /* Linkbereich begrenzen */
}
#wechselontour img {
display:block; width:128px; height:220px; border:0;
}
#wechselontour a:hover img {
visibility: hidden;
}
#wechselontour a:hover { /* Workaround fuer IE 5.5 und 6 */
border:0;
}
* html #wechselontour a {
margin-right:0px;
}
* html #wechselontour a:hover {
width:128px; margin-right:0; /* Workaround fuer IE 5.01 */
}

#wechselakademie a {
    background: url(../images/intro_akademie2.gif) no-repeat;
    display:block; width:128px; /* Linkbereich begrenzen */
}
#wechselakademie img {
display:block; width:128px; height:220px; border:0;
}
#wechselakademie a:hover img {
visibility: hidden;
}
#wechselakademie a:hover { /* Workaround fuer IE 5.5 und 6 */
border:0;
}
* html #wechselakademie a {
margin-right:0px;
}
* html #wechselakademie a:hover {
width:128px; margin-right:0; /* Workaround fuer IE 5.01 */
}



/*Formulare*/
.error {background-color:#FF9999;}

.txtgrey {
	text-transform: uppercase;
	font-size: 10px;
}
.txtgreen {
	color: #00BB00;
	font-weight: bold;
}

.buttonnormal 
{width: 80px;
background-color:#D6973A; /*Farbe des Buttons*/
border: 1px solid #FFFFFF; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #FFFFFF; /*Schriftfarbe*/
cursor: pointer}

input, select, textarea
{background-color:#FFFFFF; /*Farbe des Buttons*/
border: 1px solid #999999; 
font-family: Verdana, Courier New, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
padding: 2px;
margin:0px;
}

/*Standardeinstellungen ++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
a {
	text-decoration: underline;
	color: #D6963A;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#linkgrey a {
	text-decoration: underline;
	color: #666;
	font-weight: bold;
}
#linkgrey a:hover {
	text-decoration: none;
	color: #009835;
}
h1 {
	color: #000000;
	font-weight: bold;
	padding-top:20px;
	font-size: 11px;
	margin-bottom: 0px;
}
H2 {
	background-position: left 50%;
	font-weight: normal;
	font-size: 24px;
	color: #000;
	width: 100%;
	border-bottom: 1px solid #FFF;
	margin-bottom: 15px;
	margin-top: 0px;
	padding-bottom: 1px;
	line-height: 24px;
}
.txtorange {
	color: #D6963A;
}
.txtorangeb {
	color: #D6963A;
	font-weight: bold;
}
.txtorangeb14 {
	color: #D6963A;
	font-weight: bold;
	font-size:14px;
}
img {
	border-width: 0;
	margin: 0;
	padding: 0;
}

hr {
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
}
.lipoint {
	list-style-type: square;
	list-style-position: outside;
}
.ulpoint {
	list-style-type: square;
	margin: 10px;
	padding: 10px;
}
.bgblack
{background-color:#000000; /*Farbe des Buttons*/
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
padding: 2px;
margin:0px;
border: 5px solid #FFFFFF;
}

.boxkurstermine {
padding: 5px;
border: 1px solid #999;
background-color: #EEE;
}
.boxkurstermineimage {
margin-right: 10px;
margin-bottom: 10px;
float:left;
}

