@charset "UTF-8";
/***********************************************	
CSS level 3
	.css and design copyright by S. Hofmann
	written and devised by S. Hofmann
	last debugg: 12-07-12, V5.2
************************************************
red: #ff1e04 yellow: #ecac0a grey: #332F20
 */

 * {margin:0; padding:0;}

@font-face {
  font-family: 'UnifrakturMaguntia';
  font-style: normal;
  font-weight: normal;
  src: local('UnifrakturMaguntia'), url('http://themes.googleusercontent.com/static/fonts/unifrakturmaguntia/v4/7KWy3ymCVR_xfAvvcIXm3xLmkJ4_pxggemXYRvqU3J0.woff') format('woff');
}
 
body,html {
background-color:#000;
font-family:Sans-serif;
font-size:12pt;
}

body.a1,.a2,.a3,.a4,.a5,.a6 ,.a7,.a8,.a9,.a10,.a11,.a12{
background-position:bottom;
background-repeat:no-repeat;
background-attachment:fixed;
}

/*startseite, impressum*/
body.a1 { background-image:url(home/bk_home.jpg); 
}
/*team*/
body.a2 {
background-image:url(team/bk_team.jpg);
background-position: top;
}
/*moppeds*/
body.a3 {
background-image:url(moppeds/bk_moppeds.jpg);
}
/*rennen*/
body.a4 {
background-image:url(rennen/bk_rennen.jpg);
}
/*tuning*/
body.a5 {
background-image:url(tuning/bk_tuning.jpg);
}
/*unterwegs*/
body.a6 {
background-image:url(unterwegs/bk_unterwegs.jpg);
}
/*presse*/
body.a7 {
background-image:url(presse/bk_presse.jpg);
}
/*ingelheim2011*/
body.a9{
background-image:url(ingelheim2011/bk_ingelheim.jpg);
}
/*esselbach2010*/
body.a10,
body.a11{
background-image:url(esselbach2010/bk_esselbach2010.jpg);
}
/*esselbach2012*/
body.a12{
background-image:url(esselbach2012/bk_esselbach2012.jpg);
}

/*****************************
navigation
*****************************/
.navi {
z-index:100; /*navi vor der galerie 2015-12-27 */
font-size: 1.6em;
width: 100%;
text-align: center;
position: fixed;
line-height: 30px;
font-family:"UnifrakturMaguntia";
background-image:url(h3.png);
border-bottom:1px dotted #ecac0a;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}

.navi ul, .navi li {
list-style-type:none;
display: inline;
margin-left: 8px;
margin-right: 8px;
}

.navi a {
color: #ecac0a;
}

.navi a:hover,a:active{
color:#ff1e04;
outline:0;
}

.navi_active{
color: #ff1e04;
}

/****************************/
#top_distance{padding-top: 50px}
/****************************/

/*****************************
logo area
*****************************/
#logo1,#logo2{
margin-left:auto;
margin-right:auto;
text-align:center;
background-image: url("yellow.png");
}

#logo1{
margin-top: 50px;
font-size:7.0em;
line-height:30pt;
font-family:"UnifrakturMaguntia";
text-shadow:#3A2F0B 3px 3px 5px;
width:958px;
}

#logo2{
padding-bottom: 10px;
padding-top: 35px;
line-height:20pt;
font-weight:700;
border-bottom:1px solid #000;
margin-bottom:20px;
width:958px;
}

.wasserzeichen{
vertical-align: middle; 
float: right;
width: 300px;
}

/****************************
special fonts
****************************/

.schuerhoagge{
font-family:'UnifrakturMaguntia', coursive; 
font-weight: normal; 
font-size:1.1em;
}

.nicky{/*font for nicky */
font-family: Sans-serif;
}
/*****************************
content
*****************************/
.content_half{
background-image: url("yellow.png");
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
width:958px;
min-width:958px;
height: 250px;
}

.height_yvonne{
height: 110px;
}

.content_half table, 
.content table{ /*aussenabstand fuer table*/
padding:1.2em;
}

.table_home{ /*tabelle auf home.php*/
line-height: 16pt;
}

.content_half td{/*tabelleninhalt oben buendig*/
vertical-align:top;}

.content_half_pic_right{
float:right; margin-left: 10px;
border: 0;
}
.content_half_pic_left{
float:left; margin-right: 10px;
border: 0;
}

.content,.content2,.content3 {
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
background-image:url(back.png);
text-align:justify;
padding:0;
}

.content2{/*background-pic*/
background-image:url(home/team.png);
}

.content3{/*without background*/
background-image: none;
}

