/* ****************************************** */
/* 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 auto;
  }
 
.clear  {
  clear: both;
  } 
  
/* ****************************************** */
/* PORTAL ELEMENTS                            */
/* ****************************************** */

/* HEAD */
div#head  {
  width: 1010px;
  height: 80px;
  padding-left: 10px;
  }
  
  div#head div#head_left  {
      width: 160px;
      height: 80px;
      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: 600px; 
          float: right;
          }
          div#head div#head_right div#head_container div#dropdown  {
          float: right; 
          position: relative;
          margin-top: 10px;
          margin-right: 4px;
          min-height: 20px;
          }
          
          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;
      }

/* Search & Events */
div#search_events {
  width: 1000px;
  height: auto;
  min-height: 210px;
  background: #ffffff url(images/portal_container_background.gif) top left no-repeat;
  padding-left: 20px;
  padding-top: 20px;
  }
  
  div#search_events div#search  {
      float: left;
      position: relative;
      width: 250px;
      height: 180px;
      font-weight: normal;
      }
      
      div#search_events div#search {
          border: 0px;
          }
      div#search_events div#search label  {
          float: left;
          position: relative;
          width: 50px;
          height: 20px;
          font-size: 11px;
          color: #02519e;
          margin-bottom: 8px;
          }
      div#search_events div#search input  {
          float: left;
          position: relative;
          width: 150px;
          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;
          }
          * html div#search_events div#search input  {
           margin-bottom: 8px;
           }                    

      div#search_events div#search select  {
          float: left;
          position: relative;
          width: 156px;
          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;
          }
		  
		  div#search_events div#search select.two {
		  	width: 40px;
		  }
		  
      div#search_events div#search input.submit  {
          float: left;
          position: relative;
          width: 156px;
          text-align: center;
          background-color: #ffffff;
          border: 1px solid #000000;
          font-size: 11px;
          color: #02519e;
          padding: 1px;
		  margin-left: 50px;
          }
		  
	div#search_events div#search div {
		position: relative;
		float: left;
		clear: both;
		width: 250px;
		height: 20px;
		margin: 0px;
		padding: 0px;
		padding-bottom: 10px;
		}
  
  div#search_events div#events  {
      float: left;
      position: relative;
      width: 730px;
      height: 180px;
      }
   
   div#search_events div#singlenews {
   	position: relative;
   	float: left;
	width: 730px;
	height: auto;
	min-height: 400px;
	font-size: 12px;
	color: #000000;
	padding-bottom: 50px;
   	}
 
   	
   div#singlenews p {
   	color: #000000;
	font-size: 11px;
	padding-top: 2px;
	width: auto;
	margin-bottom: 10px;
	}

	div#singlenews dd {
		clear: both;
	}
	
	div#singlenews p.news-single-imgcaption { clear: both; }

/* Strecken */
div#strecken  {
  width: 1000px;
  height: 160px;
  padding-left: 20px;
  padding-top: 20px;
  background: #ffffff url(images/portal_container_background.gif) top left no-repeat;
  }
  
  div#strecken div.strecken_detail, div#strecken div.strecken_detail_off {
    float: left;
    position: relative;
    margin-right: 10px;
    width: 237px;
    height: 140px;
    }
	
	div#strecken div.strecken_detail_off { margin: 0px; }

	div#strecken div.strecken_detail div.strecken_detail_head {
	  	background: #02519e url(images/strecken_head_background.gif) top left no-repeat; color: #ffffff; font-weight: bold; font-size: 12px; height: 32px; padding: 4px;
	}

	div#strecken div.strecken_detail_off div.strecken_detail_head {
	  	background: #666666 url(images/strecken_head_background_off.gif) top left no-repeat; color: #ffffff; font-weight: bold; font-size: 12px; height: 32px; padding: 4px;
	}

	
	div#strecken div.strecken_detail_head div.strecken_detail_head_link {
		width: 200px;
	}
	
	div#strecken div.strecken_detail_head div.strecken_detail_head_link a {
		color: #ffffff; text-decoration: none; font-size: 13px; font-weight: bold;
	}
	
  div#strecken div.strecken_detail div.strecken_detail_text {
  		background-color: #e5ecf4; color: #02519e; padding: 4px; height: 92px; font-size: 12px;
	}
	
  div#strecken div.strecken_detail_off div.strecken_detail_text {
  		background-color: #e4e4e4; color: #505050; padding: 4px; height: 92px; font-size: 12px;
	}	

  div#strecken div.strecken_detail div.strecken_detail_text p {
  		margin-bottom: 4px;
	}
	
  div#strecken div.strecken_detail a, div#strecken div.strecken_detail_off a {
  	text-decoration: none; color: #02519e;
	}

