/*Layout - enthält alle Inhalts Elemente 

        dunkel  /  hell			
Orange: #ea9334 / #eda352
Pink:   #E30066 / #eb4d94
Grün:   #89ba17 / #9bc43a
Blau:   #00ccff / #4ddbff

-----------------------------------*/
body{
	background:url(images/bg-schiller.jpg) no-repeat;
}

/*wrap*/
#wrap{
	width:900px;
	background:transparent;
}
#wrap div{
	position:absolute;
}
/*navi-------------------------------*/
/*main-----------------*/
#mainnav{	
	width:180px;
	height:602px;
	font-family:"Rotis SemiSans", Arial, Helvetica, sans-serif;	
}

/*quader*/
.quader{
	position:absolute;
	width:90px;	
	height:90px;	
}
.quader a{
	position:absolute;
	color:#fff;
	bottom:7px;
	left:6px;	
	line-height:1.1em;	
	text-decoration:none;
	font-weight:bold;
}
.quader a:visited,
.quader a:active{	
	color:#fff;
}
.quader a:hover{
	color:#000;
}

.quader a.active{
	position:absolute;
	color:#000;
	bottom:7px;
	left:6px;	
	line-height:1.1em;	
	text-decoration:none;
	font-weight:bold;
}

/*---*/
.quader#schiller{
	background:#ea9334;
	top:0;
	left:0;
}
.quader#highlights{
	background:#E30066;
	top:180px;
	left:0;
}
.quader#veranstaltungen{
	background:#89BA17;
	top:270px;
	left:0;
}
.quader#bservice{
	background:#E30066;
	top:360px;
	left:90px;
}
.quader#partner{
	background:#00CCFF;
	top:450px;
	left:0;
}
.quader#spots{
	top:450px;
	left:90px;
}

.quader#trans1, .quader#trans2, .quader#trans3{
	filter:Alpha(opacity=50);
  opacity:0.5;
  moz-opacity:0.5;	
}
.quader#trans1{
	top:270px;
	left:90px;
}
.quader#trans2{
	top:450px;
	left:90px;
}
.quader.active a{
	color:#000 !important;
}
/*hintergrundfarbe aktives quadrat*/
.quader.active#schiller {
	background:#eda352;
	top:0;
	left:0;
}
.quader.active#highlights,
.quader.active#bservice {
	background:#e7267d;
}
.quader.active#veranstaltungen {
	background:#9bc43a;
}
.quader.active#partner {
	background:#4ddbff;
}

