/* Motorsport Bremen e.V. */

body {
	color: #000000; 
	background-color: #999999;
	font-size: 100.01%;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	margin: 0; padding: 20px 0;
	}


div { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; }
h3 { margin: 0; padding: 0; }
h4 { margin: 0; padding: 0; }
h5 { margin: 0; padding: 0; }
h6 { margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
a { text-decoration: none; }
img { border: none; }

/* webseite */
div#webseite {
	margin: 0 auto;
	text-align: left;
	width: 930px;
	border: 1px solid #3B3B3B;
	background: #FFFFFF url(../layout/hintergrund_webseite.gif) repeat-y;
	}


/* kopfzeile */
div#kopfzeile {
  	width: 930px; height: 101px;
  	background: #3B3B3B url(../layout/hintergrund_kopfzeile.jpg) no-repeat;
	}
	
	div#kopfzeile span {
		margin: 0; padding: 2px;
		font-size: 0.5em;
		color: #EEEEEE;
		}

/* navigation */
ul#navigation {
	float: left;
	padding: 10px 0;
	width: 182px;
	}

	ul#navigation li {
		margin: 2px 0 2px 10px; padding: 0;
		list-style: none;
		position: relative;
		}


  * html ul#navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -2px;
  }
  *:first-child+html ul#navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -1px;
  }


	ul#navigation li ul {
		position: absolute;
		top: -2px; left: 160px;
		padding: 2px; padding-left: 0; border: 1px dotted black;
		}


  * html ul#navigation li ul {  /* Korrektur fuer IE 5.x */
    left: 162px;
    lef\t: 162px;
  }
  *:first-child+html ul#navigation ul {  /* Workaround fuer den IE 7 */
    background-color: #EEEEEE; padding-bottom:2px;
  }


	ul#navigation li ul li ol {
		position: absolute;
		top: -2px; left: 125px;
		padding: 2px; padding-left: 0; border: 1px dotted black;
		}


  * html ul#navigation li ul li ol{  /* Korrektur fuer IE 5.x */
    left: 324px;
    lef\t: 324px;
  }
  *:first-child+html ul#navigation ol {  /* Workaround fuer den IE 7 */
    background-color: #EEEEEE; padding-bottom:2px;
  }


	ul#navigation li ul li, li ul li ol li {
		margin: 2px 0; padding-left: 5px;
		}

		ul#navigation a {
			display: block;
			width: 150px;
			font-size: 1em;
			padding: 2px 5px;
			border: 1px solid #000000;
			color: white; 
			background-color: #3B3B3B;
			}

			ul#navigation a:hover {
				border-color: #000000;
				background-color: #FF0000;
				}

			ul#navigation li a:active {
				color: black; 
				background-color: #f00;
				}

/* dynamisches Ein-/Ausblenden */
	ul#navigation li ul, li ol {
		display: none;
		}
	ul#navigation li:hover>ul, li:hover>ol {
		display: block;
		}
	ul#navigation>li:hover>a {
		width: 150px;
		}


/* inhalt */
div#inhalt {
	float: right;
	padding: 10px 0;
	width: 740px; min-height: 500px;
	background: #FFFFFF url(../layout/hintergrund_inhalt.jpg) right top no-repeat;
	}

	div#inhalt h3 {
		margin: 2px 0 0 2px; padding: 2px 0 5px 5px;
		width: 720px;
		color: #000000;
		font-size: 0.85em;
		border-bottom: 1px dotted #3B3B3B;
		}

	div#inhalt h4 {
		width: 720px; height: 21px;
		margin: 2px 0 0 2px; padding: 2px 0 0 5px;
		background-color: #3B3B3B;
		color: #FFFFFF;
		font-size: 1em;
		font-weight: normal;
		border: 1px solid #000000;
		}
		
	div#inhalt h5 {
		width: 720px; height: 21px;
		margin: 2px 0 0 2px; padding: 2px 0 0 5px;
		background-color: #3B3B3B;
		color: #FFFFFF;
		font-size: 1em;
		font-weight: normal;
		border: 1px solid #000000;
		}
		
	div#inhalt h6 {
		margin: 2px; padding: 10px;
		text-align: right;
		color: #999999;
		font-size: 0.7em;
		font-weight: normal;
		}

	div#inhalt p {
		margin: 2px; padding: 10px 5px;
		font-size: 0.85em;
		}

	div#inhalt ul {
		margin: 2px; padding: 10px 5px;
		font-size: 0.85em;
		}
		div#inhalt ul li {
			list-style: none;
			padding: 5px 0;
			}
			div#inhalt ul li img {
				vertical-align: middle;
				padding: 2px 5px;
				}

	div#inhalt iframe {
		margin: 5px;
		width: 720px; height: 360px;
		border: none;
		}

	div#inhalt table {
		margin: 0; padding: 0;
		}
		div#inhalt td {
			padding: 1px 2px;
			color: #000000;
			font-weight: normal;
			font-size: 0.85em;
			}

/* fusszeile */
div#fusszeile {
	clear: both;
	padding: 5px;
	text-align: right;
	font-size: 0.75em;
	color: #FFFFFF;
	background-color: #3B3B3B;
	border-top: 1px solid #3B3B3B;
	}



.center {
	margin: 3px; padding: 1px;
	border: 1px solid #000000;
	}