/*

Farben

Gelb:        #cc9900; 
Rot:         #bd003b;
Grau:        #83817b;
Hintergrund: #393835;

*/

html { height: 100%; margin-bottom: 1px; }

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;

	text-align: center;
	margin: 0 auto;
	
	background-color: #393835;
	color: white;
}

h1, h2, h3, h4, h5, p, ul, li, table, form, fieldset, img {
	margin: 0 auto 1em auto;
}

.ohne_abstand {
	margin-bottom: 0.4em;
}

h1 { /* Ohne Verwendung */
}

h2 { /* Grosse Themenueberschriften */
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;

	display: block;
	
	margin: 0 -10px 10px -10px;
	padding: 0 10px 0 10px;
	
	height: 24px; overflow: hidden;
	
	background-color: #cc9900;
	
	border-bottom: 2px solid white
}

.marginalspalte h2,
.marginalie h2, .marginalspalte .marginalie h2 {
	background-color: #83817b;
	border-bottom-color: white;
}

h2.highlite, .highlite h2, .marginalspalte .highlite h2 {
	background-color: #cc9900;
	border-bottom-color: white;
}

h2.warnung, .warnung h2, .marginalspalte .warnung h2 {
	background-color: #bd003b;
	border-bottom-color: white;
}

h2.media, .media h2,
.marginalspalte h2.media, .marginalspalte .media h2 {
	background-color: black;
	border-bottom-color: #222;
}

.hauptspalte h2 object {
	width: 440px; overflow: hidden;
}

.marginalspalte h2 object {
	width: 280px; overflow: hidden;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.2em;
	margin-bottom: 0.4em;
}

h5 {
	font-size: 0.8em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	
	margin-bottom: 0;
}

p {
}

em {
	font-style: normal;
	font-weight: bold;
}

strong {
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	
	color: #cc9900;
}

ul, ol {
	list-style: square inside;
	margin-left: 0;
	padding-left: 0;
}

ul li, ol li {
	padding-left: 1em;
	text-indent: -1em;
	margin: 0;
}

table {
	font-size: 1em;
}

small {
	font-size: 0.85em;
	line-height: 1.5em;
}

img, a, a:link, a:visited, a:hover, a:focus, a:active, 
	button, button:hover, button:focus, button:active {
	outline: none; border: none;
}

/* !Links */

a {
	color: #cc9900;
	text-decoration: none;
}

a:link,
a:visited {
	color: #cc9900;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #cc9900;
	text-decoration: underline;
}

a:active {
	color: #bd003b;
	text-decoration: underline;
}

h2 a {
	color: white;
	text-decoration: none;
}

h2 a:link,
h2 a:visited {
	color: white;
	text-decoration: none;
}

h2 a:hover,
h2 a:focus {
	color: #cc9900;
	text-decoration: underline;
}

h2 a:active {
	color: #bd003b;
	text-decoration: underline;
}

h2 a:after {
	content: "";
}

/* Besondere Textformate */

.nowrap {
	white-space: nowrap;
}

.mit_unterzeile {
	margin-bottom: 0.2em;
}

/* !Formulare */

form {
	font-size: 1em;
	padding: 0;
}

fieldset {
	margin-left: -10px; margin-right: -10px;
	padding: 0.8em 10px 0 10px;
	
	border: none;
	border-top: 1px solid white;
}

select {
	width: 100%; margin: 0.3em 0 0.3em -1px;
}

textarea {
	width: 100%; display: block;
	height: 12em;
}

input.radio, input.checkbox {
	margin: 0 0.5em 0 0;
}

form .checkboxen {
	margin-bottom: 1em;
	width: 450px;	
}

form div.checkbox {
	float: left; display: inline;
	width: 140px; overflow: hidden;
	margin-right: 10px;
}

textarea, input.text, input.password {
	font-size: 1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, Helvetica, Arial, sans-serif;
	
	padding-left: 5px; padding-right: 5px;
	
	border: 1px solid black;
	border-bottom-color: #c1c0bd;
	border-right-color: #c1c0bd;

	width: 428px;
}

