/********************************************************************/
/* Main-Biker - Stylesheet                                          */

/********************************************************************/
/* HTML Standarteinstellungen                                       */
/* #02243C #005DB3 #5195CE #E6E6E6 #F9F9F9 #5BC236 #2B4D4A #557409  */
/* #DBE3F0 #B3BCCC #9C9C9C #737C8C #666666 #FFCC00 #FFCC00 #003366  */
body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size:12px; 
       font-family: verdana, arial, helvetica, sans-serif; background-color:#666666;
       overflow-y:scroll; overflow-x:auto; }
h1   { font-size:22px; font-weight:bold; margin: 0px 0px 0px 0px;}
h2   { font-size:18px; font-weight:bold; margin: 0px 0px 0px 0px; color:#666666;}
h3   { font-size:16px; font-weight:bold; margin: 0px 0px 0px 0px;}
h4   { font-size:14px; font-weight:bold; margin: 0px 0px 0px 0px;}
h5   { font-size:12px; font-weight:bold; margin: 0px 0px 0px 0px;}
h6   { font-size:10px; font-weight:bold; margin: 0px 0px 0px 0px;}
p    { font-size:12px; margin:5px 0px 5px 0px; padding:0;}

a       { text-decoration:none; color:#666666; font-weight:bold; }
a:hover { text-decoration:underline; color:#666666; font-weight:bold; }

a.linkbottom       { text-decoration:none; color:#FFCC00; }
a.linkbottom:hover { text-decoration:underline; color:#FFCC00; }

a.linktophome       { text-decoration:none; color:#FFCC00; }
a.linktophome:hover { text-decoration:none; color:#FFCC00; }

a.nostyle,
a.nostyle:hover   { text-decoration:none; color:#000000; font-weight:normal; }

img               { border:0px; }
img.right         { float:right; }
img.left          { float:left; }
hr                { border:0px none #02243C;;}
hr.hr3            { border: 1px solid #02243C; color: #fff;
                    background-color: #fff; height: 3px; padding:2px; }
hr.hr1            { border: 1px solid #02243C; border-top:0px none #02243C;
                    color: #fff; background-color: #fff; height: 2px; padding:2px; }
hr.hrgaeste       { background-image: url(/pic/hr-moto1.gif); height: 40px;
                    border:0px none #02243C; width:600px;}
    
li.hauptmototypen { margin-bottom:20px;}
   
.breadcrumb       { padding:10px 0px 20px 0px;color:#666666; text-align:right;} 
     
/*
 * eigene CSS-Klassen                                         
 * Boxen
 */
div.allgemein  { }
/* alte Page*/
/*div.page          { display:block; margin:auto; width:923px; border:1px solid #666666; border:1px solid #FFCC00; 
                      border-top:1px solid #666666; background-color:#9C9C9C;z-index:1; } 
div.pagebottom_old  { clear: both; width:900px; padding:10px 10px 5px 10px; text-align:center; }
*/

/* neue Page */
div.page                    { display:block; min-width:920px; border:0px solid #FFCC00; background-color:#666666;z-index:1; 
                              background-image: url(/pic/background-head.jpg); background-repeat:repeat-x; background-position:top;}
/* eigentliche Seite */
div.page_seite              { display:block;background-color:#9C9C9C; margin:auto; width:920px; background-image: url(/pic/verlauf.jpg);}

div.pagetop                 { display:block; margin:auto; background-color:#9C9C9C; background-image: url(/pic/header.jpg); 
                              background-position:top left; background-repeat:no-repeat; color:#FFCC00; width:910px; 
                              height:130px; padding:10px 0px 10px 10px; /*border-bottom:1px solid #FFCC00*/ }
div.pagetop-right           { display:inline; position:relative; top:-10px; z-index:10; text-align:right; float:right;width:400px; min-height:150px; }
div.pagetop-left            { display:inline; float:left;width:420px;}

div.pagecontent             { display:block; min-width:width:910px; padding: 10px 0px 10px 5px; }
div.pagecontenttext         { display: inline; position: relative; float: left;/* min-height:555px; */ 
                              min-height:415px; background-color:#F9F9F9; width:637px; padding: 30px; margin:10px 10px 5px 5px; 
                              -moz-border-radius: 5px; -khtml-border: 5px; background-image: url(/pic/main-biker-hg1.gif); 
                              -webkit-border-radius: 5px; border-radius: 5px;
                              background-position:50% 50px; background-repeat:no-repeat; }
div.pagecontenttext1        { display: inline; position: relative; float: left;/* min-height:555px; */ 
                              min-height:415px; background-color:#F9F9F9; width:822px; padding: 0px 35px 35px 35px; margin:8px 10px 5px 15px; 
                              -moz-border-radius: 5px; -khtml-border: 5px; background-image: url(/pic/main-biker-hg1.gif); 
                              -webkit-border-radius: 5px; border-radius: 5px;
                              background-position:50% 50px; background-repeat:no-repeat; }
div.pagecontenttext_nobg    { display: inline; position: relative; float: left;/* min-height:555px; */ 
                              min-height:415px; background-color:#F9F9F9; width:637px; padding: 30px; margin:10px 10px 5px 5px; 
                              -moz-border-radius: 5px; -khtml-border: 5px; }
div.pagecontenttext_left    { display: block; float: left; width:410px; padding: 5px 5px 5px 0px; margin:5px 15px 5px 0px; }
div.pagecontenttext_right   { display: block; float: left; width:372px; padding: 5px 5px 5px 5px; margin:5px 5px 5px 0px; }
div.pagecontenttext_nocurve { display: inline; position: relative; float: right;/* min-height:555px; */ 
                              min-height:460px; background-color:#9C9C9C; width:703px; padding: 0px; margin:10px 10px 5px 5px; }
 
div.pagebottom              { clear: both; width:898px;margin:0px 2px; padding:4px 10px 9px 10px; text-align:center; 
                              background-image: url(/pic/verlauf-unten.jpg); background-repeat:repeat-x; background-position:bottom; }
                              
.nosee                      {display:none;}
 
 
/**
 *  Menü
 */
div.menu                       { display: inline; float:left; width:208px; height:100%; color:#FFCC00; text-align:left; font-size:14px; margin:14px 0px 5px 0px; }
div.menu ul                    { list-style: none; color:#FFCC00; font-size:14px; text-align:left; margin:0; padding:0; }
div.menu ul li                 { list-style: none; color:#FFCC00; font-size:14px; margin:0px 0px 10px 10px; width:180px;}
div.menu ul li a               { color:#FFCC00; font-size:14px; text-decoration:none; }
div.menu ul li a:hover         { color:#F9F9F9; font-size:14px; text-decoration:none; background-color:#666666;}
div.menu ul li a.aktiv         { color:#F9F9F9; font-size:14px; text-decoration:none; } 
div.menu ul li a.aktiv:hover   { color:#F9F9F9; font-size:14px; text-decoration:none; }

div.menu ul li ul              { margin-bottom:30px; text-align:left; margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; }
div.menu ul li ul li           { list-style: none; color:#FFCC00; font-size:13px; margin:0px 0px 0px 5px; padding:0px 0px 0px 0px; text-align:left; }

div.menu ul li a.hauptmenu     { display:block; color:#FFCC00; font-size:14px; text-decoration:none; font-weight:bold; border:1px solid #666666; padding:2px; margin-bottom:2px; width:170px; }
div.menu ul li ul li a.submenu { display:block; color:#FFCC00; font-size:13px; text-decoration:none; padding:2px 2px 2px 4px;  }
div.menu ul li ul li a.submenu menupassiv:hover { display:block; color:#FFCC00; background-color:#666666; font-size:13px; text-decoration:underline; padding:2px 2px 2px 4px; font-weight:normal;}
div.menu ul li span.hauptmenu  { display:block; color:#FFCC00; font-size:14px; text-decoration:none; font-weight:bold; border:1px solid #666666; padding:2px; width:170px; }

.menuaktiv                     {background-color:#666666; color:#F9F9F9;}
a.submenu menuaktiv:hover      {background-color:#666666; color:#F9F9F9;}
 
 
/** 
 *  Termin
 */
div.termindate{
  float:left;
  font-weight:bold;
  width: 120px;
}
div.terminevent{
  width:650px;
  float:right;
}


.forumlogin{
  display:block;
  margin:0px 0px 0px 5px; 
  padding-top:10px; 
  width:150px; 
  color:#666666;"
}

fieldset{
  margin:0px 0px 0px 5px; 
  padding:0px 0px 0px 5px;  
}


/** 
 *  Title-Box
 */
#box         { /*position:absolute; top:50px; left:50px; */ z-index:3;}
#box a       { color:#ffffff; text-decoration:none; display:block; padding:5px; }
#box a:hover { width:400px; }
#box a span  { display:none; }
#box a:hover span { color:black; background:#ffffff; font:normal 16px courier, sans-serif; display:block; padding:10px; }


/** 
 * Formular
 */
.formdiv           { display:block; float:left; width:400px; }
.formlabel         { float:left; width:90px; } 
.formtrenner       { display:block; clear:left; width:400px; height:1px; margin-bottom:1px; padding-bottom:1px; }
.formfeld          { float:left; width:300px; } 
.formdiv-breit     { display:block; float:left; width:810px; }
.formlabel-breit   { float:left; width:100px; }
.formtrenner-breit { display:block; clear:left; width:650px; height:1px; margin-bottom:1px; padding-bottom:1px; }
.formfeld-breit    { float:left; width:650px; }
.formlabel-nletter { float:left; width:80px; }
.formfeld-nletter  { float:left; width:550px; }  
.formtrenner-nletter{ display:block; clear:left; width:650px; height:3px; margin-bottom:1px; padding-bottom:1px; }
.formlabel-tour     { float:left; width:150px; }
.formfeld-tour      { float:left; width:620px; } 
.formfeld-gaeste    { float:left; width:229px; margin-right:15px; } 
 
 /* Alle Labels UND Formularelemente auswählen */
 label, input, select { display: block; float: left; width: 250px; /* Breite.*/ background-color: #E6E6E6; border:1px none #666666; border-bottom:2px solid #666666; font-size: 12px; padding:2px; }
 TEXTAREA { background-color: #E6E6E6; color: #02243C; font-family: Arial; font-size: 12px; border:1px solid #666666; padding:2px; width: 250px; /* Breite.*/ }
 .hide { display:none; }
 input[type=submit] { width: 100px; border:1px solid #02243C; }

label.nletter, input.nletter, select.nletter { display: block; float: left; width: 550px; /* Breite.*/ background-color: #E6E6E6; border:1px none #666666; border-bottom:2px solid #666666; font-size: 12px; padding:2px; }

label.tour, input.tour, select.tour { display: block; float: left; width: 650px; /* Breite.*/ background-color: #E6E6E6; border:1px solid #666666; font-size: 12px; padding:2px; }
TEXTAREA.tour { background-color: #E6E6E6; color: #02243C; width: 650px; /* Breite.*/ border:1px solid #666666; }

label.gaeste, input.gaeste, select.gaeste { display: block; float: left; width: 231px; /* Breite.*/ background-color: #E6E6E6; border:0px solid #666666; border-bottom:2px solid #666666; font-size: 12px; padding:3px; }
TEXTAREA.gaeste { background-color: #E6E6E6; color: #02243C; width: 726px; /* Breite.*/ border:1px solid #666666;}


/** 
 *  Links
 */
ul        { display:block; margin:2px; padding:5px;}
li.left   { display:block; float:left; width:160px; list-style-type:none; margin:0px; padding:0px; }
li.middle { display:block; float:left; width:160px; list-style-type:none; margin:0px; padding:0px; }
li.right  { display:block; float:left; width:160px; list-style-type:none; margin:0px; padding:0px; }			
li.left a,
li.middle a,
li.right a { text-decoration:underline; color:#666666; }		

li.left a:hover,
li.middle a:hover,
li.right a:hover{ text-decoration:none; color:#666666; }	

/**
 *  TagClouds
 */
.tagcloud       { display:inline; float:left; margin-top:10px; border:1px solid #666666; background-color:#9C9C9C; } 
.tagcloud ul    { margin:5px; padding-bottom:5px; }
.tagcloud ul li { float:left;list-style: none; padding:3px; }
span.ignore     { display:none; }


/**
 * Gästebuch
 */
.gbpager { height:25px; text-align:center; width:600px;}


/**
 * Allgemeines
 */
 p.einruecken_20               { font-size:12px; margin:3px 0px 2px 0px; padding-left:20px; }
.einruecken_20                 { padding-left:20px; }
 
.fraenkisch-deutsch-head       { display:block;float:left;width:350px;text-align:left;font-weight:bold;border-bottom:2px solid #000000;margin:0px 5px 2px 5px; }
.fraenkisch-deutsch-ungerade   { display:block;float:left;width:350px;text-align:left;padding:2px 5px 1px 5px; }
.fraenkisch-deutsch-gerade     { display:block;float:left;width:350px;text-align:left;padding:2px 5px 1px 5px;background-color: #dcdcdc; }

.redewendung-head              { display:block;float:left;width:305px;text-align:left;font-weight:bold;border-bottom:2px solid #000000;margin:0px 5px 2px 5px; }
.redewendung-ungerade          { display:block;float:left;width:305px;text-align:left;padding:2px 5px 1px 5px; }
.redewendung-gerade            { display:block;float:left;width:305px;text-align:left;padding:2px 5px 1px 5px;background-color: #dcdcdc; }

/* Shoutbox */
.shoutbox {display:block;font-size:9px;}
div.shoutbox_line_ungerade        { display:block;margin-top:2px;padding:1px;border:1px solid #FFCC00; border-top:1px solid transparent;font-size:9px; }
div.shoutbox_line_gerade          { display:block;margin-top:2px;padding:1px;border:1px solid #FFCC00; border-top:1px solid transparent; background-color:#dcdcdc;font-size:9px; }
a.box_shoutbox_extra           { position: absolute;display:block;top:13px;right:20px;padding:0;margin:0;text-decoration:none; }
a.box_shoutbox_extra div       { display:none;text-decoration:none;z-index:0;}
a.box_shoutbox_extra:hover div { display:block; color: #000000; position: absolute; top: 0px; right: 0px; width: 140px; height:190px; border:2px dashed #FFCC00;
                                 padding: 5px; z-index:10000; background-color:#dcdcdc; font-size:9px; text-decoration:none; }  
/* TOPMENU */        
/* ... Hier werden die Formate definiert ... */

div.topnav{ float:left;}
  
    ul.topnav {
	list-style: none;
	padding: 0px;
	padding-top:105px;
	padding-left:190px;
	margin: 0;
	float: right;
	vertical-align: bottom;
	width: 730px;
	background: #222;
	font-size: 1.0em;
	background: url(/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
  color:#FFCC00;
	/*background: #252525;*/
	/* background: url(images/topnav_hover.gif) ; */
}
/*--Drop down trigger styles--*/
ul.topnav li span { 
	width: 17px;
	height: 35px;
	float: left;
	background: url(/images/subnav_btn1.gif) no-repeat center top;
}
/*
ul.topnav li a.test { 
display:block;
float: left;
height: 35px;
padding-right:27px
border:1px solid yellow;
	background: url(images/subnav_btn1.gif) top right no-repeat;
	background-attachment:fixed;
}*/

ul.topnav li span.subhover {background-position: center bottom; cursor: pointer; z-index:20000;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 180px;
	border: 1px solid #111;
  z-index:20000;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 180px;
	z-index:20000;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(/images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
	z-index:20000;
}
ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
    color:#FFCC00;
}
/* html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
/*	background: #222 url(images/dropdown_linkbg.gif) no-repeat 10px center;
	
}*/