/* Reset */
* {
	margin: 0; 
	padding: 0; 
	font-size: 10px;
	border: 0;
}

body {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFF;
	color: #000;
}

hr {
 height:1px; 
 background-color:#C0C0C0;
}

input, textarea {
 border: 1px solid black; 
 margin: 2px;
}

.radioButton {
  border: 0;
}

img { 
  border:0; 
}
/* Reset End */


HTML, BODY {
  width:100%;
  height:100%;
}

table#main {
	width: 100%;
	height: 95%;
}

div#container {
	position: relative;
	text-align: left;
	width:1024px;
	height:768px;
	margin: 0 auto;
	background-image:url(../img/guitar.gif);
	background-repeat:no-repeat;
	background-position:center center;">
	z-index:3;
}

/*
div#container {
	position:absolute;
	top:50%;
	left:50%;
	width:1024px;
	height:768px;
	margin-left:-512px;
	margin-top:-384px;
	background-image:url(../img/guitar.gif);
	background-repeat:no-repeat;
	background-position:center center;">
	z-index:3;
}*/


div#logo {
	position:absolute;
	right: 25px;
	top: 32px;
	width:364px;
	height:40px;
	background-image:url(../img/logo.gif);
	background-repeat:no-repeat;
	z-index: 10;
}

div#content {
	position:absolute;
	left: 50px;
	top: 240px;
	width:560px;
	height:310px;
	
	overflow:auto;
}

div#news {
	position:absolute;
	left: 600px;
	top: 150px;
	width:90px;
	height:90px;
}

div#kontakt {
	position:absolute;
	left: 65px;
	bottom: 100px;
	width:110px;
	height:110px;
}

div#impressum {
	position:absolute;
	left: 205px;
	bottom: 50px;
	width:110px;
	height:110px;
}

div#navi {
	position:absolute;
	right: 15px;
	top: 167px;
	width:280px;
	height:65px;
}

div#newsTeaser {
	position:absolute;
	right: 15px;
	top: 260px;
	width:280px;
	height:230px;
}

.naviPix {
	margin-right: -5px;
}

div#hotspot {
	position:absolute;
	right:0px;
	bottom:70px;
	width:350px;
	height:160px;
}

.hotspotPix {
	margin-right: -5px;
}

div.lehrer {
	clear:left;

}

div.lehrerBild {
	float: left;
	padding: 5px;
}

div.lehrerText {
	}


a:link {
	color:#000; 
	text-decoration: underline;
}
a:visited {
	color: #003372;  
	text-decoration: underline;
	font-weight: bold;
}
a:active {
	color:black; 
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #cbccce; 
	text-decoration:underline;
	font-weight: bold;
}

a.internal-link  { 
	display:inline-block; 
	background-image:url(../img/dot.gif); 
	padding-left:10px; 
	padding-right:10px; 
	background-repeat:no-repeat; 
	background-position:center left; 
	border:0px;
	margin-left: 10px; 
}



.csc-header {
	margin-top: 5px;
}


H1 {
	font-size: 14px;
	margin-bottom: 10px;
	margin-top : 9px;
	margin-bottom : 5px;
}

h1.csc-firstHeader {
	text-decoration: underline;
}


H2 {
	margin-bottom : 1px;
	font-size: 13px;
}


H4 {

	font-size : 12px;
	font-weight : bold;
	margin-top :8px;
	margin-right :6px;
	margin-left : 6px;
	margin-bottom :8px;
}


H5 {

	margin-top : 8px;
	margin-left :6px;
	margin-bottom :3px;
}


H6 {
	font-weight : bold;
	margin-right :3px;
	margin-top :7px;
}