body { font-size:62.5%; font-size: 12px; }
#menuLog { font-size:1.4em; margin:10px 20px 20px; }
.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }

.fg-button { clear:left; margin:0 4px 40px 20px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left;  }
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */

.fg-button.ui-state-loading .ui-icon { background: url(elements/spinner_bar.gif) no-repeat 0 0; }
.textDesigner { font-family: Verdana, Arial, Helvetica, Verdana, sans-serif; font-size: 10px; }

#sidePanel{ width:332px; height:100%; position:fixed; right:-600px; top:0px; z-index: 99;}

#panelContent{
	float:right;
	border:1px solid #F8EBE3;
	width:800px;
	height:100%;
	background-color:#F8EBE3;
	/* -- define box-shaddow --- */
	-moz-box-shadow: 3px 3px 6px #999; /* Firefox */
	-webkit-box-shadow: 3px 3px 6px #999; /* Safari and Chrome */
	box-shadow: 3px 3px 6px #999; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	zoom: 1;
}

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

.mobileContent {
margin:5px;
width:790px;
height:100%;
	text-align:left;
	vertical-align:left;
}
.SimpleRoundedBox {
	background-color: #d7d7d7;
margin: 0 auto 15px auto;
padding: 5px 5px;
border: 1px solid #d7d7d7;
	/* -- define border-roundings -------- */
	-moz-border-radius: 8px; /* Firefox */
	-webkit-border-radius: 8px; /* Safari and Chrome */
	border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
zoom: 1;
}
.buttonBox {
cursor: pointer;
}

.mainheader_left {
	font-size: 52px;
color: #FFFFFF;
	margin-right: 25px;
	margin-top: 20px;
	font-family: Verdana, Arial, Helvetica, Verdana, sans-serif;
}
.mainheader_right {
	font-size: 52px;
	color: #FFFFFF;
	margin-left: 25px;
	margin-top: 20px;
	font-family: Verdana, Arial, Helvetica, Verdana, sans-serif;
}

.mainheaderPIC_left {
	font-size: 52px;
color: #FFFFFF;
	margin-right: 15px;
	margin-top: 20px;
	font-family: Verdana, Arial, Helvetica, Verdana, sans-serif;
}
.mainheaderPIC_right {
	font-size: 52px;
	color: #FFFFFF;
	margin-left: 15px;
	margin-top: 20px;
	font-family: Verdana, Arial, Helvetica, Verdana, sans-serif;
}

.main_logo {
top: 10px;
left:20px;
position: absolute;
}
.main_logoRight {
top: 10px;
right:20px;
position: absolute;
}

.normal_sideContent {
	font-size: 12px;
color: #FFFFFF;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	/* font-family: Verdana, Arial, Helvetica, Verdana, sans-serif; */

}
.normal_button {
	font-size: 12px;
color: #FFFFFF;
cursor: pointer;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	/* font-family: Verdana, Arial, Helvetica, Verdana, sans-serif; */
}

.normal_buttonRight {
	font-size: 12px;
	color: #990000;
	cursor: pointer;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	/* font-family: Verdana, Arial, Helvetica, Verdana, sans-serif; */
}

.rub_headline {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
	/* font-family: Verdana, Arial, Helvetica, Verdana, sans-serif; */
}
.subrub_button {
	font-weight: bold;
	cursor:pointer;
}
.rub_content {
	font-size: 12px;
	/* font-family: Verdana, Arial, Helvetica, Verdana, sans-serif; */
}

.leftRub_headline {
	color: #FFFFFF;
}

.leftRub_content {
	color: #FFFFFF;
}
.rightRub_headline {
	color: #990000;
}

.rightRub_content {
	color: #990000;
}
.backjumper {
 	font-size: 10px;
	margin-bottom:3px;
}
.backjumperStyle
{
	border-left:none;
	border-right:none;
	margin-top:3px;
	margin-bottom:3px;
	height:16px;
	vertical-align:bottom;
	border-bottom: 1px solid #ffffff;
}
.backjumperStyleOLD
{
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-left:none;
	border-right:none;
	margin-top:3px;
	margin-bottom:3px;
}

