/* ****************************************** */
/* Orangefluid GbR                            */
/* www.orangefluid.com                        */
/* ****************************************** */

/* ****************************************** */
/* Global settings for EUROBAHN PORTAL        */
/* ****************************************** */

/* Global settings */

* {
	margin:0;
	padding:0;
	text-align:left;
}

html, body {
	height: 100%;
	min-width: 970px;
}

/* Main body style */
body {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	font-size: 100.01%;	
	text-align: center;
}

div#wrapper {
  width: 1020px;
  margin: 0px;
  float: left;
  position: relative;
  }
 
.clear  {
  clear: both;
  } 
  
/* ****************************************** */
/* PORTAL ELEMENTS                            */
/* ****************************************** */

/* HEAD */
div#head  {
  width: 1010px;

  }
  
  div#head div#head_left  {
      width: 160px;
      height: 80px;
      margin-right: 4px;
      float: left;
      position: relative;
      background: #ffffff url(images/eurobahn_logo.gif) top left no-repeat;
      }
  
  div#head div#head_right { 
      width: 842px;
      height: 80px;
      float: left;
      position: relative;
      background: #ffffff url(images/willkommen.gif) top left no-repeat;
      }
	  
      div#head div#head_right div#head_container  {
          width: 500px; 
          float: right;
          }
		  
          div#head div#head_right div#head_container div#dropdown  {
          float: right; 
          position: relative;
          margin-top: 10px;
          margin-right: 4px;
          }
          
		  div#head div#head_right div#head_container div#dropdown fieldset {
          border: 0px;
          }
		  
          div#head div#head_right div#head_container div#dropdown fieldset select  {
              float: right;
              position: relative;
              width: 230px;
              border-left: 1px solid #000000;
              border-top: 1px solid #000000;
              border-right: 1px solid #cccccc;
              border-bottom: 1px solid #cccccc;
              font-size: 11px;
              color: #00519d;
              padding: 2px;
              }
			  
    div#head div#head_right div#head_container div#welcome { 
      padding-top: 12px;
      padding-right: 5px;
      float: right;
      position: relative;
      font-weight: bold;
      font-size: 16px;
      color: #02519e;
	  clear: both;
	  width: 400px;
	  text-align: right;
      }
	  
	  div.fp_box {
		  border: 1px #0D4E98 solid;
	  }
	  
	  div.fp_box blockquote { margin-left: 10px; }

/* Search Indexseite */
div#search_events {
  width: 1010px;
  padding-left: 10px;
  padding-top: 4px;
  float: left;
  position: relative;
  }
    
  div#events  {
      float: left;
      position: relative;
      width: 820px;
      height: 160px;
      margin: 0px; 
      padding: 0px;
      }

div#search  {
      float: left;
      position: relative;
      width: 170px;
      font-weight: normal;
	  font-size: 11px;
      }
	  
      div#search fieldset {
          border: 0px;
          }		  
	
      div#search fieldset div {
		  position: relative;
		  float: left;
		  clear: both;
		  width: 150px;
          }
		  
      div#search fieldset label  {
          float: left;
          position: relative;
	  }
		  
      div#search fieldset input  {
          float: left;
          position: relative;
          width: 140px;
          border-left: 1px solid #000000;
          border-top: 1px solid #000000;
          border-right: 1px solid #cccccc;
          border-bottom: 1px solid #cccccc;
          font-size: 11px;
          color: #000000;
          padding: 2px;
          margin-bottom: 6px;
          }
		  
      div#search fieldset select  {
          float: left;
          position: relative;
          width: 146px;
          border-left: 1px solid #000000;
          border-top: 1px solid #000000;
          border-right: 1px solid #cccccc;
          border-bottom: 1px solid #cccccc;
          font-size: 11px;
          color: #000000;
          padding: 2px;
          margin-bottom: 6px;
          }
		  
		  div#search fieldset select.two  {
				width: 40px;
				padding: 1px;
				margin-left: 2px;
		  }
		  
      div#search fieldset input.submit  {
          float: left;
          position: relative;
          width: 146px;
          text-align: center;
          background-color: #ffffff;
          border: 1px solid #000000;
          font-size: 11px;
          color: #02519e;
          padding: 1px;
          }


/* Navigation */
div#navigation_container {
	position: relative;
	float: left;
	width: 160px;
}

