/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
 
body.print 
	{ 
	background-color:#fff; 
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Search Form
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
.searchresult {
margin-bottom:20px;
}
.searchresult span.title {
display:block;
font-weight:bold;
}
.searchresult span.description {
display:block;
}
.searchresult span.linkpath {
display:block;
font-size:smaller;
line-height:1.3em;
} 

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSLinkContainer
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSLinkContainer
	{
	background-color: #eee;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSFile / ZMSLinkElement
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSFile, div.ZMSLinkElement 
	{ 
	background-color: #F8F8F8;
	margin: 4px;
	}

div.ZMSFile.none, div.ZMSLinkElement.none 
	{
	background-color: transparent;
	border: 2px dashed #eee;
	}

div.ZMSFile.floatleft, div.ZMSLinkElement.floatleft 
	{ 
	float:left;
	width:50%
	}

div.ZMSFile.floatright, div.ZMSLinkElement.floatright 
	{ 
	float:right;
	width:50%
	}

div.ZMSFile div.title, div.ZMSLinkElement div.title 
	{
	font-size:x-small;
	white-space:nowrap;
	}

div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited, 
div.ZMSLinkElement div.title a:link, div.ZMSLinkElement div.title a:visited 
	{
	font-weight:bold;
	font-size:x-small;
	text-decoration:none;
	color:black;
	}

div.ZMSFile div.text, div.ZMSLinkElement div.text 
	{
	font-size:xx-small;
	}

div.ZMSFile div.description, div.ZMSLinkElement div.description 
	{
	font-size:x-small;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSGraphic
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSGraphic {
	background-color: #F8F8F8;
	margin: 4px;
}

div.ZMSGraphic.left {
	text-align:left;
}

div.ZMSGraphic.right {
	text-align:right;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.ZMSGraphic.floatleft {
	float:left;
}

div.ZMSGraphic.floatright {
	float:right;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.graphic.alignleft {
	float:left;
	text-align:right;
}

div.graphic.alignright {
	float:right;
	text-align:right;
}

div.ZMSGraphic div.text {
	padding: 4px;
}

/*-- ## FF Patch ## --*/
div.ZMSGraphic.right div.graphic {
	width:100% !important; 
}
div.ZMSGraphic.right div.graphic img {
	display:inline !important;
}

a.zoom img.zoom {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/zoom.gif);
}

a.download img.download {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/download.gif);
}

a.superzoom img.superzoom {
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/superzoom.gif);
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTables
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

table.ZMSTable th {
	background-color:#DDEFFC; 
}

table.ZMSTable td {
	background-color:#EEEEEE; 
}

body.print table.ZMSTable th, 
body.print table.ZMSTable td {
	background-color:transparent; 
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTeaser
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div#teaser
	{
	width:150px;
	font-size:x-small;
	}

div.ZMSTeaserContainer
	{
	padding:1px;
	margin-bottom:10px;
	}

div.ZMSTeaserElement
	{
	}

div.ZMSTeaserElement img.title
	{
	border: none;
	}

div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited,
div.ZMSTeaserElement div.title
	{
	font-weight:bold;
	text-decoration:none;
	color:black;
	padding: 2px;
	display: block;
	}

div.ZMSTeaserElement div.text a:link,
div.ZMSTeaserElement div.text a:visited,
div.ZMSTeaserElement div.text
	{
	}



.Anzeige {
   background-color: #f4f4f4;
   height: 200px;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   margin-top: 20px;
   border: 1px solid #000000;
}

.anz_bild {
   float:left;
}

.text_abbildung {
   width: 150px;
   vertical-align: bottom;
}

.anz_text {
   margin-left: 200px;
}

h2.ad {
  color:red;
}


/* BO f_css_defaults */

#imagegallery {
  font-family:monospace;
}

#imagegallery .preview {
  margin:1em 0;
  padding:0.5em;
  background:#eee;
  border:1px #ccc solid; 
}

#imagegallery .overview {
  margin:1em 0;
  padding:0.5em;
  background:#eee;
  border:1px #ccc solid; 
}

#imagegallery .overview table {
  padding:0.3em;
  background:#fff;
  border:1px #ccc solid; 
}