.content,.content2,.content3,.tile ,#footer p, #footer2 p{
width:958px;
min-width:958px;
}

.pic-box{/*galeriebereich*/
margin: 0 auto 20px;
max-width: 958px;
text-align: center;
min-width: 958px;
}

.pic-box img{/*thumbs*/
width: 230px;
height: 174px;
border: 1px solid white;
margin: 2px;
}

.news_pic_left{
float:left; margin-right: 10px;
}

.news_pic_right{
float:right; margin-left: 10px;
}

.content p,.content2 p,.content3 p {
margin-left:10px;
margin-right:10px;
}

.content a,
.content2 a,
.newscontent a,
.content_half a {/*link color = font color*/
color: inherit;
}

.content  a:hover,a:active,
.content2 a:hover,a:active,
.newscontent a:hover,a:active,
.content_half a:hover,a:active {
color:#ff1e04;
}

p.c2 {margin-left:30px;margin-right:30px;font-style:oblique;font-weight:700;}
p.c3 {margin-left:30px;margin-right:30px;font-style:oblique;}
p.c4 {text-align:center;margin:0;}
p.c5 {font-style:oblique;text-align:center;margin:0;}
p.c6 {font-weight:700;text-align:center;margin:0;}
.c7{font-weight: bold;}
.c8{font-style: italic;}
.c9 {text-align: justify;}
.c10 {padding-right: 10px;}
.c11 {padding-left: 10px;}

.teampic {
float:right;
margin-right:30px;
}

.galerie {/*bildumrandung*/
border:1px solid #ecac0a;
}

.tile{
margin-top: 10px;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
text-align:center;
background-image:none;
}
.tile img{
margin: 2px;
}

h1 {
clear: both;
font-size:250%;
text-align:center;
line-height:40pt;
font-family:"UnifrakturMaguntia";
font-style:normal;
font-weight:200;
color:#010000;
text-shadow:#3A2F0B 2px 2px 10px;
}

h3 a:hover, a:active{
color: #ecac0a;
outline: 0;
}

h3 a:visited{outline: 0;}

h3, h3 a{
background-image: url("h3.png");
border-top: 1px solid #000;
clear: both;
color: #FFFFF9;
font-family: "UnifrakturMaguntia";
font-weight: 200;
line-height: 30pt;
margin-left: auto;
margin-right: auto;
text-decoration: none;
text-indent: 50px;
width: 958px;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

h3 a{
background-image: none;
border: 0;}

h4{
clear: both;
font-size:1.5em;
width:958px;
margin-left:auto;
margin-right:auto;
text-align:left;
line-height:40pt;
font-family:"UnifrakturMaguntia";
font-style:oblique;
color:#ecac0a;
}

h5{ /*above renngalerien*/
background-image: url("h3.png");
border-top: 1px solid #000000;
clear: both;
color: #FFFFF9;
font-family: "UnifrakturMaguntia";
font-size: 1.4em;
font-weight: 200;
line-height: 30pt;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 958px;
border-radius:10px;
}

h5 a{
color: #fffff9;
display: inline-block;
width: 300px;
}

h5 a:hover, a:active{
color: #ecac0a;
outline: 0;
}

h5 a:visited{outline: 0;}


ul.a {
margin-left:30px;
list-style-type:circle;
}

ol.a{
margin-left:35px;
}

/*****************************
position div for reference, 
adjust navi-overlay
*****************************/
.pos_id_ref1{margin-top:-80px}
.pos_id_ref2{margin-top:+100px}

/*****************************
news-content
*****************************/
.newscontent {
width:920px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
background-image: url("yellow.png");
text-align:justify;
font-family:"Times New Roman", serif;
font-size:1.2em;
padding:10px 20px;
}

.newscontent h1 {
font-size:250%;
line-height:30pt;
font-family:serif;
font-style:normal;
}

/*****************************
sitemap
*****************************/
.sitemap {
list-style-type:disc;
margin-left:400px;
}
.sitemap ul {
margin-left:20px;
}

/*****************************
footer
*****************************/
#footer {
clear: both;
color:#ecac0a;
font-size:10pt;
line-height:30pt;
font-weight:700;
background-image:url(footer.jpg);
background-repeat: no-repeat;
background-position: top;
}

.footer2{
color: #51521E;
}

#footer p{
text-indent: 10px;
margin-left: auto;
margin-right: auto;
}

#footer a{color:#ecac0a;}

#footer  a:hover,a:active{
color:#fffff9;
}

#footer span{
float:right; 
margin-right: 10px;
}