/* 
*  CSS http://www.bikeboard.ch
*
*  styled for TYPO3 4.0.2
*  http://www.web-kultur.ch
*/

/* ---------------------------------------------------- */
/* Generelle Formatierung */
/* ---------------------------------------------------- */

*.csc-caption
{
   font-family: Century Gothic, Arial;
   font-size: 11px;
   line-height: 11px;
   vertical-align: bottom;
}
table.imgtext-table td { font-size: 1px; }


html { height: 100%; }

body { 
 font-family: Century Gothic, Arial;
 font-size: 11px;
 line-height: 11px;
 font-weight: normal;
 color: #4f4f4f;
 height: 100%;
 padding: 0px;
 margin: 0px;
 text-align: center;
 background-color: #e2e4e4;
 background-image: url(images/bgfade.jpg);
 background-repeat: repeat-x;
}

table, td {
 font-family: Century Gothic, Arial;
 font-size: 11px;
 line-height: 18px;
 font-weight: normal;
 color: #4f4f4f;
 text-align: left;
 vertical-align: top;
 padding: 0px;
 margin: 0px;
}

h1 {
 font-family: Century Gothic, Arial;
 font-size: 11px;
 font-weight: bold;
 color: #ff0000;
 text-align: left;
 padding: 0px;
 margin: 0px; 
 margin-bottom:10px;
 margin-top:0px;
}

h2 {
 font-family: Century Gothic, Arial;
 font-size: 11px;
 font-weight: bold;
 color: #ff0000;
 text-align: left;
 padding: 0px;
 margin: 0px; 
}

h3 {
 font-family: Century Gothic, Arial;
 font-size: 11px;
 font-weight: normal;
 color: #ccc;
 text-align: left;
 padding:0px;
 margin:0px; 
}

h4 {
 font-family: Century Gothic, Arial;
 font-size: 24px;
 font-weight: normal;
 color: #797979;
 text-align: left;
 padding: 3px 0px 16px 0px;
 margin:0px; 
}