.quader.active#spot {
	background:#4ddbff;
}
/*metanav*/
#metanav{
	top:540px;
	width:180px;
	height:62px;
	border-top:1px solid #fff;
}
#metanav ul{
	margin:10px 0 0 6px;
}
#metanav li{
	float:left;
}
#metanav li a{
	color:#fff;
	text-decoration:none;
	float:left;
	margin:0 5px 5px 0;
	padding-right:5px;
	border-right:1px solid #fff;
	font-size:.9em;	
}
#metanav li.last a{
	border:none;
	height: 18px;	
}
#metanav li a:visited,
#metanav li a:active{
	color:#fff;
}
#metanav li a:hover{
	color:#000;
}
/*container---------------------------------------*/
#container{
	width:720px;
	position:absolute;
	left:180px;	
}
#claim{
  background-position:120px 74px;
  background-repeat:no-repeat;
	left:90px;
	height:90px;
	width:270px;
}
#logo{
	left:360px;
}
.quader#outside{
	left:810px;
}
/*subnavi*/
#subnav{
	font-family:"Rotis SemiSans", Arial, Helvetica, sans-serif;
	width:629px;
	height:20px;
	top:90px;
	border-top:1px solid;
	border-right:1px solid;		
}
#subnav ul li{	
	display:block;
	float:left;
}
#subnav ul li a{	
	display:block;
	float:left;
	text-decoration:none;
	padding:3px 8px;
	color:#fff;
	font-weight:bold;
}
#subnav ul li.active a{	
	color:#000 !important;
}
#subnav ul li a:visited,
#subnav ul li a:active{	
	color:#fff;
}
#subnav ul li a:hover{	
	color:#000;
}
/*headline*/
#headline{
	top:110px;
	width:629px;
	height:70px;
	border-right:1px solid;	
}
h1 {
	font-family:"Rotis SemiSans", Arial, Helvetica, sans-serif;
	margin-top:15px;
	margin-left:10px;
	color:#000;
	font-size:2em;
	font-weight:lighter;
	float:left;
}
#headline #nav,
#headline #kalender{
	width:345px;
	height:70px;
	right:0px;
	padding-right:10px;
	float:right;	
}
#headline #kalender{
	padding-right:2px;
	padding-top:3px;
}
#headline #kalender li{
	float:left;
	margin:0 1px 1px 0;
}
#headline #kalender li a{
	font-size:.9em;
	text-decoration:none;
	
	width:15px;
	height:13px;
	float:left;
	color:#000 !important;	
	text-align:center;
	padding-top:2px;
}
#headline #kalender .weiter a{
	background:url(images/icon-kalender-weiter.gif) no-repeat;
	top:48px;
	left:323px
}
#headline #kalender .zurueck a{
	background:url(images/icon-kalender-zurueck.gif) no-repeat;
	top:0px;
	left:191px
}
#headline #kalender .weiter a,
#headline #kalender .zurueck a{
	width:15px;
	height:15px;
	display:block;
	position:absolute;
	text-indent:-999em;
}
#headline #kalender ul{
	width:135px;
	float:right;
}
#headline #nav ul{
	margin-top:26px;
}
#headline #nav ul li{
	margin:0 3px;
	float:right;
}
#headline #nav ul li a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#headline #nav ul li a:hover,
#headline #nav ul li.active a{
	color:#000 !important;
}
div.teaser{
	position:relative !important;
	border-bottom:1px solid;
	margin-bottom:25px;
}
div.teaser p{
	float:left;
	width:340px;
}
img.teaser{
	float:left;
	margin-top:-12px;
}
div.clear{
position:relative !important;
}
div.teaser .iconnav{
	width:96px;
	top:17px;
	right:2px;
	padding:0;
}
img.bestellen{
	position:absolute;
	top:169px;
	right:3px;
}
div.teaser .iconnav{
	width:96px;
	top:17px;
	right:2px;
}
div.teaser .iconnav ul{
	margin:0;
}
div.teaser .iconnav li{
	float:left;
	margin:0 1px;
}
div.teaser .iconnav li img{
	filter:Alpha(opacity=60);
  opacity:0.6;
  moz-opacity:0.6;
}
div.teaser .iconnav li img.active,
div.teaser .iconnav li img:hover{
	filter:Alpha(opacity=100);
  opacity:1;
  moz-opacity:1;
}
div#legende{
	right:90px;
	top:10px;
}
div#legende ul{
	float:right;
}
div#legende li{
	float:left;
	margin-left:15px;
	line-height:1.em;
}
div#legende li img{
	margin:0 2px -3px 0;
}


/*content-----------*/
#content{
	top:180px;
	width:630px;
	background:#fff;
	border-top:1px solid;
}
#content img.border{
	border:1px solid;
}
#content #onecol{
	position:relative;
}
#content #leftcol{
	width:359px;
	float:left;
	position:relative;
}
#content #rightcol{
	width:270px;
	top:0px;
	right:0px;
	position:absolute;
}
#content #rightcol img{
	margin-bottom:2px;
}
#content h2{
	font-size:1em;
	padding:0 0 2px 10px;
	margin:12px 0;
	border-bottom:4px solid;
}
#content #onecol h2,
#content #onecol p{
	margin-right:20px;
}
#content #onecol h2{
	position:relative;
}
#content #onecol h2 .zusatz{
	position:absolute;
	right:10px;
	top:0;
	font-weight:normal;
	font-style:oblique;
}
#content h3{
	font-size:1em;
	font-weight:bold;
	padding-left:10px;
}
#content p{
	padding:0 10px;
	margin-bottom:20px;
	line-height:1.2em;
}
#content p.border{
	border:1px solid;
	text-align:center;
	margin-left:10px;
}
#content p.last{
	margin-bottom:4px !important;
}
#content p.kalender{
	margin-bottom:4px !important;
	width: 600px;	
}