div#navigation  {
  width: 160px;
  float: left;
  position: relative;
  margin: 0px;
  padding-top: 5px;
  }
       
      div#navigation fieldset {
          border: 0px;
          padding-left: 10px;
          padding-top: 10px;
          }
		  
      div#navigation fieldset input  {
          float: left;
          position: relative;
          width: 140px;
          border-left: 1px solid #000000;
          border-top: 1px solid #000000;
          border-right: 1px solid #cccccc;
          border-bottom: 1px solid #cccccc;
          font-size: 11px;
          color: #000000;
          padding: 2px;
          margin-bottom: 5px;
          }
		  
      div#navigation fieldset input.submit  {
          float: left;
          position: relative;
          width: 146px;
          text-align: center;
          background-color: #ffffff;
          border: 1px solid #000000;
          font-size: 11px;
          color: #02519e;
          padding: 1px;
          }
		  
	/* ****************************************** */
/* Hauptnavigation (4 Ebenen)      			  */
/* ****************************************** */
	
	/* Menü Hintergrund - 1. Ebene */
		#navigation ul {
			list-style: none;
			margin: 0px;
			padding: 0px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-style: normal;
			font-weight: normal;
			color: #000000;
			background-color: #e9e9e9;
		}
	
		/* Standard Link - 1. Ebene */
		#navigation li {
			width: 160px;;
			margin: 0px;
			padding: 0px;
			border-bottom: 2px solid #ffffff;
			text-align: left;
			text-indent: 10px;
			line-height: 20px;
			color:#000000;
		}
	
		/* Aktives Element - 1. Ebene */
		#navigation li.active {
			background-color: #F5BD06;
		}
	
		/* Link Background - 1. Ebene */
		#navigation ul a {
			display: block;
			width: 100%;
			text-decoration: none;
			color: #000000;
		}
	
		/* Link Mouseover Background - 1. Ebene */
		#navigation ul a:hover {
			color: #000000;
			background: #CDCDCD;
		}
	
		/* Menü Hintergrund - 2. Ebene */
		#navigation ul ul, #navigation ul ul a {
			padding: 0px;
			font-size: 100%;
			color: #000000;
		}
		
		/* Menü Hintergrund Mouseover - 2. Ebene */
		#navigation ul ul a:hover {
			background-color: #E9E9E9;
		}
	
		/* Standard Link - 2. Ebene */
		#navigation li.submenu {
			border-bottom: 1px solid #cccccc;
			text-indent: 20px;
			line-height: 20px;
			background: #ffffff;
		}
		
		/* Standard Link - 2. Ebene */
		#navigation li.active2 {
			background: #f5df99;
			text-indent: 20px;
			line-height: 20px;
		}

		  
/* Quick Search */
div#quicksearch {
  width: 150px;
  float: left;
  position: relative;
  margin: 0px;
  padding-top: 5px;
  padding-left: 10px;
}

      div#quicksearch input  {
          float: left;
          position: relative;
          width: 140px;
          border-left: 1px solid #000000;
          border-top: 1px solid #000000;
          border-right: 1px solid #cccccc;
          border-bottom: 1px solid #cccccc;
          font-size: 11px;
          color: #000000;
          padding: 2px;
          margin-bottom: 6px;
          }

      div#quicksearch input.submit  {
          float: left;
          position: relative;
          width: 146px;
          text-align: center;
          background-color: #ffffff;
          border: 1px solid #000000;
          font-size: 11px;
          color: #02519e;
          padding: 1px;
          }