/* Content */
div#content {
  width: 1000px;
  min-height: 200px;
  padding-left: 20px;
  padding-top: 20px;
  background: #ffffff url(images/portal_container_background.gif) top left no-repeat;
  }
  
  div#content_portal {
  	height: 400px;
  	background: none;
  	position: relative;
  	float: left;
  	}
  
  /* News */
  div#content div#aktuelle_news {
    float: left;
    position: relative;
    width: 360px;
    background-color: #f7fafc;
    margin-right: 10px;
    height: auto;
    }
	
	div#content div#aktuelle_news h1, div#content div#aktuelle_events h1 {
		position: relative;
		float: left;
		width: 360px;
		height: 26px;
		line-height: 26px;
		text-indent: 5px;
		display: block;
		background: #cbdcec;
		color: #02519e;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 2px #ffffff solid;
	}
	
	div.news-list-item {
		border-bottom: 2px #fff solid;
	}
	
	div#content div#aktuelle_news div.news-list-item {
		position: relative;
		float: left;
		width: 360px;
		border-bottom: 2px #ffffff solid;
		}
		
		div#content div#aktuelle_news div.news-list-item img, div#content div#aktuelle_events div.news-list-item img,
		div#content div#aktuelle_news div.news-single-item img, div.news-single-item img { 
			position: relative;
			float: left;
			margin: 5px;
		}
		
		div#content div#aktuelle_news div.news-list-item p, div#content div#aktuelle_events div.news-list-item p,
		div#content div#aktuelle_news div.news-single-item p, div#content div#aktuelle_events div.news-single-item p { 
			margin-right: 5px;
		}
		
	div#singlenews div.news-list-item {
		position: relative;
		float: left;
		width: 100%;
		padding-bottom: 20px;
		}
		
	div#singlenews div.news-list-item a {
		text-decoration: none;
		}
	
	span.news-list-date, div#content div#aktuelle_news div.news-list-item span.news-list-date {
		font-size: 11px;
		color: #000000;
		font-weight: bold;
		}
		
	div#content div#aktuelle_news div.news-list-item h3 a, div#singlenews div.news-list-item h3 a {
		font-size: 12px;
		font-weight: bold;
	}
	
  div#content div#aktuelle_events {
    float: left;
    position: relative;
    width: 360px;
    background-color: #f7fafc;
    margin-right: 10px;
    height: auto;
    }
	
  div#content div#aktuelle_stellenanzeigen {
    float: left;
    position: relative;
    width: 238px;
    background-color: #f7fafc;
    height: auto;
    }
	
	div#content div#aktuelle_stellenanzeigen h1 {
		position: relative;
		float: left;
		width: 238px;
		height: 26px;
		line-height: 26px;
		text-indent: 5px;
		display: block;
		background: #ff0000;
		color: #02519e;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		border-bottom: 2px #ffffff solid;
		}
		
	div#content div#aktuelle_events ul li, div#content div#aktuelle_stellenanzeigen ul li {
		position: relative;
		float: left;
		width: 100%;
		margin-left: 10px;
		margin-bottom: 10px;
		list-style: none;
	}
	
	div#singlenews ol li { margin-left: 30px; }
  
 	blockquote { text-indent: 10px; } 
 
  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_small  {
  float: left;
  position: relative;
  margin-bottom: 5px;
  padding: 4px;
  } 
      div#content div.content_element_small a {
      color: #000000;
      text-decoration: none;
      margin: 0px;
      }
      div#content div.content_element_small a:hover {
      color: #02519e;
      text-decoration: underline;
      margin: 0px;
      }
  
  /* Text Elements */
  div#content h2{
  background-color: #ccdceb;
  color: #02519e;
  font-size: 13px;
  font-weight: bold;
  padding-left: 4px;
  padding-top: 6px;
  width: auto;
  height: 20px;
  }
  
  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;
  }
  
  /* Footer */
  div#footer  {
  position: relative;
	 margin: 0px auto;
	 margin-top: 10px;
	 clear: both;
	 width: 1000px;
  }
     
  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;
  }

/* content slider */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 730px; /*width of featured content slider*/
height: 180px;
}

.sliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	margin: 0px;
	padding: 0px;
	background: white;
	width: 730px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 180px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.pagination{
	width: 720px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	text-align: right;
	background-color: #0053A4;
	padding: 5px;
}

.pagination a {
	padding: 0 5px;
	text-decoration: none; 
	color: #00007D;
	background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

.csc-textpic-caption {
	font-size: 12px;
	text-align: center;
	}
	
	
div#dropdown ul li {
	list-style: none;
	position: relative;
	float: left;
	color: #044E9A;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
}

div#dropdown ul li a {
	color: #044E9A;
	text-decoration: none;
}

div#singlenews h2 {
	color: #02519e;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	width: auto;
	height: auto;
}

div#singlenews h3 { font-size: 12px;}

div#singlenews a {
	color: #044E9A;
}

div#singlenews ul li {
	list-style: bullet;
	margin-left: 20px;
}

div#singlenews ul li h3 {
	font-size: 12px;
}

/* ****************************************** */
/* 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;
}


table td p, div#singlenews table td p { margin: 0px; padding: 2px; }

/* ****************************************** */
/* 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#singlenews 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#singlenews a.rss:hover {
	text-decoration: underline;
}