/* Element formatting */
body {
  background:url(http://www.roadsoap.com/fileadmin/templates/img_common/bg_schraffur.gif);
  font-family:Arial, sans-serif;
  /*color:#785e26; */
  color:#000;
  font-size:.8em;
  margin:0;
}
a {
  color:#785e26;
  /* color:#000; */
}
img {
  border:0;
}
/* Classes for recurring objects */
#content .box {
  overflow:auto;
}
.csc-sitemap,
.box {

  background-image: url(http://www.roadsoap.com/fileadmin/templates/img_common/bg_white50.png); 
  background-repeat: repeat;

  border:1px solid #785e26;
  padding:5px;
  margin-bottom:2ex;
  clear:both;
}
.box.halfleft {
  float:left;
  width:320px;
}
.box.halfright {
  float:left;
  width:320px;
  clear:none;
  margin-left:16px;
}
.box.notop {
  border-top:0;
background-image: url(http://www.roadsoap.com/fileadmin/templates/img_common/bg_white50.png); 
  background-repeat: repeat;
  padding:0 1ex 1ex 1ex;
  /*
  border-bottom:0;
  margin-bottom:0;
  */
}
.box.noborder {
  padding:0;
  border:0;
}
.top {
  height:15px;
}

.box.adsense {
  background:none;
  border:none;
  padding:0;
  margin-bottom:2ex;
}
.box.expandable {
  position:relative;
  height:10em;
}
#content .box.expandable.js {
  overflow:hidden;
}
.box .news {
  margin:0;
  padding:0;
  list-style:none;
  
}
.box .news li {
  margin:0 0 .5ex 0;
}
.box .news li a {
  display:block;
}
.box .news li .info {
  display:block;
  font-style:italic;
  font-size:90%;
  padding-left:1ex;
}
.box .news .feed {
  padding-left:20px;
} 
.box .news .feed img {
  position:relative;
  top:3px;
  margin-left:-20px;
}
.weiterlesen {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  text-align:center;
  background:#d9dab8;
  color:#c00;
  cursor:pointer;
}
.closebtn {
  position:absolute;
  top:2px;
  right:2px;
  cursor:pointer;
}

/* Structure and specific formats */
#head {
  /*width:990px; */
  height:90px;
  margin:10px 0 30px 10px;
  border-bottom:1px solid #785e26;
}

#phpbb3 {
	font-size: 10px;
}

#head #logo {
  position:absolute;
  left:0;
  top:59px;
  margin:0;
  padding:0;
}
#head h1 {
  position:absolute;
  right:0px;
  top:94px;
  margin:0;
  padding:0;
  z-index:15;
  width:700px;
  text-align:center;
}
#head .polaroid {
  position:absolute;
  left:45%;
  top:0px;
  z-index:10;
}
#head .adsense {
  position:absolute;
  right:0;
  top:-10px;
  z-index:15;
}
#metanav {
  position:absolute;
  left:0;
  top:0;
  height:18px;
  background:#d9dab8;
  width:99.7%;
  z-index:1;
}
#metanav ul {
  padding:0 0 0 10px;
  margin:0;
  list-style:none;
  font-size:80%;
}
#metanav li {
  display:inline;
  margin:0;
  padding:0;
  vertical-align:middle;
}
#metanav img {
  vertical-align:middle;
}
#navigation {
  margin:0 0 3em 10px;
  float:left;
  width:160px;
}

#mainnavi, .subnavi ul {
  margin:0;
  padding:0;
  list-style:none;
  font-size:120%;
}

#mainnavi li, .subnavi ul li {
  padding:0;
  margin:0;
}

#mainnavi .hassub {
  background:url(http://www.roadsoap.com/fileadmin/templates/img_common/bullet_arrow_right.png) 100% 50% no-repeat;
}

#mainnavi li a, .subnavi ul li a {
  border-bottom:1px dotted #785e26;
  display:block;
  text-decoration:none;
  padding:2px 0;
}

#mainnavi li a img {
  float:right;
}

#mainnavi li a:hover, .subnavi ul li a:hover{
  border-bottom:1px solid #785e26;
  background:#e4ded3;
}

#mainnavi li.active a {
  color:#c00;
}

#mainnavi li.active li a {
  color:#000;
}

#mainnavi li.active ul {
  position:static;
  left:auto;
  border:0;
  background:none;
  margin:0; 
  padding:0;
  width:auto;
  font-size:90%;
}

