Offizielle Webseite des Bund Deutscher Radfahrer e.V.
/** CSS Stada **/
* {
margin: 0px;
padding: 0px;
}
body {
background-color: #E6E6E6;
font-family: Helvetica,Verdana,"Trebuchet MS", Arial;
font-size: 12px;
color: #111;
line-height: 1.5em;
}
a {
color: #ed6000;
}
p {
font-size: 12px;
margin-top: 7px;
}
.clear {
clear: both;
}
#fullpage {
width: 1100px;
z-index: 1;
}
#wrapper {
float: left;
}
#inner-wrap {
position: absolute;
left: 0px;
top: 90px;
width: 920px;
background: #fff;
border: 4px solid #ed6000;
}
#top {
width: 920px;
}
#metamenu {
position: relative;
top: 0px;
width: 917px;
height: 21px;
text-align: right;
padding-right: 3px;
background-color: #ed6000;
}
#metamenu a {
display: block;
float: right;
margin: 0px 5px;
height: 19px;
color: #fff;
text-decoration: none;
font-size: 11px;
font-weight: bold;
background: none;
}
#metamenu a:hover {
text-decoration: underline;
}
/* #metamenu .radnet {
display: block;
float: right;
background: url(images/upper_menu_bg_rad_net.png) top left no-repeat;
width: 95px;
height: 19px;
color: #0C3183;
text-decoration: none;
font-size: 13px;
text-align: left;
padding-left: 5px;
font-weight: bold;
} */
#metamenu .radnet:hover {
background: url(images/upper_menu_bg_rad_net.png) top left no-repeat;
}
#topimage {
margin-top: 0px;
width: 920px;
}
#menu {
height: 34px;
width: 920px;
background: #ed6000;
}
#menu ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}
#menu a {
float: left;
display: block;
margin-top: 0px;
height: 27px;
color: #fff;
font-weight: bold;
text-align:center;
padding: 7px 15px 0 15px;
text-decoration: none;
font-size: 14px;
}
#menu .active a {
background: url(images/pfeil_weiss.png) bottom center no-repeat;
}
#menu a:hover {
display: block;
color: #ed6000;
background: #fff;
}
#menu .last a {
border: none;
}
#menu li { /* all list items */
float: left;
display: block;
height: 34px;
border-right: none;
}
#menu li ul { /* second-level lists */
position: absolute;
z-index: 100;
visibility: hidden;
/*left: -999em; using left instead of display to hide menus because display: none isn't read by screen readers */
}
#menu li ul li { /* second-level lists */
width: 190px;
}
#menu li ul a, #menu ul .active ul li a
{
display: block;
width: 170px;
height: 20px;
border-bottom: 1px dotted #cc0000;
text-align: left;
padding: 8px 0 2px 3px;
background: url(images/menu_roll_bg.png) top left repeat-y;
font-size: 13px;
color: #770909;
}
#menu li ul a:hover, #menu ul .active ul li a:hover
{
color: #fff;
background: #770909;
}
#menu li ul ul { /* third-and-above-level lists */
margin: -32px 0 0 173px;
}
#menu li:hover ul ul, #menu li.sfhover ul ul {
visibility: hidden;
/*left: -999em;*/
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { /* lists nested under hovered list items */
/* left: auto; */
visibility: visible;
}
/* CONTENT */
#inhaltlinks {
float: left;
width: 590px;
margin-left: 10px;
padding-bottom: 30px;
}
#inhaltlinks.fullwidth {
float: none;
width: auto;
margin-right: 10px;
}
#inhaltlinks h1 {
text-transform:uppercase;
width: 582px;
/*height: 15px; */
color: #ed6000;
font-weight: bold;
font-size: 19px;
border-bottom: 3px solid #ed6000;
padding-left: 8px;
margin-top: 15px;
margin-bottom: 15px;
}
#inhaltlinks h2, .rnbsk-erw-infos h2 {
color: #ed6000;
font-size: 15px;
margin:5px 0;
}
#inhaltlinks h3,#inhaltlinks h4 {
color: #ed6000;
font-size: 14px;
margin: 10px 0;
}
#inhaltlinks ul { /*image für aufzaehlungspunkt */
list-style-image: url(images/aufzaehlung7.jpg);
margin-left: 20px;
}
#inhaltlinks ul li {
margin-bottom: 3px;
}
#inhaltlinks ol li {
margin-bottom: 3px;
}
#inhaltlinks .breitensportarten img {
padding: 5px;
}
#inhaltlinks .breitensportarten h2 {
color: #ed6000;
font-size: 18px;
}
#inhaltlinks .breitensportarten table {
font-size: 12px;
margin: 0px;
}
#inhaltlinks .breitensportarten table h3 {
font-size: 12px;
font-weight: bold;
color: #fff;
}
#inhaltlinks .breitensportarten td {
padding: 4px;
margin: 0px;
border-right: 1px dashed #D3D3D3;
border-bottom: 1px dashed #D3D3D3;
}
#inhaltlinks .breitensportarten li {
margin-left: 50px;
}
#inhaltlinks .tbl_artenuebersicht table tr:hover {
background: none;
background-color: none;
}
#inhaltlinks .tbl_artenuebersicht td {
width: 250px;
height: 50px;
text-align: center;
border: none;
border-bottom: none;
border-right: none;
}
#inhaltlinks .tbl_artenuebersicht p {
text-align: left;
margin-left: 5px;
}
#inhaltlinks .tbl_artenuebersicht img {
border: 1px solid #D3D3D3;
}
#inhaltrechts {
float: left;
width: 290px;
margin-left: 10px; /* Muss beim IE6 wegfallen */
}
#newsblock {
margin-top: 10px;
width: 100%;
}
.newsheader {
width: 582px;
height: 15px;
color: #ed6000;
font-weight: bold;
font-size: 17px;
border-bottom: 3px solid #ed6000;
padding-left: 8px;
}
#content {
margin-top: 20px;
}
#content #meta {
font-style: italic;
margin-top: -10px;
}
#content p {
margin-top: 10px;
}
#content h1 {
font-size: 18px;
color: #ed6000;
border-bottom: 3px solid #ed6000;
margin-bottom: 20px;
height: auto;
margin-left: 0;
padding: 0;
}
#content img {
float: left;
padding: 4px;
border: 1px solid #ccc;
margin: 0 8px 8px 0;
}
#content .leaflet-container img {
float: unset;
padding: unset;
margin: unset;
border: unset;
}
#hinweis {
clear: both;
width: 500px;
margin: 0 auto;
padding: 10px;
font-size: 10px;
font-style: italic;
text-align: center;
line-height: 1.1em;
border: 1px dashed #ed6000;
margin-top: 20px;
}
#amtliche {
margin-top: 10px;
padding-bottom: 15px;
border-bottom: 2px dashed #ccc;
}
#amtliche h2 {
border-top: 2px dashed #ccc;
margin-top: 2px;
padding-top: 8px;
margin-bottom: 10px;
}
#amtliche img {
border: none;
margin-left: 20px;
padding-right: 8px;
}
#inhaltlinks #tabellen_ul {
list-style: none;
list-style-image: none;
margin-left: 0px;
}
#inhaltlinks .tabheader {
margin-left: 10px;
height: 18px;
border-bottom: 2px solid #ed6000;
list-style: none;
list-style-image: none;
margin-bottom: 0px;
}
#inhaltlinks .tabheader h2 {
color: #ed6000;
font-size: 15px;
margin: 0px;
}
#inhaltlinks .tabheader .zelle
{
float: left; margin-right: 3px;
padding: 3px;
}
#inhaltlinks li.tabzeile {
margin-left: 10px;
list-style: none;
list-style-image: none;
}
#inhaltlinks .tabzeile .zelle
{
float: left; margin-right: 3px;
padding: 3px;
height: 40px;
}
.marathon {
float: left;
position: absolute;
left: 5px;
width: 4px;
height: 15px;
background-color: black;
}
.a-wertung {
float: left;
position:absolute;
left: 10px;
width: 4px;
height: 15px;
background-color: orange;
}
.ctf {
float: left;
position:absolute;
left: 15px;
width: 4px;
height: 15px;
background-color: green;
}
.supercup {
float: left;
position:absolute;
left: 20px;
width: 4px;
height: 15px;
background-color: red;
}
.permamente {
float: left;
position:absolute;
left: 25px;
width: 4px;
height: 15px;
background-color: blue;
}
.sonstige {
float: left;
position:absolute;
left: 30px;
width: 4px;
height: 15px;
background-color: grey;
}
a.terminlink {
position: relative;
display: block;
height: 45px;
background: url(images/tabelle_gross.jpg) bottom left repeat-x;
text-decoration: none;
padding: 0px 3px 0px 3px;
cursor: pointer;
}
a.terminlink:hover {
background: url(images/tabelle_gross_hover.jpg) bottom left repeat-x;
}
.tooltip, .terminbox .tooltip { display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.terminlink:hover{ z-index:99;}
a.terminlink:hover .zelle .tooltip {
display:block;
position:absolute;
top:-30px; left:0px;
overflow: hidden;
padding:4px;
color: #ed6000;
width: 100px;
background: #ccc;
border: 1px solid #ed6000;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
.cbmain .tooltip {
margin-left: 38px;
}
/* CONTENTBOX */
#contentbox {
margin-top: 10px;
background: url(images/box_bg_vert_09.png) top left repeat-y;
width: 298px;
}
#contentbox .cbtop {
width: 298px;
height: 31px;
background: #fff url(images/box_top_bg_07.png) bottom left no-repeat;
}
#contentbox .cbmain .content ul {
margin-bottom: 20px;
margin-left: 40px;
}
/* li/ul-images für Dokumentenanhang-Box rechts */
#contentbox .verwandte_dokumente_bg {
width: 280px;
min-height:180px;
height:auto !important; /* für moderne Browser */
height:180px; /*für den IE */
background: url(images/download_img.png) top center no-repeat;
}
#contentbox .pdf {
list-style-image: url(images/pdf_logo.png);
margin-bottom: 10px;
}
#contentbox .doc {
list-style-image: url(images/doc_logo.png);
margin-bottom: 10px;
}
.cbtop h2
{
text-transform:uppercase;
color: #093c98;
font-weight: bold;
font-size: 17px;
padding-left: 20px;
padding-top: 2px;
}
.cbtop .skoda {
position: relative;
float: right;
margin-top: -40px;
margin-right: 8px;
border: none;
z-index: 99;
}
#contentbox .small {
line-height: 1px;
height: 1px;
}
#contentbox .cbmain {
width: 281px;
min-height:180px;
height:auto !important; /* für moderne Browser */
height:180px; /*für den IE */
margin-left: 10px;
padding-right: 0px;
background: url(images/box_bg_hori_09.png) top left repeat-x;
}
#contentbox .cbmain .content {
float: left;
width: 276px;
}
.cbmain p
{ margin-left: 10px;
padding-right: 8px;
float:left;
}
.cbmain h3 {
font-size: 14px;
font-weight: bold;
margin-left: 10px;
border-bottom: 1px dashed #ccc;
padding-bottom: 5px;
margin-bottom: 8px;
}
.cbmain h3 a {
text-decoration: none;
}
.cbmain h3 a:hover {
text-decoration: underline;
}
.cbmain .more {
display: block;
width: 90%;
text-align: right;
}
#contentbox .cbbottom {
clear: both;
width: 298px;
height: 20px;
background: url(images/box_bg_bottom_11.png) bottom left no-repeat;
}
.terminbox {
margin-left: 5px;
padding-right: 8px;
padding-bottom: 5px;
border-bottom: 1px dashed #ccc;
}
.cbmain .terminbox h3 {
font-size: 14px;
font-weight: bold;
margin-left: 10px;
border-bottom: none;
padding-bottom: 3px;
margin-bottom: 0px;
color: #ed6000;
}
.terminbox a {
text-decoration: none;
color: #111;
}
.terminbox p {
clear: both;
}
.terminbox a:hover {
color: #ed6000;
}
/* NEWS */
.entry {
margin: 5px 10px;
}
.news {
width: 590px;
margin-top: 10px;
padding-bottom: 2px;
border-bottom: 2px dashed #ccc;
}
.news h2 {
font-size: 15px;
font-weight: bold;
}
.news a {
text-decoration: none;
color: #ed6000;
}
.news a:hover {
text-decoration: underline;
}
.news .meta {
font-size: 12px;
}
.news table
{
width: 570px;
}
.news img {
border: 1px solid #ccc;
padding: 6px;
margin: 0 5px 5px 0;
}
.news .more {
display: block;
width: 100%;
margin-top: 13px;
text-align: right;
}
/*logobox über footer: breitensportkalender... etc */
#logobox {
clear: both;
margin-top: 20px;
border-top: 3px solid #ed6000;
}
#logobox img {
float: left;
margin-top: 15px;
margin-left: 50px;
border-width: 2px;
border-color: #D3D3D3;
border-style: solid;
}
#logobox a {
display: block;
float: left;
width: 139px;
height: 50px;
margin-top: 15px;
margin-left: 42px;
border-width: 1px;
border-color: #D3D3D3;
border-style: solid;
}
#logobox .logo1 {
background: url(images/logo1_grau_v2.jpg) top left no-repeat;
}
#logobox .logo1:hover {
background: url(images/logo1_v2.jpg) top left no-repeat;
}
#logobox .logo2 {
background: url(images/logo2_grau.jpg) top left no-repeat;
}
#logobox .logo2:hover {
background: url(images/logo2.jpg) top left no-repeat;
}
#logobox .logo3 {
background: url(images/logo3_grau.jpg) top left no-repeat;
}
#logobox .logo3:hover {
background: url(images/logo3.jpg) top left no-repeat;
}
#logobox .logo4 {
background: url(images/logo4_grau.jpg) top left no-repeat;
}
#logobox .logo4:hover {
background: url(images/logo4.jpg) top left no-repeat;
}
#logobox .logo5 {
background: url(images/logortf_neu_small_grau.jpg) top left no-repeat;
}
#logobox .logo5:hover {
background: url(images/logortf_neu_small.jpg) top left no-repeat;
}
#logobox .logo6 {
background: url(images/logo6_grau.jpg) top left no-repeat;
}
#logobox .logo6:hover {
background: url(images/logo6.jpg) top left no-repeat;
}
#logobox .logo7 {
background: url(images/logo7_grau.jpg) top left no-repeat;
}
#logobox .logo7:hover {
background: url(images/logo7.jpg) top left no-repeat;
}
#logobox .logo8 {
background: url(images/logo8_grau.jpg) top left no-repeat;
}
#logobox .logo8:hover {
background: url(images/logo8.jpg) top left no-repeat;
}
#logobox .logo9 {
background: url(images/logo9_grau.jpg) top left no-repeat;
}
#logobox .logo9:hover {
background: url(images/logo9.jpg) top left no-repeat;
}
#logobox .logo10 {
background: url(images/logo10_grau.jpg) top left no-repeat;
}
#logobox .logo10:hover {
background: url(images/logo10.jpg) top left no-repeat;
}
#logobox .logo11 {
background: url(images/logo11_grau.jpg) top left no-repeat;
}
#logobox .logo11:hover {
background: url(images/logo11.jpg) top left no-repeat;
}
#logobox .logo12 {
background: url(images/logo12_grau.jpg) top left no-repeat;
}
#logobox .logo12:hover {
background: url(images/logo12.jpg) top left no-repeat;
}
#logobox .logo13 {
background: url(images/logo13_grau.temp.jpg) top left no-repeat;
}
#logobox .logo13:hover {
background: url(images/logo13.temp.jpg) top left no-repeat;
}
#logobox .logo16 {
background: url(images/logo16_grau.jpg) top left no-repeat;
}
#logobox .logo16:hover {
background: url(images/logo16.jpg) top left no-repeat;
}
#logobox .logo17 {
background: url(images/logo17_grau.jpg) top left no-repeat;
}
#logobox .logo17:hover {
background: url(images/logo17.jpg) top left no-repeat;
}
#footer {
width: 100%;
text-align: center;
margin-top: 30px;
padding: 15px 0;
background-color: #ccc;
}
/* PAGING */
.paging {
margin-top: 20px;
width: 520px;
text-align: center;
}
.pageList {
margin-top: 5px;
list-style: none;
padding: 0px;
}
.pageList li {
float: left;
display: inline;
text-align: center;
}
.paging a {
display: block;
border-right: 1px solid white;
height: 16px;
width: 25px;
text-align: center;
text-decoration: none;
font-size: 12px;
border-right: 1px solid #ddd;
}
.paging a:hover, .paging .active {
color: #fff;
background: #ed6000;
}
.paging .control a {
border: none;
}
/* Suchbox */
#suchbox {
text-align: center;
margin-top: 10px;
margin-left: 30px;
margin-bottom: 20px;
width: 200px;
}
#suchbox h2 {
margin: 5px 0;
color: #ccc;
font-size: 18px;
}
#smallsearch {
position: relative;
}
#smallsearch input {
padding: 4px;
}
#smallsearch .lupe {
position: absolute;
height: 30px;
width: 30px;
background: url(images/icon-search.png) top left no-repeat;
padding: 0px;
border: none;
top: -2px;
}
/* --- FORMULAR --- */
#form {
padding-top: 20px;
margin-left: 10px;
}
#form label, #quip-add-comment-qcom label {
display: block;
float: left;
width: 120px;
margin-top: 5px;
}
#form .formrow-zusatz label {
width: 172px;
}
#form .formrow, #form .quip-fld, #quip-add-comment-qcom .quip-fld {
clear: both;
margin-bottom: 5px;
}
#form input, #form fieldset, #form textarea, #form select, #quip-add-comment-qcom input, #quip-add-comment-qcom textarea {
border: 1px solid #ed6000;
padding: 3px;
width: 250px;
}
#quip-add-comment-qcom textarea {
width: 500px;
}
#form #quip-comment-notify-qcom {
width: 20px;
margin-top: 10px;
}
#form #quip-comment-box-qcom {
width: 500px;
}
#form .date-pick {
width: 90px;
}
#form .quip-comment button, #quip-add-comment-qcom button {
width: 100px;
padding: 5px;
cursor: pointer;
border: 1px solid #ccc;
color: #fff;
background-color: #ed6000;
margin-top: 5px;
}
#form .form-buttons
{
margin-left: 100px;
padding: 5px;
cursor: pointer;
border: 1px solid #ccc;
color: #fff;
background-color: #ed6000;
}
#form .error {
clear: both;
width: 550px;
font-style: italic;
font-size: 12px;
color: red;
}
#form .formok {
font-style: bold;
font-size: 16px;
color: green;
margin-bottom: 30px;
}
#form .skoda {
position: absolute; margin-left: 450px;
text-align: center;
}
#form .skoda img {
border: none;
}
/* Termindetails */
#datenlinks {
float: left;
}
#termindetails {
float: left;
margin-left: 15px;
width: 260px;
}
#termindetails table {
width: 100%;
}
#termindetails table th, #datenlinks table th {
width: 80px;
color: #ed6000;
font-weight: bold;
}
#termindetails td, #termindetails table th, #datenlinks table th, #datenlinks table td {
padding: 3px;
border-bottom: 1px dotted #ccc;
border-left: 1px dotted #ccc;
}
.back {
float: left;
margin: 5px 0 10px 10px;
width: 60px;
}
#adminicons {
float: right;
}
#adminicons img {
padding: 0;
border: none;
}
#bsktbl td, #bsktbl th {
padding: 3px;
}
#bsktbl th {
text-align: right;
}
#wetterbox {
width: 240px;
margin-left:15px;
margin-top: 10px;
}
#datenlinks #wetterbox table td {
border: none;
border-bottom: 1px solid #ed6000;
}
.mfc225 {width:928px;text-align: center;}
.mfc225 div, .mfc225 table, .mfc225 object { margin: 0 auto; }
.mfc154 {position: absolute; margin-left:928px; margin-top: 150px;}
body.mf_wallpaper .mfc225 {margin: 0px;}
#kattable td {
padding: 2px;
}
.rnbsk-erw-infos table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.rnbsk-erw-infos th, .rnbsk-erw-infos td {
text-align: left;
padding: 2px 5px;
border: 1px solid #dbdbdb;
border-width: 0 0 1px;
}
.tpl_verwaltung_generisch #inhaltlinks {
float: none;
width: auto;
margin-right: 10px;
}
