@charset "utf-8";
/* CSS Document */


.box_oben {
background-image:url(../layout_bilder/fruehling/gif_box_green_up.gif);
background-repeat:no-repeat;
float:left;
height:10px;
width:191px;
}

.box_content {
clear: all;
background-image:url(../layout_bilder/fruehling/gif_box_green_mi.gif);
background-repeat:repeat-y;
float:left;
padding:0px 10px;
width:171px;
margin: 0;
text-align:left;
}

.box_unten {
background-image:url(../layout_bilder/fruehling/gif_box_green_down.gif);
background-repeat:no-repeat;
float:left;
height:10px;
width:191px;
}



.bigbox_oben {
background-image:url(../layout_bilder/fruehling/hg_box_liste_top.gif);
background-repeat:no-repeat;
float:left;
height:20px;
width:550px;
  margin-left: -9px;
}

.bigbox_content {
clear: all;
background-image:url(../layout_bilder/fruehling/hg_box_liste_mi.gif);
background-repeat:repeat-y;
float:left;
padding:0px 10px;
width:550px;
margin: 0;
text-align:left;
  margin-left: -9px;
}

.bigbox_unten {
background-image:url(../layout_bilder/fruehling/hg_box_liste_down.gif);
background-repeat:no-repeat;
float:left;
height:20px;
width:550px;
  margin-left: -9px;
}


h1.bigbox{
  margin-left:10px;
}

h2.bigbox{
 font-size:1.1em;
}



#footeroben {

  position: relative;
  height: 50px;
}


#footer {
clear:both;

  background: url(../layout_bilder/fruehling/footer.jpg) no-repeat;
  height: 140px;
  color: #58585a;
  margin-top:40px;
  text-align:center;
}

#footer a:link, #footer a:visited {
  color: #58585a;
  text-decoration: underline;
}

#footer a:hover, #copyright a:hover {
  text-decoration: none;
  color: #ee7f00;
}



<!--[if IE 7]>
<!--
#links {
  padding-top: 1px;
}

#ie_clearing {
    display:block; /* DIV sichtbar machen */
    \clear:both; /* Normales Clearing für IE5.x/Win */

    width: 100%; /* IE-Clearing mit 100%-DIV für IE 6 */
    font-size:0;
    margin: -2px 0 -1em 1px; /* IE-Clearing mit übergroßem DIV für IE7 */
}



-->
<![endif]-->



/* Main Elements
----------------------------------------------- */
html, body {

	margin: 0; padding: 0; border: 0;
}

body {
	font: 13px Helvetica,Arial,  sans-serif;
	color: #4F5150;
}

img {
	border: 0;
}

h1 {
  margin: 4px 0 4px 0;
  font-size: 12pt;
  color:#0F3277;
}

h3 {
  color:#0F3277;
  margin:0;
}

h4 {
  color:#0F3277;
  margin: 5px 0 0 0 ;
}


b{
  color:#5D1044;

}


a.cal_active:link, a.cal_active:visited{
  color: #5D1044;
  text-decoration: none;
}

.text_active , .text_cal{
  margin:0;
  padding:0.5px 3px;
}



#startbox_links{
  padding:20px;
  float:left;
  margin-left: -9px;
  background: white url(../layout_bilder/fruehling/hg_eintag_des_tages.jpg) no-repeat;
  width: 235px;
  height: 185px;
}

#startbox_rechts{
  padding:20px;
  float:right;
  background: white url(../layout_bilder/fruehling/hg_willkommen.jpg) no-repeat;
  width: 235px;
  height: 185px;
}



#katbox{
  float:left;
  margin-left: -9px;

}


#katbox_l_1{
  padding:0px;
  float:left;
  margin-left: -9px;
  background: white url(../layout_bilder/fruehling/kat/hg_box_ausfluege_01.jpg) no-repeat;
  width: 275px;
  height: 85px;
}

#katbox_l_2{
  padding:0px;
  float:left;
  margin-left: -9px;
  background: white url(../layout_bilder/fruehling/kat/hg_box_kunst_03.jpg) no-repeat;
  width: 275px;
  height: 85px;
}

#katbox_l_3{
  padding:0px;
  float:left;
  margin-left: -9px;
  background: white url(../layout_bilder/fruehling/kat/hg_box_schule_05.jpg) no-repeat;
  width: 275px;
  height: 85px;
}

#katbox_l_4{
  padding:0px;
  float:left;
  margin-left: -9px;
  background: white url(../layout_bilder/fruehling/kat/hg_box_sport_07.jpg) no-repeat;
  width: 275px;
  height: 85px;
}

#katbox_l_5{
  padding:0px;
  float:left;
  margin-left: -9px;
  background: white url(../layout_bilder/fruehling/kat/hg_box_wellness_09.jpg) no-repeat;
  width: 275px;
  height: 85px;
}