input.file {
	color: white;
}

textarea {
	max-width: 428px;
	padding: 3px;
}

.marginalspalte textarea,
.marginalspalte input.text, 
.marginalspalte input.password {
	width: 268px;
}

.marginalspalte textarea {
	max-width: 268px;
}

input.text, input.password {
	height: 22px;
}

button {
	font-size: 1em;
	color: white;
	background-color: #83817b;
	
	border: 0;
	
	padding: 0.5em 0.8em;
	
	width: auto; overflow: visible; /* fuer IE */
	cursor: pointer;
}

button:hover,
button:focus {
	background-color: #cc9900;
}

button:active {
	background-color: #bd003b;
}

form h4 {
	font-size: 1em;
	text-transform: none;
	letter-spacing: 0;
}

/* Meldungen und Fehler */

form .pflicht.fehler input.text, form .pflicht.fehler textarea {
	background: white url(/media/schraffur.gif) top left repeat;
	border-color: #bd003b;
}

form .pflicht.fehler .checkboxen {
	padding: 10px 0 10px 10px;

	width: 430px;	

	background: white url(/media/schraffur_rot.gif) top left repeat;
}

form .pflicht.fehler .checkboxen div.checkbox {
	width: 133px; overflow: hidden;
	margin-right: 8px;	
}


form .beschreibung {
	font-size: 0.85em;
	line-height: 1.5em;
}

/* Besonderheiten */

.erledigt {
	text-decoration: line-through;
	color: #83817b;
}


/***************************/
/*****//* !Struktur *//*****/
/***************************/

body {
	background: black url(/media/hintergruende/body.jpg) top center no-repeat fixed;
}

#stars {
	background: url(/media/hintergruende/stars.png) top center repeat-x fixed;
	min-height: 396px; height: auto !important; height: 396px;
	
	width: 100%;
}

#container {
	background: url(/media/hintergruende/transparenz.png) top center repeat;
	
	margin: 0 auto;
	width: 820px;
}

.clear {
	clear: both;
}


/***************************/
/*****//* !Branding *//*****/
/***************************/

#branding {
	/* background: url(/media/hintergruende/branding.png) top center no-repeat; */
	height: 246px; width: 820px;
}

#branding #flash_header {
}

#branding #flash_header .platzhalter {
	background: url(/media/hintergruende/branding.png) top center no-repeat;
	height: 246px; width: 820px;
	margin: 0;
}

#branding object {
}

#branding #RBAthleteWidget {
	float: right; display: inline;
	position: relative; top: -47px;
	margin-bottom: -47px;
	margin-right: 35px;
}


/*****************************/
/*****//* !Navigation *//*****/
/*****************************/

#navigation {
	text-align: left;

	margin: 0 auto 0 auto;
	/* padding-top: 183px; */
	padding-top: 202px;

	width: 780px; height: 24px;
	overflow: hidden;
}

#navigation ul {
	list-style: none outside;

	margin: 0;
	padding: 0 5px;
}

#navigation li {
	text-transform: uppercase;
	line-height: 24px;

	float: left; display: inline;
	
	text-indent: 0;
	padding: 0;
	margin: 0;
}

#navigation li img {
	vertical-align: middle;
	margin: 0 5px;
}

#navigation li a {
	color: white;
	text-decoration: none;
}

#navigation li a:link,
#navigation li a:visited {
	color: white;
	text-decoration: none;
}

#navigation li a:hover,
#navigation li a:focus {
	color: #cc9900;
	text-decoration: none;
}

#navigation li a:active {
	color: #bd003b;
	text-decoration: none;
}

#navigation li.aktuell a {
	color: #83817b;
	text-decoration: line-through;
}

#navigation li.aktuell a:link,
#navigation li.aktuell a:visited {
	color: #83817b;
	text-decoration: line-through;
}

#navigation li.aktuell a:hover,
#navigation li.aktuell a:focus {
	color: #cc9900;
	text-decoration: line-through;
}

#navigation li.aktuell a:active {
	color: #bd003b;
	text-decoration: line-through;
}

