/**
 * Common
 */
html, body {
	height: 100%;

	margin: 0;
	padding: 0;
	
	background: url(../images/gui/page-bg-top.png) repeat-x #660000;
}

* {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

#wrap {
	position: relative;

	width: 826px;
	min-height: 100%;
	
	margin: 0 auto;
	
	background: url(../images/gui/page-bg.png) repeat-y;
}

#tribal {
	z-index: 90;

	position: absolute;
	right: 34px;
	top: 210px;
	
	width: 272px;
	height: 361px;
	overflow: hidden;
	
	background: url(../images/gui/tribal.png) no-repeat;
}

#bike {
	z-index: 160;

	position: absolute;
	left: 530px;
	top: 65px;
	
	width: 270px;
	height: 187px;
	
	background: url(../images/gui/bike.png) no-repeat;
}

/**
 * Content
 */
.content {
	margin-left: 3px;
	width: 700px;
}
 
table.news,
table.brothers,
table.links {
	border: 1px solid #323232;
	color: #FFFFFF;
	padding: 0px;
	margin-left: 3px;
}

table.news {
	width: 500px;
}

table.brothers {
	width: 500px;
}

table.links {
	width: 600px;
}

table.brothers tr td,
table.news tr td,
table.links tr td {
	padding: 4px;
}

td.vtop {
	vertical-align: top;
}

tr.even {
	background-color: #990000;
}

tr.uneven {
	background-color: #770000;
}

div.preview {
	/*float: left;*/
    text-align: center;
	margin-bottom: 2px;
}

div.thumb {
    float: left;
}

div.thumb a img {
    border: 1px solid #FFFFFF;
}

div.preview div a img {
    /*border: 1px solid #FFFFFF;*/
    margin-left: 1px;
}

.newline {
	clear: left;
}

#event_title {
    text-align: center;
	margin-bottom: 8px;
}

#image_title {
	margin-bottom: 4px;
}

#video_title {
	margin-bottom: 4px;
}

#event_desc {
	text-align: justify;
}

/**
 * Header
 */
#header {
	z-index: 150;
	
	position: absolute;
	left: 34px;
	top: 0;	
	
	width: 758px;
	height: 180px;
	
	background: url(../images/gui/header-bg.jpg) top right no-repeat;
}

#logo {
	display: block;
	width: 261px;
	height: 0;
	overflow: hidden;
	
	padding-top: 180px;
	
	background: url(../images/gui/logo.png) no-repeat;
}

/**
 * Menu
 */
#menu {
	z-index: 150;

	position: absolute;
	left: 30px;
	top: 176px;
	
	width: 766px;
	height: 43px;
	overflow: hidden;
	
	margin: 0;
	padding: 10px 0 0 50px;
	
	background: url(../images/gui/menu-bar.png) no-repeat;
	list-style-type: none;
}

#menu li {
	float: left;
	height: 18px;
	overflow: hidden;
	
	margin: 0 30px 0 0;
	padding: 0;
}

#menu li a {
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
	
	padding-top: 18px;	
}

#menu-news {
	width: 42px;
	background-image: url(../images/gui/menu-news.png);
}

#menu-home {
	width: 42px;
	background-image: url(../images/gui/menu-home.png);
}

#menu-events {
	width: 57px;
	background-image: url(../images/gui/menu-events.png);
}

#menu-brothers {
	width: 72px;
	background-image: url(../images/gui/menu-brothers.png);
}

#menu-history {
	width: 59px;
	background-image: url(../images/gui/menu-history.png);
}

/**
 * Contact
 */
#content {
	z-index: 100;
	position: relative;
	
	margin: 0 34px 210px 34px;
	padding: 235px 20px 0 20px;
}

#fix {
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

h1 {
	width: 189px;
	height: 0;
	overflow: hidden;
	
	margin: 0;
	padding: 21px 0 0 0;
}

#headline-news {
	width: 189px;
	background-image: url(../images/headlines/news.png);
}

#headline-events {
	width: 73px;
	background-image: url(../images/headlines/events.png);
}

#headline-brothers {
	width: 93px;
	background-image: url(../images/headlines/brothers.png);
}

#headline-brothers-germany {
	width: 242px;
	background-image: url(../images/headlines/brothers_germany.png);
}

#headline-brothers-europa {
	width: 242px;
	background-image: url(../images/headlines/brothers_europa.png);
}

#headline-brothers-world {
	width: 242px;
	background-image: url(../images/headlines/brothers_world.png);
}

#headline-history {
	width: 76px;
	background-image: url(../images/headlines/history.png);
}

#headline-links {
	width: 56px;
	background-image: url(../images/headlines/links.png);
}

#headline-contact {
	width: 83px;
	background-image: url(../images/headlines/contact.png);
}

#headline-imprint {
	width: 101px;
	background-image: url(../images/headlines/imprint.png);
}

#content p {
	clear: both;
	padding: 0 2px;
}

.image.right {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	float: right;
}

/**
 * Footer
 */
#footer {
	z-index: 90;

	position: absolute;
	left: 34px;
	bottom: 0;
	
	width: 758px;
	height: 282px;
	overflow: hidden;
	
	background: url(../images/gui/page-footer.png) no-repeat;
}

#footer p {
	position: absolute;
	left: 220px;
	bottom: 8px;
	
	padding: 0;
	margin: 0;
	
	font-size: 10px;
	color: #545454;
}

#footer ul {
	position: absolute;
	right: 25px;
	bottom: 10px;
	
	float: left;
	
	margin: 0;
	padding: 0;
	
	list-style-type: none;
}

#footer ul li {
	float: left;
	height: 10px;
	overflow: hidden;
	
	margin: 0 10px 0 0;
	padding: 0;
}

#footer ul li a {
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
	
	padding-top: 10px;
}

#footer-links {
	width: 30px;
	background-image: url(../images/gui/footer-links.png);
}

#footer-contact {
	width: 48px;
	background-image: url(../images/gui/footer-contact.png);
}

#footer-imprint {
	width: 59px;
	background-image: url(../images/gui/footer-imprint.png);
}
input,textarea {
	color: #000000;
}