#katbox_r_1{
  padding:0px;
  float:right;
  background: white url(../layout_bilder/fruehling/kat/hg_box_essen_02.jpg) no-repeat;
  width: 275px;
  height: 85px;
}

#katbox_r_2{
  padding:0px;
  float:right;
  background: white url(../layout_bilder/fruehling/kat/hg_box_orte_04.jpg) no-repeat;
  width: 275px;
  height: 85px;
}

#katbox_r_3{
  padding:0px;
  float:right;
  background: white url(../layout_bilder/fruehling/kat/hg_box_sercice_06.jpg) no-repeat;
  width: 275px;
  height: 85px;
}

#katbox_r_4{
  padding:0px;
  float:right;
  background: white url(../layout_bilder/fruehling/kat/hg_box_unterkunft_08.jpg) no-repeat;
  width: 275px;
  height: 85px;
}

.schrift_klein{
  color:#0F3277;
	font-weight: bold;
}

#wrapper {

  background: white url(../layout_bilder/fruehling/background.jpg) repeat-y;
  width: 960px;
  margin: auto ;
  padding:0;
  z-index:-0;
}

#content_wrapper {
  position:absolute;
  top:300px;
  width: 960px;
  height:200px;
  margin: auto ;
  padding:0;
  background: white url(../layout_bilder/fruehling/background_kasten.jpg) repeat-y;
  z-index:-1;
}


.spaltelinks {
  padding:8px 0 0 0;
  float:left;
  text-align:left;
  margin:0;
  width:200px;
}

.normcontent {
  padding:0px 0px 0px 10px;
  float:left;
  text-align:left;
  margin:0;
  width:541px;
}

.spalterechts {
  color:#0F3277;
  padding:8px 0 0 0;
  float:left;
  text-align:left;
  margin:0;
  width:200px;
}






#button1  {
  float:left;
  height: 81px;
  padding-top:0px;
  width:200px;
  z-index: 10;

}

#button2  {
  float:left;
  height: 81px;
  padding-left:0px;
  width:200px;
  z-index: 10;
}

#button3  {
  float:left;
  height: 81px;
  width:200px;
  z-index: 10;
  padding-left:0px;
}


a.eingabe_kat{
	text-decoration: underline;
}

#citybox  {
  position:absolute;
  z-index:10;
  border:1px #ccc solid;
  border-top:none;
  background:#eee;
  padding:10px;
  margin-left:180px;
}

/*
  border-top:none;
*/
#headersearchbox  {
  position:absolute;
  z-index:10;
  border:1px #ccc solid;
  background:#b9de8e;
  padding:10px;
  width: 700px;
  text-align: left;

  color: #125aa4;
  filter:alpha(opacity=90);
  -moz-opacity:0.90;
}

#headersearchbox a:link, #headersearchbox a:visited {
	font-size: 11px;
	color: white;
	text-decoration: underline;
}

#headersearchbox a:hover {
	text-decoration: none;
}




#eingabesearchbox  {
  position:absolute;
  z-index:10;
  border:1px #ccc solid;
  background:#b8d428;
  padding:10px;
  width: 500px;
  text-align: left;
  color: #125aa4;
  filter:alpha(opacity=85);
  -moz-opacity:0.85;
}

#eingabesearchbox a:link, #eingabesearchbox a:visited {
	font-size: 11px;
	color: white;
	text-decoration: underline;
}

#eingabesearchbox a:hover {
	text-decoration: none;
}


ul {
  padding:0 10px 0 30px;
  margin:0;
}



div.schnellsuche  {
  float:left;
  height: 18px;
}


#suchvorgang {
  height: 30px;
  background: url('../layout_bilder/working.gif') 50% 50% no-repeat;
}





/* Box Elements
----------------------------------------------- */
#header {
  color:#0F3277;
  height: 307px;
  background: url(../layout_bilder/fruehling/header.jpg) no-repeat;
  margin: 0;
  padding:0;
  text-align: left;
}


#header a:link,#header a:visited {
	color: #0F3277;
	text-decoration: none;
}

#header a:hover {
	color: #0F3277;

		text-decoration: underline;
}







#links {
  font-size:16px;
}


#adressbox {
  background:#8ad1ef;
  padding:5px 5px 5px 5px;
  text-align:left;
}


#start_links {
  margin-bottom: 0;
  width: 250px;
float:left;
}

#start_mitte {
  margin-bottom: 0;
  width: 250px;
float:left;
}

#start_rechts {
  margin-bottom: 0;
  width: 250px;
  float:left;
}


.box {
float:left;
text-align:left;
color: #58585a;
margin-left:12px;
width:170px;
}


