/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* Globale Styles - HTML, BODY, MAIN etc. */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */


* {
   margin: 0;
   padding: 0;
}
html, body {
  margin:0;
}
body {
  padding:7px;
  background:#fde3c0;
  text-align:center;
  font: normal 0.91em arial,"Trebuchet MS",Verdana,Tahoma,sans-serif;
}
#main {
  text-align:left;
  margin:auto;
  width:770px;
  padding-right:10px;
  background: #fde3c0;
  background-image:url(pics/hgImage.jpg);
  background-repeat:no-repeat;
  border:1px dotted #fb9310;
  overflow:hidden;
}

#content2Cols {
  margin: 0;
  margin-left: 150px;
  margin-top:20px;
  min-height:350px;
}
#content {
  margin: 0;
  margin-left: 150px;
  margin-top:20px;
  min-height:350px;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* Ueberschriften, Absaetze, Listen etc. */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */

h1 {
  color: #fb9310;
  font-size: 20px;
  font-weight:100;
  letter-spacing:0.1em;
  font-family:Georgia, "Trebuchet MS",Verdana,Tahoma,sans-serif;
  margin-bottom:5px;
  padding-top:10px;
}
h3 {
  color: #fb9310;
  font-size: 14px;
  font-weight:100;
  letter-spacing:0.1em;
  font-family:Georgia, "Trebuchet MS",Verdana,Tahoma,sans-serif;
  margin-bottom:5px;
}
h4 {
  color: #000000;
  font-size: 12px;
  font-weight:100;
  font-weight:bold
  letter-spacing:0.1em;
  font-family:Georgia, "Trebuchet MS",Verdana,Tahoma,sans-serif;
  margin-bottom:5px;
}
p {
  font: normal 0.91em "Century Gothic","Trebuchet MS",Verdana,Tahoma,sans-serif;
  word-spacing:0.2em;
  margin-bottom: 10px; 
  margin-top: 2px; 
}

td {
  font: normal 0.91em "Century Gothic","Trebuchet MS",Verdana,Tahoma,sans-serif;
  word-spacing:0.2em;
  padding-bottom: 4px; 
  padding-right:10px;
  vertical-align:top;
}
#top {
  vertical-align:top;
}
.simplelist ul  {  /* einfache Liste */
  list-style-type: none;
  list-style-position: inside;
  font: normal 0.91em "Century Gothic","Trebuchet MS",Verdana,Tahoma,sans-serif;
}

#sunList ul  {  /* Liste mit Sonne */
  width: 300px;
  list-style-type: none;
}

#sunList li  {  
  background-image: url(pics/sun.jpg);
  background-repeat:no-repeat;
  padding-left:1.8em;
}

.answers  {  
  padding-left:1.5em;
}

#imgService {
  padding-right:1.5em;	
}

.imgService {
  padding-right:1.5em;	
}

#table {
	font: normal 1em "Century Gothic","Trebuchet MS",Verdana,Tahoma,sans-serif;
  word-spacing:0.2em;
  margin-bottom: 10px; 
  margin-top: 2px; 
}

#red  {
	color: #ed2024;
	font: normal 1.2em "Century Gothic","Trebuchet MS",Verdana,Tahoma,sans-serif;
}

.htrenner {
	height:2px;
	border-top:1px dotted #fb9310;;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* Links */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */

a:link { 
  color: #fb9310;
  text-decoration:none;
}
a:visited {
  color: #fb9310; 
  text-decoration:none; 
}
a:hover { 
  color: #fb9310;
  text-decoration:underline;
}
a:active {
  color: #fb9310;
  text-decoration:underline;
}
a:focus {
  color: #fb9310;
  text-decoration:none; 
}


/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* Haeder */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */

#haeder {
  font-size:0.55em;
  letter-spacing:0.66em;
  height:190px;
  padding: 0;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* Rechte Seite */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */

#rightbar {
  font: normal 0.8em Tahoma,"Adobe Helvetica",Helvetica,Arial,sans-serif;
  float:right;
  display:inline;
  width:16em;
  margin-top:100px;
  padding-left: 10px;
  padding-bottom: 30px;
  border-left:1px dotted #fb9310;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* Footer */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */

#footer {
  clear:both;
  font-size: 11px;
  color: #ffffff;
  text-align:center;
  background-color: #ed2024;
  padding-left:1.2em;
  position: relative;
  left: 50%;
  width: 800px;
  margin-left: -400px; /* neg. Hälfte von width:780px = zentriertes Div */
  bottom: 0px;
  height:15px;
}