aaa {
 font-family: Century Gothic, Arial;
 font-size: 11px;
 line-height: 11px;
 font-weight: normal;
 text-decoration: underline;
 color: #ff0000;
 background-color: transparent; 
}
a {
 color: #ff0000;
}
a:link, a:visited { color: #ff0000; }
a:hover, a:active {  color: #ff0000; }

p a {
 color: #ff0000;
}
p a:link, a:visited { color: #ff0000; }
p a:hover, a:active {  color: #ff0000; }


ul, li { list-style-type: square; }
form { padding: 0px; margin: 0px; border: 0px; }

/* ---------------------------------------------------- */
/* Layout */
/* ---------------------------------------------------- */
#website { width: 708px; height: 100%; margin-left: auto; margin-right: auto; text-align: left; padding: 0px; margin-top: 10px; }

/* oberer Bereich */
#head { width: 708px; height: 82px; background-image: url(images/head.jpg); background-repeat: no-repeat; }

#headleft { float: left;  width: 250px; height: 82px; }
#headleftinner { padding: 8px 0px 0px 15px; }

#headright { float: left; width: 458px; height: 82px; text-align: right; }
#headrightinner { padding: 9px 0px 0px 0px; margin-left: auto; width: 449px; }

#service { padding-right: 8px; margin-right: 8px; color: #fff; height: 23px; background-color: #7f7f7f;
           background-image: url(images/edge_service.jpg); background-repeat: no-repeat; }

/* Sprachenwechsler */
#lang { color: #888; font-size: 9px; height: 21px; text-align: right; padding-right: 12px; }
#lang a, #lang a:link, #lang a:visited { color: #888; font-size: 9px; text-decoration: none; }
#lang a:hover, #lang a:active { color: #333; }
#lang .lang-act, #lang .lang-act a, #lang .lang-act a:link, #lang .lang-act a:visited { font-size: 9px; color: #666; }
#lang .lang-act a:hover, #lang .lang-act a:active { color: #333; }

/* ---------------------------------------------------- */
/* Main */
/* ---------------------------------------------------- */
#main {  margin-top: 5px; width: 708px;  min-height:559px; background-color: #fff; }
* html #main { height: 559px; }

/* Quicknavi background-image: url(images/quicknavi.jpg); background-repeat: no-repeat; */
#quicknavi { width: 708px; height: 27px; }
#quickopen { float: left; width: 71px; height: 27px; }
#quickopeninner { padding: 0px 0px 0px 0px; height: 27px; }
#quickselect { float: left; width: 600px; }
#quickselectinner { padding: 1px 0px 0px 0px; height: 27px; }
#demoselect { font-family: Verdana, Arial; font-size: 9px; padding: 0px; margin: 4px 0px 0px 0px; width: 190px;  height: 17px; }

/* Banner */
#bannerpart { width: 708px; height: 200px; }
#banner {
	float: left;
	width: 449px;
	height: 200px;
}
#bannerinner { padding-left: 5px; width: 444px; height: 200px; }

/* bikenavi */
#bikenavi { float: left; width: 259px; height: 200px; }
#bikenaviinner { padding: 20px; width: 219px; height: 160px; }
.navispacer { height: 8px; width: 254px; }

/* Klickpfad */
#klickpfad { width: 708px;  height: 31px; background-image: url(images/klickpfad.jpg); background-repeat: no-repeat; }
#klickpfadinnerleft { float: left; width: 500px; height: 31px; font-size: 11px; line-height: 12px; padding: 9px 0px 0px 16px; }
#klickpfadinnerleft a, #klickpfadinnerleft a:link, #klickpfadinner a:visited { line-height: 12px; font-size: 11px; color: #fff; text-decoration: none; }
#klickpfadinnerleft a:hover, #klickpfadinner a:active { color: #e2e2e2; }
#klickpfadinnerright { float: right; width: 150px; height: 31px; font-size: 10px; line-height: 10px; padding: 4px 0px 0px 16px; }
#klickpfadinnerright a, #klickpfadinnerleft a:link, #klickpfadinner a:visited { line-height: 10px; font-size: 10px; color: #fff; text-decoration: none; }
#klickpfadinnerright a:hover, #klickpfadinner a:active { color: #e2e2e2; }
.clickcolor { line-height: 12px; color: #ff0000;}

/* ---------------------------------------------------- */
/* Content */
/* ---------------------------------------------------- */

#content {
 width: 708px;
 min-height: 285px;
 line-height: 18px;
 padding-bottom: 18px;
 background-image: url(images/contentbg.jpg);
 background-repeat: no-repeat;
}

* html #content {
 height: 285px;
}

#content a, #content a:link, #content a:visited {
 line-height: 18px;
 font-size: 11px;
 color: #ff0000;
 text-decoration: none;
}

#content a:hover, #content a:active {
 color: #ff0000;
}

/* linke Spalte */
#cleft { float: left; width: 478px; }
#cleftinner {  padding: 14px 33px 0px 17px; }

/* rechte Spalte */
#cright { float: left; width: 215px; }
#crightinner { padding: 14px 17px 0px 0px; }

/* Subnavi */
.subnavi-no { text-align: right; display: block; }
.subnavi-no a, .subnavi-no a:link, .subnavi-no a:visited {}
.subnavi-no a:hover, .subnavi-no a:active {}
.subnavi-act { text-align: right; display: block; }
.subnavi-act a, .subnavi-act a:link, .subnavi-act a:visited { font-weight: bold; }
.subnavi-act a:hover, .subnavi-act a:active {}

/* ---------------------------------------------------- */
/* 1-spaltig */
/* ---------------------------------------------------- */
#c-1spaltig { width: 708px; }
#c-1spaltiginner { padding: 14px 17px 0px 17px; }

/* ---------------------------------------------------- */
/* Divers */
/* ---------------------------------------------------- */

/* Footer */
#footer { width: 708px; height: 27px; }
#footerleft { float: left; width: 354px; }
#footerleftinner { padding: 4px 0px 2px 18px; }
#footerright { float: left; width: 354px; text-align: right; }
#footerrightinner { padding: 4px 18px 2px 0px; }

/* Startseite ----------- */
#homebg { width: 410px; min-height: 310px; }
* html #homebg { height: 310px; }
#homebg2 { width: 410px; min-height: 241px; }
* html #homebg2 { height: 241px; }
.homeinner { padding: 16px 12px 0px 12px; }

