/*  
Theme Name: Metro Theme v.1
Theme URI: 
Author: J. Gebauer
Author URI: http://www.cassio.me 

	
 */

body{


background: url(http://metro-oldenburg.de/img/back.jpg) fixed;

*BACKGROUND STANDBY
*background: url(http://metro-oldenburg.de/img/wall.jpg) no-repeat center center fixed;
*-webkit-background-size: cover;
*-moz-background-size: cover;
*-o-background-size: cover;
*background-size: cover;

margin: 0;
padding: 0px;
font-family: helvetica, arial;
     }

p { margin: 0; padding-bottom: 12px; }



.topline {
width: 100%;
background-color: red;
color: #fff;
font-size: 12px;
padding: 10px 0;
}

.topline:hover {
background-color: yellow;
color: #000;
}

.head {
background-color: #000;
width: 660px;
padding: 0 20px;
height: 90px;
}

#logo {
float: left;
border: 0 !important;
margin: 20px 0 0 0;
}

.box {
width: 700px;
min-height:100%;
height: auto !important;
height: 100%;
margin: 0px auto;
}

.frame {
background-color: #000;
width: 100%;
height: 20px;
}

.whitebox {
background-color: #fff;
width: 100%;
float:left;
}

ul { padding: 0; list-style-type: none; }
li { padding: 0; list-style-type: none; }

.event_head { float: left; padding: 0 0 5px 0; margin: 5px 0; }
.event_full { float: left; border-top: 1px solid #000; padding: 15px 0 5px 0; margin: 5px 0; }
.event_date { float: left; width: 100px; font-weight: bold; }
.event_time { float: left; width: 50px; }
.event_text { float: left; width: 510px; }
.event_text p { margin-top: 0; padding: 0; float: left; }

.post {
background: #fbfbfb url(images/post-back.jpg) repeat-x bottom;
width: 470px;
padding: 50px;
border-bottom: 1px solid #999;
}

.flyer { background: #888; }
.nav li { list-style: none; }
.pagenav h2 { display: none; }
.pagenav li { list-style: none; float: left; }
#page { line-height: 23px; }
#no-border { border: 0px !important; padding: 0px !important; margin-bottom: -5px; }
#marker { background-color: yellow; }

.important {
width: 660px;
padding: 20px;
background-color: yellow;
font-weight: bold;
font-family: helvetica, arial;
font-size: 12px;
line-height: 20px;
border-bottom: 20px solid #000;
}

.important a {
color: #000;
}

.content {
overflow: visible;
padding: 0 20px 20px 20px;
color: #1b1b1b;
font-family: helvetica, arial;
font-size: 12px;
line-height: 20px;
}

.content a { color: #1b1b1b; padding: 1px 0; border-bottom: 1px #ccc solid;}
.content a:hover img { border: none; background-color: #000; }
.content a:hover { color: #1b1b1b; text-decoration: none; border-bottom: 1px #000 solid; }

.nav {
float: right;
position: relative;
top: 25px;
text-transform: uppercase;
text-decoration: none;
font-size: 12px; 
letter-spacing: 1px;
}

.nav a { font-weight: bold; border-bottom: 1px solid #000; color: #999; }
.nav a:hover { color: yellow; border-bottom: 1px solid yellow; }
.nav a:active { padding-top: 1px; color: yellow; border-bottom: 1px solid yellow; }
.pagenav a { display: block; border-bottom: 0px solid #000; color: #999; }
.pagenav a:hover { color: yellow; border-bottom: 0px solid yellow; }

.page_item { padding-right: 10px; margin-right: 10px; border-right: 1px solid #999 }
.page-item-98 { padding-right: 0px; margin-right: 0px; border-right: 0px; }

.footer {
background-color: #000;
padding: 20px 20px 50px 20px;
float: left;
font-size: 12px;
width: 660px;
color: #999;
font-weight: normal;
}

.footersocial { float: left; padding-top: 5px; }
.footer a { color: #999; font-weight: normal; }
.footerthird { display: block; float: left; padding: 0 25px; }
.footerthird:hover { color: yellow; }
.rest { display: block; float: left; padding-top: 20px; color: #666; line-height: 20px; }
#br { border-right: 1px #888 solid; }
#social { float:left; padding-right: 10px; }
#fb { border-right: 1px #888 solid; padding-left: 0px; !important }

#details {
font-weight: bold;
line-height: 25px;
padding: 25px 0px;
margin: 0 0 25px 0;
border-bottom: 1px dotted #888;
border-top: 1px dotted #888;
}


p {    }

h1, h1 a {
color: #1b1b1b;
font-size: 23px;
font-weight: bold;
letter-spacing: -2px;
text-decoration: none;
margin: 0 0 30px 0;
border-bottom: 0;
}

#hind { margin-top: -50px; }

h2 {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}

h2 a:hover { color: yellow; }

h3 {
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
margin: 25px 0;
}

blockquote {
color: #999;
font-style: italic;
	}

a { font-weight: bold; text-decoration: none; }
a:active { padding-top: 1px; }


/*
--------------------	Slideshow--------------------
*/

#slides {
	position:relative;
        background-color: #f0f0f0;

	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:700px;
	position:relative;
        background-color: #f0f0f0;
	overflow:hidden;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:700px;
	height:259px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-24px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:700px;
}


/*
	Pagination
*/

.pagination {
	position: relative;
	margin:0 auto 0;
	width:100px;
}

.pagination li {
	float:left;
        padding-top: 3px;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(http://www.metro-oldenburg.de/img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}