#mainnavi li.active ul a {
  margin-left:1em;
}
/* Hiding Submenus */
#mainnavi li ul,
#mainnavi li.active ul ul,
#mainnavi li:hover ul ul,
#mainnavi li.active ul ul ul,
#mainnavi li:hover ul ul ul,
#mainnavi li.active ul ul ul ul,
#mainnavi li:hover ul ul ul ul {
	background:url(http://www.roadsoap.com/fileadmin/templates/img_common/bg_white95.png);
  width:200px;
  border:1px solid #785e26;
  position: absolute;
  margin:0;
  padding:1ex;
  list-style:none;
	left: -999em;
  z-index:999;
  font-size:90%;
}
/* Stop shrinking the font-size: */ 
#mainnavi li:hover ul ul ul {
  font-size:100%;
}
#mainnavi li.active:hover ul {
  margin:0;
}
#mainnavi li.active:hover ul ul {
  margin:-1.35em 0 0 140px;
}
/* Unhide active submenus */
#mainnavi li:hover ul, #mainnavi li.sfhover ul,
#mainnavi li li:hover ul, #mainnavi li li.sfhover ul,
#mainnavi li li li:hover ul, #mainnavi li li li.sfhover ul,
#mainnavi li li li li:hover ul, #mainnavi li li li li.sfhover ul {
	left: auto;
  margin:-1.35em 0 0 140px;
}

#content h3, #navigation h3, #mp h3 {
  font-family:Georgia, Times;
  margin:0 0 1ex 0;
  color:#c00;
  font-size:120%;
}

#navigation h3.intsearch {
	background: url(http://www.roadsoap.com/fileadmin/templates/img_common/world.png) no-repeat 0 50%;
	padding-left:20px; 
}

.subnavi h3 {
  padding-left:18px;
  background:url(http://www.roadsoap.com/fileadmin/templates/img_common/folder.png) 0 0 no-repeat;
} 

/* #content {
  margin:0 0 3em 15px;
  float:left;
  width:640px;
}
#content.wide {
  width:815px;
}
*/
#bcn {
  margin:0 0 1em 15px;
  width:680px;
  float:left;
 }

#bcn ul {
  list-style:none;
  margin:0;
  padding:0;
}
#bcn ul li {
  display:inline;
  margin:0;
  padding:0;
}
#bcn img {
  vertical-align:middle;
}
#bcn #info {
  float:right;
  margin-top:-1.35em;
  text-decoration:none;
}
#bcn #info span {
  text-decoration:underline;
}

#content a {
  color:#e71;
}

#content .sitemap ul {
  list-style:none;
  margin:0;
  padding:0;
}
#content .sitemap li {
  background:url(http://www.roadsoap.com/fileadmin/templates/img_common/bullet_toggle_neutral.png) no-repeat 0 0;
  padding:0 0 0 15px;
  margin:0 0 3px 10px;
}
#content .sitemap li.open {
  background:url(http://www.roadsoap.com/fileadmin/templates/img_common/bullet_toggle_minus.png) no-repeat 0 0;
}
#content .sitemap li.closed {
  background:url(http://www.roadsoap.com/fileadmin/templates/img_common/bullet_toggle_plus.png) no-repeat 0 0;
}
/* #content.w680 {
  width:680px;
}
*/

#mp {
  margin:-2.35em 0 3em 15px;
  float:left;
  width:160px;  
}

#mp.wide {
  float:right;
  background:url(http://www.roadsoap.com/fileadmin/templates/img_common/bg_schraffur.png);
  padding-left:1em;
  border-left:1px solid #785e26;
  border-bottom:1px solid #785e26;
}
#mp.w120 {
  width:120px;
}

#footer {
  clear:both;
  /*width:990px; */
  margin:0 0 0 10px;
  padding:1ex;
  border-top:1px solid #785e26;
}


/* Lightbox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.roadsoap.com/fileadmin/templates/img_common/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:hover, #prevLink:visited:hover { background: url(../img_common/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink:hover, #nextLink:visited:hover { background: url(../img_common/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
	
	#navigation input, #navigation select {
	width:140px;
	}
	#navigation .submit {
	  text-align:right;
	}
	#navigation .submit input {
	  width:auto;
	}
	
	/* Google Int */
	#countries option {
	 background-repeat:no-repeat;
	 background-position:0 50%;
	 padding-left:20px;
	}
	
	#navigation_left h3.intsearch label {

background: url(http://www.roadsoap.com/fileadmin/templates/img_common/world.png) no-repeat 0 50%;
padding-left: 20px; 
font-family: Georgia,Times;
margin: 0 0 1ex 0;
color: #cc0000;
font-size: 100%;
text-transform: none;
text-decoration: none;
}

#navigation_left {

  margin: 6px 0 10px 9px;

  /*float:left; */

  width:160px;

  /*position:absolute;*/
  
  /*top: 139px;*/

  z-index:1000;

  overflow:visible;
  /* font-size:0.8em; */

}

#content h3, #navigation_left h3, #mp h3 {

  font-family:Georgia, Times;

  margin:0 0 1ex 0;

  color:#c00;

  font-size:120%;

}

#navigation_left input, #navigation_left select {

	width:140px;

	}

	#navigation_left .submit {

	  text-align:right;

	}

	#navigation_left .submit input {

	  width:auto;

	}