body { font-family: georgia; background-image: url(../index/bg.jpg); background-repeat: repeat-x; margin-top: 0; margin-right: auto; margin-left: auto; }
td { padding: 5px; }
#box-head { background-image: url(../index/head.jpg); width: 1100px; height: 129px; margin: auto; }
#headline { color: #fff; font-size: 29px; font-weight: bold; font-style: italic; visibility: visible; width: 680px; height: 33px; float: right; margin-right: 12px; padding-top: 70px; }
#shape-box { background-image: url(../index/shape.jpg); width: 170px; height: 725px; }
#bilder-box { background-color: #fff; background-image: url(../index/mareike.jpg); background-repeat: no-repeat; background-position: left 0; width: 418px; height: 600px; float: left; margin-right: 7px; }
#menu { background-color: #fff; background-image: url(../index/menue-bg.jpg); width: 130px; height: 600px; float: left; }
#menu-inhalt { font-size: 14px; width: 120px; float: left; clear: left; padding: 15px 15px 3px; }
#content-box { color: #68676b; font-size: 14px; font-family: georgia; background-color: white; width: 550px; height: 570px; overflow: auto; float: left; padding: 15px; }
#kurs-box { color: #383539; font-size: 12px; font-family: georgia; background: #D1D2D4 url(../kurse/hg.jpg) repeat-x bottom left; padding: 5px; width: 515px; min-height: 80px; float: left; overflow: auto; margin-bottom: 10px; }
#kurs-box-gross { color: #383539; font-size: 12px; font-family: georgia; background-color: #cfcfd1; background-image: url(../sonstigekurse/hg.jpg); background-repeat: repeat-x; background-position: 0 bottom; margin-bottom: 10px; padding: 5px; width: 515px; height: 120px; float: left; overflow: auto; border-bottom: 1px solid #c10000; }
#kurs-box-gross a { color: #c10000; font-size: 12px; font-family: georgia; }
#kurs-box-gross img { font-family: georgia; margin-right: 5px; border: solid 1px #c10000; }
#end-box-inhalt { color: #b1b1b1; font-size: 12px; width: 1010px; height: 33px; padding-top: 20px; }
#end-box { color: #a4a4a4; font-size: 12px; font-family: georgia; text-align: center; width: 1020px; min-width: 1000px; margin: auto; padding-left: 1100px; }
#box-center { width: 1200px; height: 600px; margin: auto; }
#box-all { text-align: center; margin: auto; border: solid 1px #f00; }
.ueberschrift { color: #be0c0e; font-size: 16px; font-family: georgia; font-weight: bold; }
.link-mini { color: #aaa; font-size: 11px; font-family: georgia; font-weight: normal; }
.kleine Schrift { color: #969696; font-size: 10px; font-family: georgia; font-weight: bold; }
.image { font-family: georgia; font-weight: bold; margin: 5px; border: solid 1px #d01800; }
.kleine kursschrift { color: #383838; font-size: 10px; font-family: georgia; font-weight: bold; }
.mini kursschrift-zahlen { color: #383838; font-size: 6px; font-family: georgia; font-weight: bold; }
.ueberschrift_klein { color: #be0c0e; font-size: 12px; font-family: georgia; font-weight: bold; margin-bottom: 2px; }
.ueberschrift_grau { color: #383539; font-size: 12px; font-family: georgia; font-weight: bold; }
.mini { color: #68676b; font-size: 10px; font-family: georgia; }
.schrift12px { color: #68676b; font-size: 12px; font-family: georgia; }
a:link { color: #fff; font-size: 12px; font-family: arial, "times new roman"; font-weight: bold; text-decoration: none; }
a:visited { color: #fff; font-size: 12px; font-family: arial, "times new roman"; font-weight: bold; text-decoration: none; }
a:hover { color: #ca0000; font-size: 12px; font-family: arial, "times new roman"; font-weight: bold; text-decoration: underline; }
a:active { color: #6a6a6a; font-size: 12px; font-weight: bold; text-decoration: none; }
input { border-color: #949494 #949494 #be0c0e #be0c0e; border-style: solid; border-width: 1px; }
select { border-style: solid; border-width: 1px; border-color: #949494 #949494 #be0c0e #be0c0e; }
textarea { border-style: solid; border-width: 1px; border-color: #949494 #949494 #be0c0e #be0c0e; }
.button { border-style: solid; border-width: 1px; border-color: #949494 #949494 #be0c0e #be0c0e; }


/* Gallery */

.fltlft {
	display:block;
	float: left;	
	cursor:pointer;
	line-height: 300px;
	background-color: #D1D2D4;
	width: 18px;
	margin-top: 32px;
	color: #000;
	font-size: 24px;
	padding: 2px;
}

.fltlft:hover {
	font-size: 24px;
	color: #000;
	text-decoration: none;	
	font-weight: normal;
	font-family: georgia;
	background-color: #E8E8E8;
}

.scrollable {
	float:left;
	position:relative;
	overflow:hidden;
	width: 500px;
	height:375px;
	text-align: center;
}

.scrollable .items {	
	width:20000em;
	position:absolute;
}

.scrollable .items div {
	float:left;
}

.scrollable .item {
	width: 500px;	
}