@charset "utf-8";
/*** blue ***/

.line_startpage
{
background-color: #336699;
color:white;
font-size:10px;
 padding:5px 5px 5px 5px;
}

.line_startpage_left
{
background-color: #336699;
color:white;
font-size:18px;
 padding:5px 5px 5px 5px;
 }

.news_image
{
margin: 5px 10px 10px 5px;
}

.inhalt_epoback
{
background-image:URL(http://epromooffice.com/images/stories/epo-back.gif);
background-repeat: repeat-x;
background-position: 0px 2px;
        margin:5px 7px 5px 10px;
		padding: 10px 10px 10px 10px;
}


.references_back
{
background-image:URL(http://epromooffice.com/images/ref_back.gif);
background-repeat: repeat-x;
background-position: left bottom;
border:1px #F1F1F1 solid;
padding:5px;
margin:5px;
height:90px;
 }


      div.links {
        background: url(../images/img/ww.gif) repeat-y;
		padding:0px;
      }

      div.rechts {
        background: url(../images/img/ee.gif) repeat-y right;
		padding:0px;
      }

       div.oben {
        background: url(../images/img/nn.gif) repeat-x;
		padding:0px;
      }

      div.unten {
        background: url(../images/img/ss.gif) bottom repeat-x;
 		padding:0px;
     }

      div.linkeObereEcke {
        background: url(../images/img/nw.gif) left top no-repeat;
 		padding:0px;
     }

      div.rechteObereEcke {
        background: url(../images/img/ne.gif) right top no-repeat;
 		padding:0px;
     }

      div.linkeUntereEcke {
        background: url(../images/img/sw.gif) left bottom no-repeat;
		padding:0px;
      }

      div.rechteUntereEcke {
        background-image:url(../images/img/se.gif);
		background-position: right bottom;
		background-repeat: no-repeat;
		padding:0px;
      }

      div.inhalt {
		margin: 0px 5px 5px 5px;
		padding: 20px;
 
      }

      div.inhalt_withoutBG {
        margin:5px 7px 5px 10px;
		padding: 10px 10px 15px 10px;
  
      }

.ul_tour
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

.li_tour
{
background-image: url(http://epromooffice.com/images/hack.gif);
background-repeat:no-repeat; 
padding-left: 30px;
background-position: 0px 0px;
 line-height: 2.0;
 }


.contractinfo
{
font-size:11px;
color: #A0A0A0;
}

























#page_bg
{
background:white;
}

.whitearea
{
margin: 0px 0px 0px  0px;
background-image:URL(../images/bg_footer.gif);
background-position: left bottom;
background-repeat:  repeat-x;

 }


a:link, a:visited {
	color: #2E77A5;
	text-decoration:underline;
}

a:hover {
	color: #2E77A5;
	text-decoration:none;
}

  

#leftcolumn h3,
#rightcolumn h3{
	text-align: left;
	padding-left:15px;
	height: 44px;
	width: 190px;
	line-height: 40px;
	font-size:14px;
	margin:0px;
	font-weight:bold;
	background: url(../images/blue/bg_h3.gif) top left no-repeat;
}

ul.menu li#current {
	text-decoration:none;
  }
ul.menu li#current a{
	text-decoration:none;
	color:#363636;
 }
a.readon, a.readon:hover, a.readon:visited{
	display:block;
	height:33px;
	width:165px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	padding-left: 35px;
	padding-top: 2px;
	line-height:29px;
	text-decoration:none;
	background:  url(../../../images/readon.gif) top left no-repeat;
	margin:2px 0px 0px 0px;
}

#power_by  {
	color:#8c8c8c;
	text-decoration:none;
	font-size:12px;
 	margin:0px 20px 0px 0px;
	padding:5px;
	height:80px;
 }
ul.menu li{
	list-style:none;
 }
#f_area div.moduletable_menu, #f_area div.moduletable, #f_area div.moduletable_text{
	background: url(../images/rub_footer_bottom.png) left bottom no-repeat;
	
}
.moduletablealbert
{
display:none;
}
#f_area h3{
	background:  url(../images/blue/f_area_h3.png) top left no-repeat;
}

ul.mostread li{
	list-style:none;
	background:url(../images/blue/menu_arrow.gif) top left no-repeat;
}
ul.latestnews li{
	list-style:none;
	background:url(../images/blue/menu_arrow.gif) top left no-repeat;
}
.moduletable ul li {
	list-style:none;
	background:url(../images/blue/menu_arrow.gif) top left no-repeat;
}
div.componentheading{
	color:#D40202;
}


a.mainlevel
{
color:#999999;
margin: 0px 5px 0px 5px;
text-decoration: none;
text-transform:uppercase;
font-size:11px;
 }

 
 
.tepo {background: url(../images/blue/dot.gif) 0 0 repeat-x; width: 100%}
.bepo {background: url(../images/blue/dot.gif) 0 100% repeat-x}
.lepo {background: url(../images/blue/dot.gif) 0 0 repeat-y}
.repo {background: url(../images/blue/dot.gif) 100% 0 repeat-y}
.blepo {background: url(../images/blue/bl.gif) 0 100% no-repeat}
.brepo {background: url(../images/blue/br.gif) 100% 100% no-repeat}
.tlepo {background: url(../images/blue/tl.gif) 0 0 no-repeat}
.trepo {background: url(../images/blue/tr.gif) 100% 0 no-repeat; padding:15px} 


h1, h3
{
font-size: 18px;
color: #5C676B;
line-height:1.2;
}

.active 
{
font-weight:bold;
color: #FF9933;
  }


 



		* { margin: 0; padding: 0 }
		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* the main windows with ePromo init		*/
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 680px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 380px;
			clear: both;
			 
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 680px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		

		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			display:none;
		}

		
		
 .buttons_nav
 {
 position:absolute;
 width:100%;
 height:60px;
 
 top:200px
}