/* FLV Movies ----------- */ 
#flvbg { width: 410px; height: 310px;  text-align: center;  }
#flvbg330 { width: 410px; height: 330px; text-align: center; }
#flvbg334 { width: 410px; height: 334px;  text-align: center; }
.flvinner { padding: 16px 0px 0px 0px; }

/* Map ------------------ */
#naviCat { margin-bottom: 10px;} 
#naviNest { min-height: 200px; }
* html #naviNest { height: 200px; }

/* Offroad-Farbe */
#tx-rggooglemap-poi-4 a, #tx-rggooglemap-poi-4 a:link, #tx-rggooglemap-poi-4 a:visited { color: #666600;}
#tx-rggooglemap-poi-4 a:hover, #tx-rggooglemap-poi-4 a:active { color: #bdbd5e; }
#tx-rggooglemap-poi-4 ul { padding: 10px 0px 0px 7px; margin: 0px; }

/* Snow-Farbe */
#tx-rggooglemap-poi-5 a, #tx-rggooglemap-poi-5 a:link, #tx-rggooglemap-poi-5 a:visited { color: #0099cc; }
#tx-rggooglemap-poi-5 a:hover, #tx-rggooglemap-poi-5 a:active { color: #4cc8f1; }
#tx-rggooglemap-poi-5 ul { padding: 10px 0px 0px 7px; margin: 0px; }

/* Street-Farbe */
#tx-rggooglemap-poi-3 a, #tx-rggooglemap-poi-3 a:link, #tx-rggooglemap-poi-3 a:visited { color: #838383; }
#tx-rggooglemap-poi-3 a:hover, #tx-rggooglemap-poi-3 a:active { color: #c5c5c5; }
#tx-rggooglemap-poi-3 ul { padding: 10px 0px 0px 7px; margin: 0px; }

/* Water-Farbe */
#tx-rggooglemap-poi-2 a, #tx-rggooglemap-poi-2 a:link, #tx-rggooglemap-poi-2 a:visited { color: #1a45f4; }
#tx-rggooglemap-poi-2 a:hover, #tx-rggooglemap-poi-2 a:active { color: #708af4; }
#tx-rggooglemap-poi-2 ul { padding: 10px 0px 0px 7px; margin: 0px; }

/* all-Farbe */
#tx-rggooglemap-poi-1 a, #tx-rggooglemap-poi-1 a:link, #tx-rggooglemap-poi-1 a:visited { color: #202020; }
#tx-rggooglemap-poi-1 a:hover, #tx-rggooglemap-poi-1 a:active { color: #797979; }
#tx-rggooglemap-poi-1 ul { padding: 10px 0px 0px 7px; margin: 0px; }
#tx-rggooglemap-poi-1 h1 { padding-top: 6px; }

.tx-rggooglemap-pi1, .tx-rggooglemap-pi1 p, .tx-rggooglemap-pi1 ul, .tx-rggooglemap-pi1 li { line-height: 10px; }
.tx-rggooglemap-pi1 a, tx-rggooglemap-pi1 a:link, .tx-rggooglemap-pi1 a:visited, .tx-rggooglemap-pi1 a:hover, .tx-rggooglemap-pi1 a:active { line-height: 10px; }
.tx-rggooglemap-pi1 li a, .tx-rggooglemap-pi1 li a:link, .tx-rggooglemap-pi1 li a:visited, .tx-rggooglemap-pi1 li a:hover, .tx-rggooglemap-pi1 li a:active { line-height: 10px; }

/* News */
/* aktive Seite der BrowseBox */
.tx-ttnews-browsebox-SCell, .tx-ttnews-browsebox-SCell a { font-weight: bold; }
.tx-ttnews-browsebox td { border: 1px #fff solid; padding: 0px 2px 0px 2px; margin: 0px 2px 0px 2px; }
.tx-ttnews-browsebox-SCell { border: 1px #ff0000 solid; padding: 0px 2px 0px 2px; margin: 0px 2px 0px 2px; }


/* Calendar */
div#month-header { width: 672px }
div#month-footer { width: 672px }


/* mod ringerge.org */
#bikenaviinner 	a { text-decoration:none; }
#bikenaviinner .news-latest-morelink {display: none; }