#content p.MsoNormal {
	width: 599px;

}

#content ul{
	padding-left:10px;
}
#content ul.twocol{
	width:35%;
	float:left;
}
#content ul li{
	margin-bottom:6px;
       	line-height: 12px;	
}
/*Links*/
#content a{
	text-decoration:none;
}
#content a:hover{
	color:#000;
}
#content ul li a{
	text-decoration:none;
	padding-left:15px;
	margin-bottom:6px; 
}
#content a.link{
	padding-left:15px;
}
#content ul li a:hover{
	color:#000; 
}
/*HR---*/
hr {
  height:1px;
  margin-bottom:25px;
	margin-top:0;
}
/*Form Suche*/
form#suche input.text{
	background:#fff;
	width:110px;
	height:12px;
	border:none;
	padding-left:4px;
	margin-left:6px;
}
form#suche input.button,
form#kal input.button{ 
  border: 0px;
  background: none; 
  font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:.9em;
	padding:0;
	margin:0;
}
form input.button:hover{ 
	color:#000;
}
/*Form kalender*/
form#kal{
	padding:15px 0 0 10px;
	float:left;
	width:170px;
}
form#kal input.text{
	width:115px;
	background:#fff;
	border:none;
	float:left;
	padding:2 0 0 2px;
}
form#kal label{
	color:#fff;
	height:14px;
	float:left;
	border:none;
	width:47px;
	display:block;
	text-align:right;
	background:#89ba17;
	padding:2px 4px 0 0;
}
form#kal input.button{ 
	margin-top:3px;
}
/*Form Route*/
form.route{
	width:42%;	
	float:right;
}
form.route fieldset{
	padding:3px;
}
form.route input.text{
	width:135px !important;
	float:left;
}
form.route input.button{
	width:115px !important;
	
	float:right;
	margin:0 !important;
}

/*Form Login*/
form#login{
	padding:15px 0 0 10px;
	float:left;
}
form p{
	margin:0 !important;
	padding:0 !important;
}
form#login input.text{
	width:90px;
	background:#fff;
	border:none;
	margin:0 3px;
	padding:2 0 0 2px;
}
form#login label{
	color:#fff;
}
form#login input.button{
	background:#0cf url(images/send-blau.gif) center right no-repeat;
	border:1px solid #a6edff;
	color:#fff;
	padding:0px 10px 0px 2px;
}
/*Form Content*/
#content form {
  margin-left:10px;
	padding-right:90px;
}
#content form div.twocol {
  position:relative;
	width:49%;
}
#content form fieldset.twocol {
  width:49%;
	margin-top:20px;
}

#content form br {
  clear:both;
}
#content form label {
  width:76px;
	margin-bottom:3px;
	display:block;
	float:left;
	height:18px;
	padding:2px 0 0 4px;
}
#content form input.button {
  padding:2px 15px 2px 0px;
	border:none;
	color:#fff;
	width:110px;
	float:right;
	text-align:right;
	margin:10px 0 10px 20px;
}
#content form label.text {
	height:91px;
}
#content form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	height:89px;
	padding:2px 0 0 2px;
	border:1px solid;
	width:446px;
}
#content form input.text{
	float:left;
	height:16px;
	margin:0 0 -25px 0;
	padding:2 0 0 2px;
	width:168px;	
	border:1px solid;
}