.kursreihenstyler {
	font-weight: bold;
	font-size:14px;
	color: #FFFFFF;
	background-color:#990000;
}
.kursreihenstylerblue {
	font-weight: bold;
	font-size:14px;
	color: #FFFFFF;
	background-color:#012d74;
}
.bluetext {
	color: #012d74;

}
.kurstypenstyler {
	font-weight: bold;
	font-size:11px;
	background-color:#daa3a3;
}
.kurstypenstylerblue {
	font-weight: bold;
	font-size:11px;
	background-color:#90b5f1;
}
.kursstyler {
	font-size:10px;
	vertical-align:top;
}
.bookMeKnob {
	height:18px;
	cursor:pointer;
}
.borderME {
	border-bottom: 1px solid #990000;
	margin-bottom: 5px;
}
.borderMElight {
	border-bottom: 1px dotted #AFAFAF;
	margin-bottom: 5px;
}
.hinweiser {
	color:#FF0000;
	font-weight:bold;
	font-size:11px;
}
.newsHead
{
	font-weight:bold;
	font-size:13px;
}
.newsText
{
	font-weight:normal;
	font-size:11px;
}

@font-face {
	font-family: Pump LT;
local: Pump LT;                // Erst nachsehen, ob die Schri beim Besucher schon installiert ist
src: url(/fonts/pump.ttf);  // Wenn nicht, wird die Schrift vom Webserver geladen
}

#picSliderContent {
	margin: 0 auto;
	min-width: 740px;
	max-width: 1140px;
}
#picSliderContentAdmin {
	margin: 0 auto;
	min-width: 340px;
	max-width: 340px;
}

.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }


.roundedBox {
    background-color: #f0f0f0;
    margin: 0 auto 15px auto;
    padding: 5px 5px;
    border: 1px solid #d7d7d7;
    /* -- define border-roundings -------- */
    -moz-border-radius: 8px; /* Firefox */
    -webkit-border-radius: 8px; /* Safari and Chrome */
    border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    /* -- define box-shaddow --- */
    -moz-box-shadow: 3px 3px 6px #999; /* Firefox */
    -webkit-box-shadow: 3px 3px 6px #999; /* Safari and Chrome */
    box-shadow: 3px 3px 6px #999; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
    zoom: 1;
    z-index: 99;
}
.SimpleRoundedBox {
    background-color: #d7d7d7;
    margin: 0 auto 15px auto;
    padding: 5px 5px;
    border: 1px solid #d7d7d7;
    /* -- define border-roundings -------- */
    -moz-border-radius: 8px; /* Firefox */
    -webkit-border-radius: 8px; /* Safari and Chrome */
    border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    zoom: 1;
}

.editorRoundedBox {
    background-color: #F8F8F8;
    margin: 0 auto 15px auto;
    padding: 5px 5px;
    border: 1px solid #d7d7d7;
    /* -- define border-roundings -------- */
    -moz-border-radius: 8px; /* Firefox */
    -webkit-border-radius: 8px; /* Safari and Chrome */
    border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    /* -- define box-shaddow --- */
    -moz-box-shadow: 3px 3px 6px #333; /* Firefox */
    -webkit-box-shadow: 3px 3px 6px #333; /* Safari and Chrome */
    box-shadow: 3px 3px 6px #333; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
    zoom: 1;
}
.editorContent {
	color: 0F0F0F;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Verdana, sans-serif;
}

.editorBackgroundLayer {
	background-color:#000000;
	opacity:0.5;
	-moz-opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
}

.inputStylerBold {
	font-weight:bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #4b4a4a;
	border-width: 0px;
	border-style:none;
	background-color: #F9F9F9;
}
.inputStylerSTD {
	font-weight:normal;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #0F0F0F;
	border-width: 0px;
	border-style:none;
	border-bottom: 1px dotted #AFAFAF;
	background-color: #EFEFEF;
}
.inputSTDlength {
	width: 200px;
}
.inputLengthBooks {
	width: 350px;
}
.inputStylerRED {
	font-weight:bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #AF0000;
	border-width: 0px;
	border-style:none;
	background-color: #F9F9F9;
}

.linkerColore {
	color:#999966;
}
a,a.hover {
	color:#999966;
	font-weight:bold;
	text-decoration:none;
}

#fade{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}
#light{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 200px;
    margin-left: -150px;
    margin-top: -100px;                 
    padding: 10px;
    border: 2px solid #FFF;
    background: #CCC;
    z-index:1002;
    overflow:visible;
}

.thumbnail{
position: relative;
background-color: transparent;
border: 0px;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.doztext-top {vertical-align: text-top; padding: 5px;}

.dozalign-top {vertical-align: top;}