#footer ul {
  list-style: none;
  padding-left:30px;
  margin-left: 350px; 
 }
#footer li {
  float: left;
  display:inline;
  width: auto;
  padding-right: 10px;
}
#footer a:link { 
  color: #ffffff;
  text-decoration:none;
}
#footer a:visited {
  color: #ffffff;
  text-decoration:none; 
}
#footer a:hover { 
  color: #ffffff;
  text-decoration:underline;
}
#footer a:active {
  color: #ffffff;
  text-decoration:underline;
}
#footer a:focus {
  color: #ffffff;
  text-decoration:none; 
}


/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* Navigation */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
#navbar {
  background-color: #ed2024;
  border-top: 2px solid #ed2024;
  float: left;

  width: 68%;
  margin-left:120px;
  margin-top:20px;
}
 #navbar ul {
  list-style: none;
  padding-left:30px;
 }
 #navbar li {
  float: left;
  display:inline;
  width: auto;
}
#navbar a {
  display: block;
  padding-left:10px;
  padding-right:10px;
  font: normal 0.98em/1.6em  Arial, sans-serif;
  text-transform: lowercase;
  color: #ffffff;
  border-left: 1px solid #ffffff;
 }
#navbar a:visited {
  text-decoration: none;
  color: #ffffff; 
}
#navbar li:last-child a {
  border-right: 0;
 }
#navbar a:hover, #navbar a:focus {
  background-color: #f53d41;
  text-decoration: underline;
  color: #ffffff;
}
#navbar li.current a {
  margin-top: -14px;
  background-color: #f53d41;
  color: #fff;
  text-decoration: none;
  border-top: 10px solid #fb9310;
  position: relative;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* Sub-Navigation */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */

#Subnavigation {
  font-size: 0.83em;
	float:left;
  margin-left: 10px;
  margin-top: 60px;
  margin-right: 10px; 
	padding-right:15px;
	width:120px;
}

#Subnavigation li {
  color: #848282;

	text-align:left;
  vertical-align:middle;
  margin-top:7px;
  padding-bottom:5px;
  padding-left:3px;
  list-style-type:none;
  border-left:1px dotted #fb9310;
  border-bottom:1px dotted #fb9310;
 
}

#Subnavigation ul  {
  margin-left:0px;
}

#Subnavigation a {
	  font-size: 13px;
    display: block;
    font-weight: normal;
  	letter-spacing:0.0em;
  	text-decoration:none;
}

#Subnavigation a:link {
    color: #fb9310; 
  	text-decoration:none;
}
 
#Subnavigation a:visited {
    	color: #fb9310;
  	text-decoration:none;
}

#Subnavigation a:hover {
    	color: #fb9310;
  	text-decoration:underline;
}

#Subnavigation a:active {
    	color: #fb9310;
  	text-decoration:underline;
}

#subactive a {
	  font-size: 13px;
    display: block;
    font-weight: normal;
  	letter-spacing:0.0em;
  	text-decoration:none;
}

#subactive a:link {
    color: #ed2024; 
  	text-decoration:none;
}
 
#subactive a:visited {
    	color: #ed2024;
  	text-decoration:none;
}

#subactive a:hover {
    	color: #ed2024;
  	text-decoration:underline;
}

#subactive a:active {
    color: #ed2024;
  	text-decoration:underline;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* Wetter Portlet, Bahnportlet */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */

#weather {
  width:175px;
  border: 1px dotted #fb9310;
}

#bahnportlet {
  width:390px;
  border: 1px dotted #fb9310;
  padding-left:10px;
  margin-top:2px;
}

#preis  {
	  color: #ed2024;
  	text-decoration:normal;
    font-weight: bold;
  	font-size: 19px;
}

.preis  {
	  color: #ed2024;
  	text-decoration:normal;
    font-weight: bold;
  	font-size: 19px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* Formular */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */

.textarea {
 background-color:#ffeabf;
 color:#000000;
 font-family : Verdana, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 border : 1px solid #808080;
}
.input {
 background-color:#ffeabf;

 color:#000000;
 font-family : Verdana, Helvetica, sans-serif;
 border : 1px solid #808080;
 font-size: 12px;
}
.select {
 background-color:#ffeabf;
 color:#000000;
 font-family : Verdana, Helvetica, sans-serif;
 font-size: 12px;
}
.button {
 background-color:#aaa; color:#fff; width:120px; border:6px solid #ddd;
}

.buttonSubmit {
 background-color:#ed2024; color:#fff; width:150px; border:6px solid #ddd;
}