/*
Template: Big City
Author: Esther Nowack
Website: http://www.webmatter.de
Licence: Creative Common
http://creativecommons.org/licenses/by-sa/3.0/legalcode

anpassung fuer die oldtimerfreunde zuelpich: michael jarke, www.jarke.de

*/
* {
	margin: 0;
	padding: 0;
}
html, body {
	text-align: center;
	background: #fff url(../images/body_bg.jpg) top center repeat-y;
	font:90%/1.5 Verdana,Helvetica,Arial,sans-serif;
 }
#container {
margin: 0 auto;
width:960px;
text-align: left;
}
.sidebar, .content {

display:inline;
float:left;
margin-left:10px;
margin-right:10px;
}
#container .sidebar {
	clear:left;
	width:220px;
}
#container .content {
width:700px;
min-height: 550px;
}


#header {
	background: url(../images/oz-header2_126.jpg) top left no-repeat;
	height: 125px;
	background-color: #ddd;
}


#footer {
	clear: both;
	background: #8e8e8e;
	color: #ccc;
	border-top: 2px solid #494949;
	}

/* Horizontales Menu */
.blockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(../images/blockdefault.gif) center center repeat-x;
}

.blockmenu li{
display: inline;
}

.blockmenu li a{
float: left;
color: white;
padding: 13px 13px;
text-decoration: none;
border-right: 1px solid white;
}

.blockmenu li a:visited{
color: white;
}

.blockmenu li a:hover, .blockmenu li .active {
color: #fff;
background: transparent url(../images/blockactive.gif) center center repeat-x;
}
/* Ende horizontales Menu */

/* Formular */
form {
	margin-left: 20px;
	}
fieldset {
	width: 550px;
	}
legend {
	margin: 10px;
	padding: 5px;
	color: #990000;
	}
input, textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
width:500px;
color: #494949;
background: #f4f4f4;
border: 1px inset #999;
padding-left: 1px;
}
input:hover, textarea:hover {
background: #ccc;
}
.submit {
	background: #ccc;
	color: #131313;
	width: 150px;
	border: 1px solid #999;
}
.submit:hover {
	background: #999;	
	color: #f2f2f2;
}

/* Ende Formular */

/* Verschiedene Klassen */
.align-right {
	float:right;
	margin: 10px;
}

.align-left {
	float: left;
	margin: 10px;
}
/* Ende verschiedene Klassen */

/* Text Formatierungen */
a:focus{
outline:1px dotted invert;
}
a {
	text-decoration: none;
}
a, a:visited {
	color: #990000;
}
a:hover {
	color: #666; /*666;*/
}
a.read_more {
	font-size: .9em;
	}
a img {
	border: 0 none;
}
	/* Überschriften */
h1,h2,h3,h4,h5,.h400,.h500 {
	font-family: Georgia, "Trebuchet MS", "Times New Roman", serif;
	margin: 25px 0 0 0;
	padding: 0 /*5px;*/ 0px; 
	color: #666;
	background:transparent;
}

h1 { font-size:1.4em; }

.h500,.h400 { font-size:1.2em; }

#header h1  {
	font-size: 1.8em;
	color: #131313;
	padding: 1em 0 0 185px;
	margin: 0;
}
/* abstand h1 alt : 1em 0 0 40px,; */
/* h1 alt : font-size :2.7em; */

#header h1 a, #header h1 a:visited {
	text-decoration: none;
	color: #000;
}
/* h1 farbe alt : #535353; */

#header h1 a:hover {
	color: #990000;
}
h2{
font-size:1.3em;
}
#header h2 {
	padding: 0 0 0 40px;
	color: #fff;
	font-size: 2em;
	margin: .5em 0;
}
.sidebar h2 {
	background: #fbfbfb url(../images/heading.jpg) top left no-repeat;
	border: 0px solid #d9d9d9;
	color: #666;
	font-size: 1.1em;
	margin-top: 30px;
	padding: 5px 5px 5px 30px;
	}
h3{
font-size:1.1em;
margin: 1em 0 0 0;
padding: 0 10px;
color: #666;
}
h4{font-size:1em}
h5{font-size:1em}
h6{font-size:1em}

/* Ende Überschriften */
ol{
list-style:decimal;
}
ul{
list-style:square;
}
li{
margin-left:30px;
}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote {
margin-bottom:20px;
}
p {
	overflow:hidden;
}
#container p {
	margin-left: 10px;
	font-size: 1em;
}

#footer p {
		line-height: 1.5em;
		margin: 0;
	}
#footer p.copy {
color: #f2f2f2;
	text-align: center;
	padding: .5em 20px 0 20px;
	}
p.link {
	padding: 0 20px;
	color: #bdbdbd;
	text-align: right;
	margin: 0;
	}

p.link a, p.link a:visited {
	text-decoration: none;
	color: #494949;
}
p.link a:hover {
	color: #f2f2f2;
}
address {
	font-style: normal;
	margin-left: 10px;
}

blockquote {
	color: #666;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background: #fbfbfb;
	margin-left: 15%;
	margin-right: 5%;
	padding:10px;
}
hr {
border-color:#ccc;
border-style:solid;
border-width:1px 0 0;
clear:both;
height:0
}

/* Ende Textformatierungen */

.layer_ef1
{
background-color: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  filter: alpha(opacity=70); opacity: .7;filter: alpha(opacity=70);
}

.layer_ef2
{
background-color: #fff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=100); opacity: 1.0;filter: alpha(opacity=100);
}

.abstand10 { margin-bottom: 10px; }

.bilderlayer, .bilderlayer2
{ width:500px; background-color: #eee; text-align: center; /* margin-left:150px; */ margin-left:0px; font-size: 10px; }

.bilderlayer2
{ width:640px; margin-left:25px; }

.datum_artikel
{
float:right; text-align: right; margin-top: 15px; font-size: 9px; 
}

.weiterempfehlen
{
display: none; margin-bottom: 10px; margin-top: 10px; margin-left: 30px; width: 350px; height: 200px; border : dotted 1px #ddd; background-color: #eee;
}

.kl { font-size:0.8em;}

.sidebar ul { list-style-type: none; }

.news {margin-left: 30px; }

.content {float: right; }
.sidebar {float: left; }

.header { color: #091173; font-size: 15pt; font-weight: bold; text-align: center; padding-top: 26px; background-image:url(../images/ofz-header-1020d.jpg); background-position: 0px -20px;  height: 87px; background-color: #000; border-bottom: dotted 1px #eee; }

.content2 { /* background-color:#eee; */ width:630px; overflow: hidden; text-align: justify; }

.tbild2 { margin-left:0px; margin-right:10px; margin-bottom: 5px; margin-top:10px; width:200px; float: left; }
.tbild { height:133px; width:200px; }
.clear5 { clear:left; margin-bottom:5px; }

#layer_mitglieder, #layer_anmeldung { display:none; }
/* #layer_impressionen, #layer_ausfahrt { display:none; } */

.content2 table { font-size: 1em; padding: 0px; margin: 0px; }
td { padding: 3px;  }


.forum_dunkel  { background-color: #ddd; }

.forum_hell { background-color: #eee; }

.form_button input, .loginbutton { width: 130px; background: #ccc; }

.form_button input:hover, .loginbutton:hover { background: #990000; color: #fff; }