/**************************/
/*****//* !Content *//*****/
/**************************/

/* Struktur */

#content {
	text-align: left;
	background: url(/media/hintergruende/transparenz_tiefe.png) top center repeat;
	
	padding: 20px 0 20px 10px;

	min-height: 320px; height: auto !important; height: 320px;
}

#content .hauptspalte {
	float: left; display: inline;
	
	margin: 0 10px;
	width: 460px;
}

#content .marginalspalte {
	float: left; display: inline;
	
	margin: 0 10px;
	width: 300px;
}

#content.hardware {
	background: url(/media/hintergruende/schwarz.png) top left repeat;
}

#content.einzelnespalte,
#content.login {
	text-align: center;
}

#content.einzelnespalte .hauptspalte,
#content.login .hauptspalte {
	text-align: left;
	margin: 0 auto;
	float: none; display: block;

}

/* Links */

#content a:after {
	content: " →";
}

#content a.zurueck:after {
	content: "";
}

#content a.zurueck:before {
	content: "← ";
}

#content a.ohne:after,
#content #e-mail-adresse a:after {
	content: "";
}


/* Inline-Navigation */

#content .navigation {
	font-size: 0.85em;
	line-height: 1.5em;

	color: #333;
}

/* Tabellen */

#content table {
	border: none;
	border-top: 1px solid white;
	border-collapse: collapse;

	margin-left: -10px; margin-right: -10px;
	padding: 0;

	display: block;
}

#content table tr {
	vertical-align: top;
	border-bottom: 1px solid white;
}

#content table th {
	width: 5%; white-space: nowrap;
	padding: 0.2em 0 0.2em 10px;
}

#content table td {
	padding: 0.2em 0 0.2em 5px;
}

#content .marginalspalte table {
	font-size: 0.85em;
}


/****//* !Blöcke *//*****/

#content .block {
	margin: 0 0 1.8em 0;

	background: url(/media/hintergruende/transparenz_tiefe.png) top left repeat;

	padding: 0 10px 1px 10px;
	
}

#content .marginalspalte .block {
	/* width: 280px; overflow: hidden; */
}

#content .block .block,
#content .block .cms_artikel {
	background-image: none !important; background-image: none;
	margin: 0 -10px 1em -10px;
	padding: 0 10px 0 10px;

	border: none;
	border-bottom: 1px solid white;
}

#content .block .block.letzter,
#content .block .cms_artikel.letzter {
	border: none;
}

#content .block img.teaser {
	margin: 0 -10px 1em -10px;
}


/* Teaser */

#content .block.teaser {
	font-size: 0.85em;
	line-height: 1.5em;
}

#content .block.teaser .navigation {
	font-size: 1em;
}


/* Media: Teaser */

#content .block.teaser.media {
	overflow: hidden;	

	background: url(/media/hintergruende/schwarz.png) top left repeat !important; background-image: none;
	background-color: none !important; background-color: black;
}

#content .block.teaser.media h2 {
	margin-bottom: 0;
}

#content .block.teaser.media h3 {
	margin-bottom: 0;
}

#content .block.teaser.media h2 a:after {
	content: "";
}

#content .block.teaser.media .block {
	margin-left: 0; margin-right: 0;
	padding: 0;
}

#content .block.teaser.media #vimeo_video {
	margin: 5px -3px 5px -3px;
	padding-top: 2px;

	background-color: black;
}

/***** Meldungen *****/

#content .block.meldung {	
	background: #333 url(/media/schraffur_schwarz.gif) top left repeat !important;
	margin-top: -10px;
	padding-top: 10px;
}

#content .meldung {
	padding: 10px 10px 0 10px;
	margin-bottom: 0.8em;
	
	background: #333 url(/media/schraffur_schwarz.gif) top left repeat;
}

#content .meldung .bild {
	float: left; display: inline;
	margin: 0 10px 10px 0;
	
}

#content .meldung .bild a {
	text-decoration: none;
}

#content .meldung .bild a:after {
	content: "";
}

#content .meldung .bild img {
	margin: 0;
}