#imagegallery .overview table td {
  padding:0.3em;
  border:0;
}

 
/* EO f_css_defaults */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] Misc
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSObject.new, div.ZMSObject.modified {
  border: 2px dashed blue;
  background-color: #F0F0FF;
} 
div.ZMSObject.deleted {
  border: 2px dashed red;
  background-color: #FFF0F0;
  color: red;
  text-decoration: line-through;
} 

span.unicode { 
  font-family:"Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
}

span.highlight { 
  background-color: yellow;
  color: black;
  font-weight: bold;
}


/**************************************/
/* 1. CSS-Modul: COLORS               */
/**************************************/
.neutralColorTrans {background-color: transparent}
.neutralColorWhite {background-color: #fff}
.neutralColorLight {background-color: #e8e8e8}
.neutralColorMedium {background-color: #ccc}
.neutralColorStrong {background-color: #999}
.neutralColorBlack  {background-color: #000}
.teaserColor {background-color: #B8CB00;}
.secondColorStrong {background-color: #aaa;}
.secondColorMedium {background-color: #ddd;}
.secondColorLight {background-color: #eee;}
.primColorStrong {background-color: #336699;}
.primColorMedium {background-color: #9cf;}
.primColorLight {background-color: #DCE0EA;}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +-  blueprint customization layer
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

body#web {
 margin:0px;
 border:0;
 padding:0;
 background-color:#440000;
 font-family:Verdana, Arial;
 font-size:11px;
}
#wrapper {
 width:870px;
 margin:0 auto;
 padding:0;
 text-align:left;
}
#page {
 width:870px;
 margin:-120px auto 0;
 padding:0;
 background:url(http://www.elporretal.de/common/css/common/BG.gif) #fff;
}
#Header {
 position:relative;  
 background-color:#edad1a;
 text-align:right;
 padding:35px 55px 4px 0px;
 font-size:9px;
 margin-top: 120px;
}
#Header a {
 color:#000 !important;
 text-decoration:none;
 font-weight:normal;
}

#Search {
 background:url(http://www.elporretal.de/common/css/common/darkBG.gif) #036;
 text-align:left;
 margin:0px;
 padding:7px;
 vertical-align:middle;
}
#Search input#raw {
 background:#440000 none repeat scroll 0%;
 border:1px solid #fff;
 color:#fff;
 height:14px;
 margin:0px 10px;
 padding:0px;
 width:145px;
}
#Search input#btnSearch {
 margin:0px;
 margin-bottom:0px!important;
 margin-bottom:-3px;
 padding:0px;
 height:14px;
}
div.colborder {border-right:1px solid #ddd;}

#Logo {
 width:310px;
 height:72px;
 padding:0px;
 background:#fff;
 text-align:left;
 float:left;
}
#Logo a {
 text-decoration:none;
}
#Banner {
 text-align:right;
 float:left;
}

#Micronavigation {
 margin-left:0px;
}

div#contentWrapper2 {
 width:460px!important;
 width:450px; /* IE6 */
}

body#web div#contentWrapper2 div#content {
 margin:0px;
 padding:0px 0px 0px 10px;
 width:450px; /* IE6 */
}

html>/**/body#web div#contentWrapper2 div#content {
 padding:0px 0px 0px 20px; /* only FF */ 
 width:430px!important;
 }
#pageregionTop {
 position:relative;
 float:left;
 width:100%;
}

#pageregionLeft {
 position:relative;  
 width:200px;
 float:left;
}

#pageregionCenter {
 width:654px;
 padding:8px;
 float:left;
}

#pageregionRight {
 position:relative;  
 width:192px;
 padding:4px;
 float:right;
}

#pageregionBottom {
 position:relative;  
 background:url(http://www.elporretal.de/common/css/common/darkBG.gif) #edad1a;
 text-align:right;
 margin:0px;
 padding:7px;
 text-align:center;
 vertical-align:middle;
 color:#fff;
 border-bottom:5px solid #edad1a;
 clear:both;
}
#pageregionBottom a {
 color:#fff;
}

h1 {
 color:#003366 !important; 
 font-size:130%;
 font-weight:bold;
 margin-top:2em;
 line-height:1.3em;
}
h2 {
 color:#29516b !important; 
 font-size:110%;
 font-weight:bold;
 margin-top:2em;
 line-height:1.3em;
 border-bottom: 1px dashed #336699;
 width: 90%;
}
h3 {
 color:#0060ab !important; 
 font-size:100%;
 font-weight:bold;
 margin-top:2em;
 line-height:1.3em;
}

