@CHARSET "utf-8";
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Philosopher);
@import url(http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, a,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}


body {
    font-family: Verdana;
    font-size: 14px;
	background-color: #7C7B78;
}


div {
	padding: 0;
	margin: 0;
}

p {
	font-family: 'Droid Sans', verdana;
	font-size: 14px;
	color: #000;
}

a {
	font-size: 13px;
}

li {
	font-family: 'Droid Sans', verdana;
	font-size: 14px;
	color: #000;
}

#komplett {
	background-image: url(../bilder/hintergrund900_600_3.jpg);
    margin-top: 0px;
    position: absolute;
    width: 900px;
	height: 600px;
    left: 50%;
    margin-left: -450px;
}

#komplettLarge {
	background-image: url(../bilder/hintergrund900_600L.jpg);
	background-color: red;
    margin-top: 0px;
    position: absolute;
    width: 900px;
	height: 1490px;
    left: 50%;
    margin-left: -450px;
}

#rechtlicheHinweise {
	 padding-left: 10px;
	 padding-right: 10px;
}

#naviBox {
	background-color: white;
	width: 600px;
	height: 20px;
	margin-left: 150px;
}

#top_navi li {
    display: inline;
    margin-right: 0.6em;
	font-size: 13px;
}

#top_navi {
	padding-left: 10px;
	margin: 0px;
	float: left;
	width: 600px;
	height: 20px;
}




#logo {
	width: 600px;
	height: 120px;
	padding-left: 150px;
}



#magdalina {
	font-family: 'Droid Sans', verdana;
	font-size: 30px;
	width: 150px;
	float: left;
	color: #7c7b78;
	font-weight: 100;
	padding-top: 20px;
	padding-left: 10px;
	
}

#schaab {
	font-family: 'Annie Use Your Telescope', verdana;
	font-size: 95px;
	height: 120px;
	float: left;
	color: #fff;
	width: 150px;
	margin-left: -80px;
	
/*	border: 1px solid black; */
}

#ulm {
	position: absolute;
	top: -20px;
	left: 560px;
	font-family: 'Annie Use Your Telescope', verdana;
	color: #fff;
	font-size: 100px;
	z-index: 8;
}

#musikunterricht {
	font-family: 'Droid Sans', verdana;
	height: 105px;
	width: 240px;
	font-size: 25px;
	float: left;
	color: #7c7b78;
	font-weight: 100;
	padding-left: 130px;
	padding-top: 15px;
	z-index: 10;
	position: absolute;
	left: 380px;
/*	text-shadow: -1px -1px orange, 1px 1px #333 */
	
}

#top_navi a:hover {
	text-decoration: underline;
}


.clear {
	clear: both;
}



.weisserText {
	color: #fff;
	padding-left: 20px;
	padding-top: 20px;
}

.schwarzerText {
	color: #000;
}

.gelberText {
	color: #de870b;
}

.blauerText {
	color: #3ba8ed;
	font-size: 15px;
}

.aktiveSeite {
	color: #D93206;
	text-decoration: none;
}

.normaleSeite {
	color: #000;
	text-decoration: none;
}

#content {
	padding-left: 150px;
	height: 450px;
	width: 600px;
}

.bildDefinition {
	float: left;
	width: 200px;
	height: 300px;
}

.bildDefinitionBreit {
	float: left;
	width: 600px;
	height: 300px;
}


a, img {
	border: none;
	
}

#leer {
	width: 150px;
	float: left;
}

#textbox {
	width: 600px;
	height: 160px;
}

.textboxLinks {
	background-color: #fff;
	width: 200px;
	height: 160px;
	float: left;
	
}

.textboxLinksXL {
	background-color: #fff;
	width: 600px;
	height: 160px;
	float: left;
}

.textboxRechts {
	width: 400px;
	float: left;
	background-color: #fff;
	height: 160px;
}

.textformatierung {
	padding: 10px 10px 10px 10px;
}

#liste {
	padding-left: 25px;
}