#content .meldung .text {
	float: left; display: inline;
	margin: 0 0 10px 0;
}

#content .marginalspalte .meldung .text {
	width: 160px;
}

#content form .meldung {
	background-image: url(/media/schraffur_rot.gif);
}

#content .meldung h4 {
	font-weight: bold;
	font-size: 1.0em;
	margin-bottom: 0.4em;
}

#content .meldung ul {
	list-style: square inside;
	
	margin-left: 0;
	padding-left: 0;

	padding-bottom: 0.4em;
}

#content .meldung ul li {
	padding-left: 1.05em;
	text-indent: -1.05em;

	margin-bottom: 0.4em;
}


/***********************/
/****//* !Media *//*****/
/***********************/

#content.media .hauptspalte .block,
#content .block.media {
	background: url(/media/hintergruende/schwarz.png) top left repeat; 
}

#content.media .hauptspalte .block .block {
	background: none;
}

#content .block.media .block {
	background: none;
	border: none;
}

#content .thumbnails a:after,
#content .media .bild a:after,
#content .media .text a:after {
	content: "";
}

#content .thumbnails a,
#content .media .bild a {
	text-decoration: none;
}

#content .thumbnails img,
#content .media .bild img {
	vertical-align: bottom;
}

#content.media .hauptspalte .block h2 {
	margin-left: -10px;
	background-color: black;
}


/***** Liste *****/

#content .block.media.liste {
	background-image: none;
	font-size: 0.85em;
	line-height: 1.5em;
}

#content .block.media.liste {
	overflow: hidden;	

	background: url(/media/hintergruende/transparenz_tiefe.png) top left repeat !important; background-image: none;
	background-color: none !important; background-color: black;
}

#content .block.media.liste h2 {
	margin-bottom: 0;
	background-color: black;
}

#content .block.media.liste h3 {
	margin-bottom: 0;
}

#content .block.media.liste .block {
	margin-bottom: 0;
	padding: 0 5px 0 0;
	
	border-bottom: 1px solid white;
}

#content .block.media.liste .block.letzter {
	border: none;
}

#content .block.media.liste .block.aktuell {
	background: url(/media/hintergruende/transparenz.png) top left repeat !important; background-image: none;
}

#content .block.media.liste .block.aktuell .text {
	min-height: 55px; height: auto !important; height: 55px;
	margin-right: 5px;
	
	background: url(/media/doppelpfeil.png) 23px right no-repeat !important; background-image: none;
}

#content .block.media.liste .bild {
	float: left; display: inline;
}

#content .block.media.liste .bild img {
	margin: 5px 7px 5px 5px;
}

#content .block.media.liste .text {
	padding-top: 5px;
}

#content .block.media.liste .navigation {
	font-size: 1em;
	padding: 10px 0 0 0;

	border-bottom: none;
}

#content .block.media.liste .block .navigation {
	border-bottom: none;
	padding-left: 10px;
}


/***** Galerien: Slideshow *****/

/* Slideshow: Bild (Slide) */

#content .slideshow .block.slide {
	padding-bottom: 0;
	margin-bottom: 0;

	position: relative;
	top: -48px;
}

#content .slideshow .block.slide .block {
	margin: 0 -10px 0 -10px;
	padding: 0;

	border: 5px solid black;
}

#content .slideshow .block.slide .bild {
	background-repeat: no-repeat; background-position: center center;

	width: 450px; height: 450px;
}

/* Slideshow: Navigation */

#content .slideshow .navigation {
	text-align: center;
	color: #333;
	clear: both;
	
	padding: 0 5px;
	width: 450px;
	
	position: relative;
	top: 206px;
	z-index: 1;
}

#content .slideshow .navigation a:after {
	content: "";
}

#content .slideshow .navigation .zurueck {
	text-align: left;
	float: left; display: inline;
	width: 48px; height: 48px; overflow: hidden;
}

#content .slideshow .navigation .zurueck img {
	width: 48px; height: 48px; overflow: hidden;
	background: black url(/media/pfeile/zurueck.gif) 0 0 no-repeat;
}

