/*************** polo.css ***************/

@import url( "polo_ie.css" );
@import url( "polo_navi.css" );
@import url( "shadowbox.css" );
@import url( "carousel.css" );

/*************** Allgemeines ***************/
* {
	padding: 0px;
	margin: 0px;
}

body {
	background: url(../img/global/bg.jpg) 80% 0%;
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #fff;
	text-align: center; /* Damit die Seite im IE zentriert dargestellt wird! */
}

label, table, tr, td {
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 11px;
}

p {margin-bottom: 10px;}

input, select, textarea {
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 11px;
	padding: 1px;
	border: 1px solid #6c6c6c !important;
	background-color: #000;
	color: #fff;
        width: 200px;
}

input[type=img] {border: 1px solid #000 !important;}

input[type=checkbox], input[type=radio] {width: 20px;}

img {border: 0px;}

.left {float: left;}

.right {float: right;}

.clear {clear: both;}

.starlet {color: #e2001a;}

#site {
	margin: 0px auto;
	width: 980px;
	text-align: left;
	position: relative;
	z-index: 2;
	/*background: url(../img/global/schatten_kl.png) repeat-y;*/
}

.header {
	padding: 0px 30px;
	margin-bottom: 50px;
}

.oil-bg {
	position: absolute;
	z-index: 1;
	margin: 0px auto;
	width: 100%;
}

#footer-bg {
	background: url(../img/global/schatten_kl.png) no-repeat;
	height: 120px;
	padding: 10px 0px 0px 0px;
}

.footer {
	text-align: right;
	/*border-top: 1px solid #e2001a;*/
	padding: 10px 10px 0px 10px;
	color: #fff;
	margin: 35px 30px 20px 30px;
	clear: both;
}

.footer-skull {
	position: absolute;
	right: 0px;
}

.copyright {padding-right: 50px;}


/*************** Schriften ***************/
h3 {
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 5px;
	font-size: 11px;
}

h4 {
	font-weight: normal;
	font-size: 11px;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
}

h6 {
	font-weight: normal;
	font-size: 9px;
}

.event {padding-bottom: 20px;}

.event-date {
	font-size: 10px;
	color: #797979;
}

.content-box-inner ul {margin: 0px 0px 10px 15px;}

.content-box-inner ul li {
	list-style: none;
	background: url(../img/global/square.gif) no-repeat 0px 9px;
        padding: 2px 0px 2px 8px;
}


/*************** Content ***************/
#content {
	width: 920px;
	margin: 0px 30px;
}

#content2 {
	width: 900px;
	margin: 0px 30px;
	padding: 10px;
	background-color: #000;
	border: 1px solid #e2001a;
}

#content-left, #content-right {
	width: 230px;
	float: left;
}

#content-center {
	width: 440px;
	margin: 0px 10px;
	float: left;
}

.content-box {
	background-color: #383637;
	padding: 5px;
	margin-bottom: 10px;
}

.content-box-inner {
	background-color: #000;
	padding: 5px;
}

.polo-logo {
	position: absolute;
	z-index: 20;
	top: 24px;
	right: 45px;
}

.redhot-logo {
	width: 135px;
	height: 100px;
	position: absolute;
	z-index: 20;
	top: 65px;
	left: 590px;
	background: url(../img/global/redhot_logo.png) no-repeat;
}

.main-text {
	float: left;
	width: 50%;
	margin-right: 10px;
	color: #797979;
}

.google-map {
	width: 420px;
        height: 420px;
        color: #797979;
}

.button-area {
	padding: 20px 0px;
        clear: both;
}

.galerienavigation {
	padding: 10px 0px;
        clear: both;
}

.scroll-list {
        overflow: auto;
        width: auto;
	height: 541px;
}


/*************** Termine ***************/
.event-image {
	float: left;
	margin-right: 10px;
}

.event-image img {margin-bottom: 20px;}

.event-description {
	float: left;
	width: 310px;
        margin-bottom: 20px;
}


/*************** Pager ***************
.pager {
	overflow: hidden;
	margin: 10px 0px;
	padding: 3px 5px;
        font-size: 11px !important;
        color: #fff;
}

.pager-count {float: left;}

.pager-switch {float: right;}

.pager a.pager-link {
	text-decoration: none;
	color: #68676b;
}

.pager a.pager-link:hover {
	text-decoration: none;
	color: #fff;
}


/*************** Gästebuch ***************/
.guestbook-table textarea {
	width: 405px;
	height: 80px;
}

.guestbook-table .value {width: 120px;}

.guestbook-user {
	text-align: right;
	border-bottom: 1px solid #fff;
	padding: 3px;
}

.guestbook-entry {
	background-color: #202020;
	padding: 3px;
}


/*************** Rückblicke/Events/News ***************/
.review {
	width: 100%;
	margin-bottom: 15px;
        padding-left: 10px;
	background: url(../img/global/arrow_white.gif) no-repeat 0px 6px;
}

.event-detail {
        padding-left: 10px;
	background: url(../img/global/arrow_white.gif) no-repeat 0px 6px;
}


/*************** Bildergalerie ***************/
.image-thumb {
        float: left;
        height: 130px;
        margin: 5px;
        text-align: center;
        width: 130px;
}

.weiter {
	align:right;

}

.zurueck {
	align:left;

}

/*************** Videogalerie ***************/
.video object, .video embed {
        height: auto !important;
        width: 210px !important;
}

.video-thumb object, .video-thumb embed {
        float: left;
        height: auto !important;
        margin: 5px;
        text-align: center;
        width: 130px !important;
}


/*************** Links ***************/
a:link, a:visited {
	color: #e2001a;
	font-weight: normal;
	text-decoration: none;
}

a:hover, a:active {
	color: #df4648;
	font-weight: normal;
	text-decoration: none;
}

a.footerlink:link, a.footerlink:visited {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

a.footerlink:hover, a.footerlink:active {
	color: #bababa;
	font-weight: normal;
	text-decoration: none;
}

.button, a.button, input a.button {
	padding: 2px 7px;
	margin: 5px;
	text-decoration: none;
	color: #fff !important;
        border: 1px solid #e2001a !important;
	background-color: #e2001a !important;
        font-weight: normal;
}

.button:hover, a.button:hover, input a.button:hover {
	padding: 2px 7px;
	margin: 5px;
	text-decoration: none;
	color: #e2001a !important;
        border: 1px solid #e2001a !important;
	background-color: #fff !important;
        font-weight: normal;
}

.button_deaktiviert, a.button_deaktiviert, input a.button_deaktiviert {
	padding: 2px 7px;
	margin: 5px;
	text-decoration: none;
	color: #fff !important;
        border: 1px solid #fff !important;
	background-color: #a7a7a7 !important;
        font-weight: normal;
}

.button_deaktiviert:hover, a.button_deaktiviert:hover, input a.button_deaktiviert:hover {
	padding: 2px 7px;
	margin: 5px;
	text-decoration: none;
	color: #fff !important;
        border: 1px solid #fff !important;
	background-color: #a7a7a7 !important;
        font-weight: normal;
}

.breadcrumb {
	margin-bottom: 10px;
	padding: 3px 30px;
}

.breadcrumb a {
	color: #fff;
	text-decoration: none;
}

.breadcrumb a:hover {
	color: #404040;
	text-decoration: none;
}