.box h3 {
  font-weight: bold;

  float:left;
  color: #0F3277;
  padding:0px 0px 5px 0px;
  margin: 0;
  width:150px;
  font-size:14px;
}

.box_abstand {
height:20px;
float:left;
width:200px;
}



#boxDyn {
clear: all;
background-repeat:repeat-y;
float:left;
padding:10px 5px 10px 5px;
width:165px;
margin: 0;
text-align:left;
}









/* Form elements
----------------------------------------------- */


#frontinputbg {
background:transparent url(../bilder/eingabefeld.jpg) no-repeat scroll center;
margin:0pt;
width:240px;
height: 30px;
text-align:center;

padding-top:5px;
}



#frontinputbg .frontinput {

	width: 200px;
height: 14px;

}

.biggo {
	vertical-align: bottom;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.pageinput {
	width: 260px;
	border: 1px solid #999;
	padding: 2px;
}

.formline {
	clear: both;
	background: #f2f2f2;
  margin: 0;
	padding: 0;
}

.formline label {
	background: #e8e8e8;
  width: 160px;
	display: block;
	float: left;
	font-weight: bold;
  margin: 0 0 10px 0;
	padding: 4px 15px 0 0;
}

.formline input, .formline select {
	border: 1px solid #aaabad;
	font-size: 10px;
	margin: 3px 10px 4px 10px;
	padding: 1px;
}

.formline select {
	margin: 3px 10px 2px 10px;
}







/* Headlines
----------------------------------------------- */


#normcontent h2 {
  color:#0F3277;
  margin:0;
}

/* Paragraphs
----------------------------------------------- */
#result h4.seitwert span, #result h4.ranking span {
	font-size: 18px;
	color: #999;
	font-weight: normal;
}

#result h4.ranking span.infosmall {
	font-size: 11px;
}

#resultscore p {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 10px;
}

/* Links
----------------------------------------------- */
a:link, a:visited {
	color: #0F3277;
	text-decoration: underline;
}

a:hover {
	color: #0F3277;
	text-decoration: none;
}

#copyright a:link, #copyright a:visited {
	font-size: 13px;
	color: #101161;
	text-decoration: underline;
}

#links a:link, #links a:visited {
  font-weight:bold;
	font-size: 16px;
	color: #0F3277;
	text-decoration: none;
}

#links a:hover,#eingabesuche a:hover {
	text-decoration: none;
  background-color: #5D1044;
  color: WHITE;
}

#eingabesuche a:link,#eingabesuche a:visited {
	font-size: 13px;
	color: #009EE0;
	text-decoration: underline;
}







  /************************************************************\
  *
  *	  wordCloud Copyright 2007 Derek Harvey
  *	  www.lotsofcode.com
  *
  *	  This file is part of wordCloud.
  *
  *	  wordCloud is free software; you can redistribute it and/or modify
  *	  it under the terms of the GNU General Public License as published by
  *	  the Free Software Foundation; either version 2 of the License, or
  *	  (at your option) any later version.
  *
  *	  wordCloud is distributed in the hope that it will be useful,
  *	  but WITHOUT ANY WARRANTY; without even the implied warranty of
  *	  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.	See the
  *	  GNU General Public License for more details.
  *
  *	  You should have received a copy of the GNU General Public License
  *	  along with wordCloud; if not, write to the Free Software
  *	  Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA	02111-1307	USA
  *
  \************************************************************/

  .word {

  	font-family: Arial, Helvetica, sans-serif;
  	padding: 4px 4px 4px 4px;
  }

/*	letter-spacing: 3px;*/

  span.size1 {
    color: #000;
    font-size: 1.6em;
  }
  span.size2 {
  	color: #333;
    font-size:1.5em;
  }
  span.size3 {
  	color: #666;
    font-size: 1.4em;
  }
  span.size4 {
  	color: #999;
    font-size: 1.3em;
  }
  span.size5 {
  	color: #aaa;
    font-size: 1.2em;
  }
  span.size6 {
  	color: #bbb;
    font-size: 1.1em;
  }
  span.size7 {
  	color: #ccc;
    font-size: 1.0em;
  }
  span.size8 {
  	color: #ddd;
    font-size: .9em;
  }
  span.size9 {
  	color: #ddd;
    font-size: .8em;
  }
  span.size0 {
  	color: #ccc;
    font-size: .7em;
  }


input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #101161;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
  clear: top;
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

/*fieldset {*/
/*	padding: 1em;*/
/*	margin-bottom: 0.5em;*/
/*}*/

label {
	font-weight: bold;
}
.form-row {
	clear: both;

}

.field-label {
  padding-top: 20px;
  color:#0F3277;
}

.field-widget {

}