p.emphasis {
 background-color:#eee;
 padding:4px 6px;
 font-size: 10px;
 border: 1px solid #eee;
}

p.description {
 line-height: 16px;
 font-weight:bold;
 color:#666;
 margin-top:0.5em;
}

p.creator {
	font-size:9px;
	margin:5px 0px;
	font-style: italic;
}


a:link, a:visited
{
font-weight: bold;
color:#6e0202;
text-decoration:none;
}
a:hover
{
font-weight: bold;
color:#0066ff;
text-decoration:none;
}

ul 
{
line-height: 15px;
list-style-image:  url(http://www.elporretal.de/common/css/common/bullet.gif);
text-align:left;
margin-bottom: 10px;
}
/*End AH*/

abbr {border-bottom:0px !important;}

/*-----------------*/
/*--  ZMSTeaser  --*/
/*-----------------*/

div#teaser {
 padding:0px !important;
 margin:0px;
 width:100%;
/* width:auto!important;
 width:190px;
 overflow:visible!important;
 overflow:hidden;
*/
}
div.ZMSTeaserContainer {
 margin:0px;
 margin-bottom:2em;

}
div.ZMSTeaserElement {
 width:190px;
}
div.ZMSTeaserElement div.title { 
 font-weight:bold; 
}
div.ZMSTeaserElement div.title, 
div.ZMSTeaserElement div.text {
 font-size:11px;
 padding: 0.2em 0.5em !important;
}

/*----------------*/
/*--  ZMSTable  --*/
/*----------------*/
table th, table.ZMSTable th {
background-color:#fda101;
border:1px solid #fda101; 
}
table td, table.ZMSTable td {
border:1px solid #fda101;
margin: 1px;
padding: 0px;
}

/**************************************/
/* 3. CSS-Modul: NAVIGATION           */
/**************************************/

/*--  Menu ---------------------------*/

div#Menu {
	float: left;
	clear: both;
	width: 100%;
	margin:0px;
	padding:0px;
	background: url(http://www.elporretal.de/common/css/common/menuBG.gif) #fff;
	white-space:nowrap;
	border-top:1px solid #039;
	border-bottom:1px solid #039;
 }
div#Menu ul {
	margin:0px;
	padding:0px;
	font-size:small;
	white-space: nowrap;
}
div#Menu ul li {
	line-height: 200%;
	display: inline;
	padding:0px;
	margin:0px;
}
div#Menu ul li a {
	float: left;
	font-family: verdana,arial,helvetica,sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	background-color: transparent;
	color: #036;
	text-decoration: none;
	border-right: 0.1em solid #69c;
	padding: 0.30em 1em;
	font-size: 10px;
}
div#Menu ul li a:hover,
div#Menu ul li a.current,
div#Menu ul li a.active {
	background: url(http://www.elporretal.de/common/css/common/menuBGActive.gif) #fff;
	color:#f60;
}


/*--  Macronavigation ----------------*/

#Macronavigation {
 width: 200px;
 padding:0px;
 margin:0px;
 background-image:url(http://www.elporretal.de/common/css/common/menuBG.gif);
}
#Macronavigation ul { 
 width: 200px;
 margin:0px; 
 padding:0px; 
 list-style-type: none; 
 overflow: hidden;
 font-weight: bold;
}
#Macronavigation li { 
 list-style-type: none; 
 float:left; 
 width: 100%; 
 margin:0; 
 padding: 0; 
 line-height:2em; 
}

#Macronavigation li.restricted a span { 
background:url(http://www.elporretal.de/common/css/common/restricted.gif) no-repeat right 10px
}


#Macronavigation a,
#Macronavigation strong {
 display:block;
 width: 90%;
 padding: 3px 0px 3px 5%;
 text-decoration: none;
}

/* Menu Title */
#Macronavigation li#title {
 width: 90%;
 padding: 3px 0px 3px 5%;
}

#Macronavigation li span {
 display:block;
 width: 90%;
 padding: 3px 0px 3px 5%;
 cursor:pointer;
}