#content .slideshow .navigation .vor {
	text-align: right;
	float: right; display: inline;
	width: 48px; height: 48px; overflow: hidden;
}

#content .slideshow .navigation .vor img {
	width: 48px; height: 48px; overflow: hidden;
	background: black url(/media/pfeile/vor.gif) 0 0 no-repeat;
}

#content .slideshow .navigation a img {
	background-position: 0 -48px;
}

#content .slideshow .navigation a:link img,
#content .slideshow .navigation a:visited img {
	background-position: 0 -48px;
}

#content .slideshow .navigation a:hover img,
#content .slideshow .navigation a:focus img {
	background-position: 0 -96px;
}

#content .slideshow .navigation a:active img {
	background-position: 0 -144px;
}


/* Slideshow: Bildtitel */

#content .slideshow .titel {
	color: white;
	text-align: center;
		
	margin-left: auto; margin-right: auto;
	padding: 0 10px 10px 10px;
}

#content .slideshow .titel h4 {
	font-size: 1.1em;
	margin-bottom: 0;
}

#content .slideshow .titel p {
	font-size: 1em;
	margin-bottom: 0;
}

/***** Media: Thumbnails *****/

#content .thumbnails {
	padding-bottom: 0;
}

#content .thumbnails h2 {
	margin-bottom: 0;
}

#content .media .thumbnails {
	margin: -10px -10px 0 -10px;
	padding: 13px 10px 8px 10px;
	border-bottom: none;
}

#content .media .thumbnails img {
	width: 68px; height: 68px;
	margin: 0 2px 5px 3px;
}

#content .media .block.navigation {
	margin: 0 -10px 0 -10px;
	padding-top: 10px;
	
	border: none;
	border-top: 1px solid white;
}


/*  Media: Thumbnails Teaser */

#content .teaser .thumbnails {
	margin: 0 -10px 0 -10px;
	padding: 7px 0 2px 7px;
	padding-left: 7px;
}

#content .teaser .thumbnails a {
	display: inline;
	text-decoration: none;
}

#content .teaser .thumbnails a:after {
	content: "";
}

#content .teaser .thumbnails img {
	vertical-align: bottom;

	width: 68px; height: 68px;
	margin: 0 5px 5px 0;

	background-color: white;
	
	background-position: top left;
	background-repeat: no-repeat;
}


/***** Media: Videos *****/

#content .block.media.liste {
}

#content .block.media.liste .block {
	margin: 0 -10px 0 -10px;
}

#content .block.media.liste .block.navigation {
	padding-left: 10px; padding-right: 10px;
}


#content .block.media.liste .bild img {
	background-color: black;
	background-position: center center;
	background-repeat: no-repeat;
}

#content .block.media.video {
	padding-left: 10px; padding-right: 10px;
	
	border-bottom: 1px solid black;
}

#content .block.media.video object {
	margin: 10px 0 1em 0;
}


/************************************/
/*****//* !Spezielle Layouts *//*****/
/************************************/


/***** Ergebnisse *****/

#content .ergebnisse table td {
	text-align: right;
	padding-right: 10px;
}


#content .ergebnisse h3 {
	padding-bottom: 0.2em;
	border-bottom: 1px solid white;
}


/*****//* !Dirt Guide *//*****/

#content.dirt_guide .map {
	width: 460px; height: 460px;

	color: black;
	background-color: white;
}

/* Liste */

#content.dirt_guide .suche.liste {
	/* border-top: 1px solid white; */
	margin: 0 -10px 0 -10px;
	padding: 0 10px 0 10px;
}

#content.dirt_guide .suche.liste .eintrag {
	margin: 0 -10px 0em -10px;
	padding: 5px 10px 5px 10px;

	border-top: 1px solid white;
}

#content.dirt_guide .suche.liste .eintrag.meldung {
	font-size: 0.85em;
}

#content.dirt_guide .suche.liste h3 {
	font-size: 1em;
	margin-bottom: 0.2em;
}

#content.dirt_guide .suche.liste p {
	margin-bottom: 0;
}


/* Tabellen */