/* Content */
div#content {
  width: 820px;
  padding-left: 20px;
  float: left; 
  position: relative;
  }
  
  div#content div#rootline {
  float: left;
  position: relative;
  width: 800px;
  height: 14px;
  padding-left: 20px;
  background: #ffffff url(images/rootline_background.gif) top left no-repeat;
  margin-bottom: 10px;
  font-size: 11px;
  padding-top: 3px;
  }
      div#content div#rootline ul {
      list-style: none;
      }
      div#content div#rootline ul li {
      display: inline;
      }
      div#content div#rootline ul li a, div#content div#rootline a {
      color: #000000;
      font-weight: bold;
      }
  
  div#content div#maincontent, div#content div#maincontent_below {
	 position: relative;
	 float: left;
	 width: 820px;
	 height: auto;
	 clear: both;
  }
  
  div#content div#content_col_1 {
    float: left;
    position: relative;
    width: 410px;
    margin-right: 10px;
    height: auto;
    }
	
  div#content div#content_col_2 {
    float: left;
    position: relative;
    width: 400px;
    height: auto;
    }
		
	div#content div#maincontent ul li, div#content div#maincontent_below ul li, div#content div#content_col_1 ul li, div#content div#content_col_2 ul li {
		margin-left: 20px;
		font-size: 11px;
	}
	
	div#content div#content_col_2 ul {
		margin-bottom: 10px;
	}
	
  div#content div#aktuelle_stellenanzeigen {
    float: left;
    position: relative;
    width: 400px;
    height: auto;
    }
  
  div#content div.content_element_wide  {
  float: left;
  position: relative;
  margin-bottom: 20px;
  padding: 4px;
  border-bottom: 3px solid #ffffff;
  }  
  
  div#content div.content_element_news  {
  float: left;
  position: relative;
  margin-bottom: 10px;
  padding: 4px;
  border-bottom: 1px solid #02519e;
  } 
  
  /* Text Elements */
  div#content h1 {
  color: #02519e;
  font-size: 15px;
  font-weight: bold;
  padding-top: 10px;
  width: auto;
  height: 20px;
  }

  div#content h2 {
  color: #02519e;
  font-size: 14px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  width: auto;
  height: auto;
  }
  
  div#content h3 {
  color: #00519d;
  font-size: 11px;
  font-weight: bold;
  padding-top: 2px;
  width: auto;
  }
  
  div#content h4{
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  padding-top: 2px;
  width: auto;
  }
  
  div#content p{
  color: #000000;
  font-size: 11px;
  padding-top: 2px;
  width: auto;
  margin-bottom: 10px;
  }
  
  div#content a {
  color: #00519d;
  font-size: 11px;
  text-decoration: none;
  }
  div#content a:hover {
  color: #000000;
  font-size: 11px;
  text-decoration: underline;
  }
  
  div#content a img {
	  border: 0px;
  }
  
  div#content td {
	  font-size: 11px;
  }
  
  
  /* Footer */
  div#footer  {
	  position: relative;
	  float: left;
	  clear: both;
	  width: 1000px;
	  margin: 0px auto;
	  margin-top: 10px;
  }
  
  div#footer div#footercontent  {
	  position: relative;
	  float: left;
	  width: 1000px;
	  background-color: #f5bd06;
	  font-size: 11px;
	  color: #000000;
	  text-align: center;
  }
  
  div#footer div#footercontent a {
	  color: #000000;
	  text-decoration: none;
  }

/* News Formatting */
span.news-list-date {
		font-size: 11px;
		color: #000000;
		font-weight: bold;
}

div#content div.news-list-item h3 a {
	font-size: 12px;
	font-weight: bold;
}

hr.news {
	margin: 0px;
	padding: 0px;
	background: #000000;
	margin-bottom: 5px;
	margin-top: 5px;
}

div#content p.news-single-author {
	margin: 0px;
	padding: 0px;
}

div#content div#maincontent div.news-single-item ul li {
	list-style: disc;
	margin: 0px;
	margin-left: 10px;
	padding: 0px;

	font-size: 11px;
}

div#content div#maincontent div.news-single-item dl {
		font-size: 11px;
}

span.news-single-timedata {
	font-size: 11px;
	font-weight: bold;
}


/* ****************************************** */
/* Formulare				      			  */
/* ****************************************** */

div.formline, div.formline label {
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

div.formfield {
	width: 40%;
	position: relative;
	float: left;
	display: block;
	padding-bottom: 5px;
	font-size: 11px;
	}

div.fullformfield {
	width: 100%;
	position: relative;
	float: left;
	padding-bottom: 5px;
	font-size: 11px;
	}

div.formfield label, div.fullformfield label {
	width: 125px;
	position: relative;
	float: left;
	font-size: 11px;
	font-weight: normal;
}

div.formfield input.blank, div.fullformfield input.blank {
	width: 20px;
}

div.formfield input, div.fullformfield input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-color: #000000;
	width: 150px;
}

div.formfield textarea, div.fullformfield textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-color: #000000;
	width: 75%;
	height: 100px;
}

/* ****************************************** */
/* geordnete Listen			      			  */
/* ****************************************** */
ol {
	margin-left: 40px;
	font-size: 11px;
}

/* Countdown */
div.tx-astcountdown-pi1 { font-size: 11px; }


/* ****************************************** */
/* Feed Liste			      	      */
/* ****************************************** */

table.feedlist {
	table-layout: fixed;
	width: 90%;
	padding: 25px 0px 25px 0px;
}

table.feedlist .left {
	width: 70%;
}

table.feedlist .right {
	width: 20%;
}

table.feedlist tr:hover td {
	background-color: #f2f2f2;
}

table.feedlist th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}

table.feedlist td {
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}

table.feedlist td a {
	padding-left: 18px;
	text-decoration: none;
	background: url(img/rss-icon.gif) no-repeat left center;
}

table.feedlist td a:hover {
	text-decoration: underline;
}

div#content a.rss {
	display: block;
	height: 24px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 11px 5px 5px 42px;
	text-decoration: none;
	background: #0253a4 url(img/rss-icon2.jpg) no-repeat 4px center;
}

div#content a.rss:hover {
	text-decoration: underline;
}