/* Level 1 */
#Macronavigation li a { 
 width: 100%; 
 padding-left: 0%; 
 border-bottom:1px solid #A6D7FF !important;
}

#Macronavigation li.current {
 background-image:url(http://www.elporretal.de/common/css/common/menuBGActive.gif);
}
#Macronavigation li a.active,
#Macronavigation li a.current {
 color: #f90; 
 text-decoration:none;
}

#Macronavigation li a:hover,
#Macronavigation li a:active { 
 color: #f90; 
 background-image:url(http://www.elporretal.de/common/css/common/menuBGActive.gif);
}

/* Level 2 */
#Macronavigation li ul li a,
#Macronavigation li ul li#active,
#Macronavigation li ul li strong,
#Macronavigation li ul li span { 
 /* width: 87%;*/ 
 padding: 3px 0px 3px 8%; 
 border:0; 
 font-weight:normal;
}
#Macronavigation li ul li a { }
#Macronavigation li ul li a:focus,
#Macronavigation li ul li a:hover,
#Macronavigation li ul li a:active { }

/* Level 3 */
#Macronavigation li ul li ul li a,
#Macronavigation li ul li ul li#active,
#Macronavigation li ul li ul li strong,
#Macronavigation li ul li ul li span { 
 /* width: 87%;*/ 
 padding: 1px 0em 1px 13%; 
 font-weight:normal;
}

#Macronavigation li ul li ul li a { 
 line-height:1.6em; 

}
#Macronavigation li ul li ul li a:focus,
#Macronavigation li ul li ul li a:hover,
#Macronavigation li ul li ul li a:active { }

/* Level 4 */
#Macronavigation li ul li ul li ul li a,
#Macronavigation li ul li ul li ul li#active,
#Macronavigation menu li ul li ul li ul li strong,
#Macronavigation li ul li ul li ul li span { 
 /* width: 82%;*/ 
 padding: 1px 0em 1px 18%; 
 font-weight:normal;
}

#Macronavigation li ul li ul li ul li a { 
 line-height:1.6em; 
}
#Macronavigation li ul li ul li ul li a:focus,
#Macronavigation li ul li ul li ul li a:hover,
#Macronavigation li ul li ul li ul li a:active { }  


/* ---- INDEX ----- */

#Standardindex ul li  {
margin-bottom:0.75em;
}


/* ---- BROAD PAGE ----- */
div#bodyWrapper.broad {
 background:url(http://www.elporretal.de/common/css/common/BGbroad.gif) #fff;
}
#pageregionRight.broad {
display:none;
}
div#contentWrapper2.broad {
 width:660px!important;
 width:650px; /* IE6 */
}
body#web div#contentWrapper2 div#content.broad {
 margin:0px;
 padding:0px 0px 0px 10px;
 width:650px !important;
}

/*---- BO UCT calendar css -----*/
table#calTabs,
table#calContentTabs,
table#calContent {
margin:0em;
width:620px !important;
}

form#calTabSearch {
width:620px;
}

html>/**/body#web form#calTabSearch {
width:610px;
}


table#calContentTabs table#calContentBatch span.date {
width:370px
}

table#calTabs {
margin-top:1.5em;
}
table#calContent td#calContentNext {
	background-color:#dee;
}
table#calGrid {
	margin:0em 0em 1em 0em;
}



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +-  print customization layer
 * +-  more: print.css
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

body.print { 
	background-color:#fff; 
	text-align:left;
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +-  sitemap customization layer
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
div#div_content {
padding-bottom:3em;
}
/****************************************************/
/*    9.  ZMI Management Interface                  */
/****************************************************/
.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }
div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td { background-color:#EEEEEE; }
body.zmi table td { border:0;}

.zmiTableRowEven {background-color:#eee;}
.zmiTableRowOdd {background-color:#ccc;}

.form-submit { font-size:12px; }

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	line-height:19px;

} 
body.zmi p, body.zmi li, body.zmi blockquote  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
} 


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +-  Thumbnails
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
/* the thumbnails */
#triggers {
	text-align:center;
}

#triggers img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:15px 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* the active thumbnail */
#triggers a.active img {
	outline:1px solid #000;

	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +-  overlay basic
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(common/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}



/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +-  overlay gallery
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(common/h80.png) repeat-x;		
}