#content.dirt_guide .block.details {
	/* font-size: 0.85em; */
}

#content.dirt_guide .block.details .ohne_abstand {
	margin-bottom: 0;
}


/* Map */

#map_canvas a {
	text-decoration: none;
}

#map_canvas a:after {
	content: "";
}

#map_canvas .info_window {
}

#map_canvas .info_window h3 {
	margin-bottom: 0.4em;
}

#map_canvas .info_window h3.ohne_abstand {
	margin-bottom: 0;
}

#map_canvas .info_window p {
	margin-bottom: 0.4em;
}

#map_canvas .info_window a {
	text-decoration: none;
}

#map_canvas .info_window a:after {
	content: " →";
}

#map_canvas .info_window a:link,
#map_canvas .info_window a:visited {
	text-decoration: none;
}

#map_canvas .info_window a:hover,
#map_canvas .info_window a:focus {
	text-decoration: underline;
}

#map_canvas .info_window a:active {
	text-decoration: underline;
}

/* Suche */

#content form.suche input.text {
	font-size: 1em
}

#content form.suche .suchfeld {
	display: block;

	background-color: white;

	border: 1px solid black;
	/* border-bottom-color: #c1c0bd; */
	/* border-right-color: #c1c0bd; */
}

#content form.suche input.text {
	height: 22px; width: 246px;
	
	float: left; display: inline;
	vertical-align: middle;
	
	padding: 0 5px;
	
	border: none;
}

#content form.suche button {
	font-size: 1em;
	color: white;
	
	padding: 0;
	
	float: right; display: inline;

	height: 22px; width: 22px; overflow: hidden;
	vertical-align: middle;

	background: #83817b url(/media/button.gif) center top no-repeat;
	border: 0;
}

#content form.suche button:hover,
#content form.suche button:focus {
	background-color: #cc9900;
	background-position-y: -22px;
}

#content form.suche button:active {
	background-color: #bd003b;
	background-position-y: -44px;
}

#content form.suche button span {
	display: block; height: 0; width: 0; overflow: hidden;
}


/* Teaser */

#content .block.teaser.dirt_guide {
	font-size: 0.85em;
	line-height: 1.5em;
}

#content .block.teaser.dirt_guide h3 {
	margin-bottom: 0;
}

#content .block.teaser.dirt_guide .block {
	padding-right: 0;
}

#content .block.teaser.dirt_guide .block .block {
	float: left; display: inline;
	
	width: 210px; overflow: hidden;
	
	border-bottom: none;

	margin: 0 10px 0 0;
	padding: 0;
}

#content .block.teaser.dirt_guide ul {
	list-style: none !important; list-style: square;
	list-style-position: inside;
	
	margin-left: 0;
	padding-left: 0;
}

#content .block.teaser.dirt_guide li {
	margin-bottom: 0;
	padding-left: 1.3em;
	text-indent: -1.3em;
	margin: 0;
}

#content .block.teaser.dirt_guide li a:before {
	content: "→ ";
}

#content .block.teaser.dirt_guide li a:after {
	content: "";
}

#content .block.teaser.dirt_guide form.suche input.text {
	width: 176px;
}


/*************************/
/*****//* !Footer *//*****/
/*************************/

#footer {
	margin: 0 auto;
	padding: 0 0 30px 8px;
	
	width: 812px; /* 820px */
}

#footer ul {
	list-style: none outside;
	margin: 0 auto;
	padding: 10px 0 0 2px;
}

#footer ul li {
	float: left; display: inline;

	text-indent: 0;

	margin: 0; padding: 0;
}

#footer ul li img {
	margin: 0;
}

#footer ul li.rb_webicon {
	margin: -6px 0 0 0;
}


#footer div.rb_webicon {
	margin: 0;
}

/* !**** Flash-Content **** */

.flash_visible {
	display: none;
}

.flash_hidden {
	display: none;
}

.flash_invisible {
	visibility: hidden;
}

/* Debuggin */

#kontrolle {
	font-size: 0.85em; 
	line-height: 1.3em;
	color: #999;
}