/* CSS Document */

html {
min-height: 100%;
margin-bottom: 1px;
}

div {
padding: 1px 0;
}

body {
margin: 0;
padding: 0;
font-size: 100.01%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
background: #fff url(../imgs/backtop.jpg) repeat-x top left; /*c00*/
min-width: 960px;
max-width: 1440px;
}

img, img a {
border: 0;
}

#skipnav {
position: absolute; 
left: -9999px; 
font-size: small;
}

#skipnav a:hover {
color: #f00;
}

#skipnav a:focus {
display: block; 
position: absolute; 
top: -120px; 
left: 9990px;
font-size: large; 
background: #fff; 
border: solid 2px #1b6bd8; 
padding: 10px; 
width: 15em; 
z-index: 1;
}

.hide {
display: none;
}

p, ul, dl, ol, table {
margin: 0 0 1.5em;
}

acronym, abbr {
background: #fff url(../imgs/abbr1_pic.gif) repeat-x bottom left;
cursor: help;
padding-bottom: 1px;
border: none;
}

acronym {
speak: normal;
}

abbr {
speak: spell-out;
}

/*q:lang(de)
{
quotes: '' '' "" ""
}*/

q:lang(de)
{
quotes: '' '' "" ""
}

#wrapper {
background: #fff url(../imgs/wrap-bg1.gif) repeat-y 70% 0;
margin: 0;
padding: 0;
position: relative;
}

/*Header*/

#header {
background: #c00;
margin: 20px 0 0;
height: 90px;
position: relative;
}

#header h1 {
margin: 0;
}

#header h1 a {
text-decoration: none;
color: #000;
font-size: 80%;
}

/* Topnav*/

#topdroit {
position: absolute;
width: 449px;/*257*/
background: transparent;
top: -10px;
right: 0;
}

#topnav {
background: #9c1a1e;
border-top: 1px solid #003;
margin: 0;
padding: 0;
position: relative;
height: 70px;
}

#mainnav, #secondnav {
background: transparent;
margin: 5px 0 25px 25px;
padding: 2px;
list-style: none;
}

#secondnav {
border-top: none; 
margin: 30px 0 5px 80px;
}

#mainnav li, #secondnav li {
float: left;
padding: 0;
margin: 0 1px 0 0;
}

#mainnav a:link, #mainnav a:visited, #secondnav a:link, #secondnav a:visited {
color: #fff;
background: transparent;
margin: 0;
padding: 5px 10px 7px;
text-decoration: none;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 78%;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}

#mainnav a:hover, #mainnav a:focus, #mainnav a:active, #secondnav a:hover, #secondnav a:focus, #secondnav a:active {
color: #003;
background: #ddf;
border-top: 2px solid #88f;
}
/*
#topnav li:first-child a {
border-left:1px solid #42432d;
}*/

#curr {
font-weight: bold;
background: #ddf !important;
color: #003 !important;
border-top: 2px solid #88f !important;
}

/*Leftbar*/
#leftbar {
float: left;
width: 20%;
position: relative;
padding: 0;
margin: 0;
font-size: .75em;
}

#navleft, .leftbox {
padding: 0;
list-style: none;
background-color:#ddf;
border-color:#bbbdfa;
border-style:double;
border-width:3px 0;
margin: 10px 0 17px;
}

#navleft li {
border-bottom: 1px solid #bbd3fa;
margin: 0;
padding:8px 12px; 
}

#navleft li a {
color: #003;
display: block;
font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
font-weight: bold;
text-transform: none;
text-decoration: none;
}

#navleft li a:hover, #navleft li a:focus {
color:#c00;
}

.on {
color:#c00 !important;
}

#navleft ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}

#navleft li li {
background:transparent url(../imgs/leftbull.gif) no-repeat 0 0.7em;
border: medium none;
margin:0 0 0 1px;
padding: 1px 0 0 10px;
}

#navleft li li a {
color: #112;
display: inline;
font-weight: normal;
line-height: 20px;
padding: 0;
text-transform:none;
}

#navleft li li a.on {
color:#E12387;
font-weight:bold;
}

.leftbox {
width: 170px; /*160*/
}

.leftbox p {
padding: 0 6px;
margin: 0 0 0.5em;
line-height: 130%;
}

.leftbox h3 {
font-size: 130%;
font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
background: #ddf;
margin: 0 0 0.5em;
padding: 1px 5px;
color: #003;
font-weight: bold;
border-top: 3px double #bbbdfa;
border-bottom: 1px solid #bbbdfa;
}


/*Sidebar*/

#sidebar {
float: left;
width: 28%;
margin-top: 2em;
font-size: 0.74em;
}

.box {
margin: 0 0 2em;
background: #fff;
padding: 0 0 5px;
}

.box strong {
color: #c00;
}

.box ul {
margin: 0;
padding: 0;
list-style-type: none;
color: #003;
line-height: 1.3;
}

.box ul.link li {
background: #fff url(../imgs/linkicon.gif) no-repeat 0 0.9em;
padding: 0.5em 0.5em 5px 0.8em;
}

.box ul.link li a:link, .box ul.link li a:visited {
text-decoration: none;
color: #003;
}

.box ul.link li a:hover, .box ul.link li a:focus, .box ul.link li a:active {
text-decoration: underline;
color: #c00;
}

.box dl.link {
padding: 0;
margin: 0 0 1em 0.2em;
color: #003;
line-height: 1.3;
}

.box dl.link dt {
padding: 0.5em 0.5em 1.5em 0.2em;
margin: 0 0 1.5em;
font-weight: bold;
}

.box dl.link dd {
padding: 0 0.5em 0 0.8em;
margin: 0;
background: #fff url(../imgs/linkicon.gif) no-repeat 0.1em 0.3em;
}

.box dl.link dd a:link, .box dl.link dd a:visited {
text-decoration: none;
color: #003;
}

.box dl.link dd a:hover, .box dl.link dd a:focus, .box dl.link dd a:active {
text-decoration: underline;
color: #c00;
}

.box dl.link dd a#ok {
text-decoration: underline;
color: #c00;
}

.box h3 {
font-size: 130%;
font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
background: #ddf;
margin: 0;
padding: 1px 0 1px 5px;
color: #003;
font-weight: bold;
line-height: normal;
border-top: 3px double #bbbdfa;
letter-spacing: 1px;
}

.box h3 a:link, .box h3 a:visited {
text-decoration: none;
color: #003;
}

.box h3 a:hover, .box h3 a:focus, .box h3 a:active {
text-decoration: none;
color: #c00;
}

.box p {
margin: 0.5em;
padding: 0;
color: #003;
}

.box p a:link, .box p a:visited {
text-decoration: none;
color: #003;
}

.box p a:hover, .box p a:focus, .box p a:active {
text-decoration: underline;
color: #c00;
}

/*Hauptinhalt*/

#content {
float: left;
width: 50%;
margin-top: 1em;
color: #151618;
border-left: 1px solid #ddf;
line-height: 1.5;
font-size: 0.80em;
}

#content h2, #content h3 {
font-family: Arial, Helvetica, sans-serif;
color: #003;
font-weight: bold;
line-height: normal;
margin: 0 0 0.75em;
}

#content h2 {
font-size: 145%;
}

#content h3 {
font-size: 125%;
border-bottom: 1px dotted #003;
margin-top: 1.75em;
}

#content h3.download {
background: #fff url(../imgs/download.gif) no-repeat 0 0.2em;
padding-left: 1.5em;
}

#content h4 {
color: #444;
font-size: 1.1em;
margin: 2em 0 0.5em;
}

#content p {
margin-bottom: 1.5em;
}

#content p.linklist {
background: transparent url(../imgs/linklist.gif) no-repeat 0 0;
margin: 0;
padding: 0 0 5px 25px;
}

#content p.akzent {
color: #60c;
font-weight: bold;
margin-top: 1em;
}

#content p.akzentred {
color: #c00;
font-weight: bold;
margin-top: 1em;
}

#content p.teaser {
margin: 0;
padding: 0 0 0.2em;
color: #494980;
font-size: 0.85em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

#content a[href^="http://"], #content a[href^="https://"] {
background: transparent url(../imgs/outlink.gif) no-repeat scroll right center;
padding-right: 10px;
}

a[href^="http://floorball.ssf-bonn.de"],
a[href^="http://www.ssf-bonn.de/floorball"] {
background: transparent;
padding-right: 0px;
}

#content a:link, #content a:visited {
text-decoration: undeerline;
color: #1d377a;
}

#content a:hover, #content a:focus, #content a:active {
text-decoration: none;
color: #c00;
}

#content ul {
margin: 0;
padding: 0;
list-style: none;
}

#content ul li, #content ul.details li {
background: #fff url(../imgs/linorm.gif) no-repeat top left;
padding: 0 0 0 25px;
margin: 0 0 0.25em 1.25em;
}

#content ul.details li {
background: transparent url(../imgs/linklist.gif) no-repeat 0 0;
margin: -0.75em 0 0.5em;
}

#content p a.word:link, #content p a.word:visited {
background: #fff url(../imgs/downdoc.gif) no-repeat 0 0;
padding-left: 20px;
}

#content p a.word:hover, #content p a.word:focus, #content p a.word:active {
color: #c00;
background: #fff url(../imgs/downdoc.gif) no-repeat 0 0;
}

#content a.out:link, #content a.out:visited {
background: #fff url(../imgs/extern.gif) no-repeat 0 .5em;
padding-left: .9em;
}

#content a.out:hover, #content a.out:focus, #content a.out:active {
color: #c00;
background: #fff url(../imgs/extern.gif) no-repeat 0 .5em;
}

/*Hauptinhalt Bilder pur*/

.imgleft {
float: left;
border: 1px solid #c3c0f6;
padding: 2px;
margin: 0 1em 1em 0;
}

.imgright, .picportrait {
float: right;
border: 1px solid #c3c0f6;
padding: 2px;
margin: 0 0 1em 1em;
}

#content .picdivright {
float: right;
padding: 2px;
margin: 0 0 1em 15px;
width: 200px;
}

#content .picdivright p {
font-size: 0.85em;
margin: 0;
padding: 2px;
color: #333;
font-family: Tahoma, Verdana, Arial, sans-serif;
}

.picportrait {
margin: 0 0 3em 1.5em;
}

.imgmit, .imgmitnobord {
border: 1px solid #c3c0f6;
padding: 2px;
margin: 0 1em 1em 3em;
}

.imgmitnobord {
border: none;
padding: 0;
margin: 0 3em;
}

.imgonly {
border: 1px solid #c3c0f6;
padding: 2px;
margin: 5em 1em 1em 3em;
}

#content p.picsgrand {
margin-left: 3em;
font-size: 90%;
}

/* Hauptinhalt Listen */

#content dl, #content dl.port {
padding: 0;
margin: 1em 0 1em 3em;
}

#content dl dt {
padding: 0.5em 0 0 20px;
color: #003;
background: #fff url(../imgs/dt_li_pic.gif) no-repeat 0 0.8em;
}

#content dl.port dt {
padding: 0.5em 0 0 20px;
color: #669;
background: #fff url(../imgs/dt_li_pic.gif) no-repeat 0 0.8em;
font-weight: bold;
letter-spacing: .5px;
}

#content dl.port dd {
padding: 0 0 0 20px;
margin: 0;
line-height: 1.44em;
}

#content dl dt a:link, #content dl dt a:visited, #content dl dd a:link, #content dl dd a:visited {
text-decoration: underline;
color: #33f;
}

#content dl dt a:hover, #content dl dt a:focus, #content dl dt a:active, #content dl dd a:hover, #content dl dd a:focus, #content dl dd a:active {
text-decoration: underline;
color: #c00;
}

#content dl dd {
padding: 0 0 0.7em 20px;
margin: 0;
line-height: 1.44em;
}

#content ol, #content ol.order {
margin: 0 0 1.5em .75em;
padding: 0;
line-height: 1.4em;
list-style-type: decimal;
}

#content ol.order ol {
margin: 0 0 0 .75em;
padding: 0;
line-height: 1.4em;
list-style-type: decimal;
}

#content p.inorder {
margin-left: 1.75em;
}

#content ol li {
margin: 0.5em 1em 0;
padding-left: 25px;
}

#content ol.order li {
padding-left: 0;
}

#content ol.order ul {
margin: 0 0 0.5em 1em;
padding: 0;
}

#content ol.order ul li {
list-style-type: disc;
background: none;
}

/*Trennungsdiv*/

div.divider {
 height: 1px;
 margin: 1em 0 2em;
 background: #fff;
 border-bottom: 1px dotted #ccc;
 clear: both;
}

div.shortpage {
 height: 1px;
 margin: 2em 4em 16em 0;
 background-color: #fff;
}

div.dividerside {
 height: 1px;
 margin: 2em 4em 2em 0;
 background-color: #f3f6f9;
}

div.dividermainend {
 height: 1px;
 margin: 2em 4em 2em 0;
 background-color: #fff;
}

hr {
 display: none;
}

.clearboth { clear: both; }

/*Footer*/

#footer {
clear: both;
background: #f7f7ff;
border-top: 1px solid #003;
border-bottom: 1px solid #003;
padding-bottom: 15px;
position: relative;
}

#footer ul {
 list-style: none;
}

ul#botnav, ul#credits {
background: transparent url(../imgs/logosmall.gif) no-repeat 0 0;
height: 30px;
margin: 10px 0 10px 14px;
padding: 6px 0 0 25px;
font-size: 0.85em;
line-height: 1.4;
}

ul#credits {
background:transparent url(../imgs/drklogo.gif) no-repeat scroll 0 5px;
border-top: 1px solid #ddf;
width: 400px;
margin-left: 20px;
}

ul#botnav li, ul#credits li {
color: #666;
display: block;
float: left;
font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
margin:0;
padding: 0 5px 0 15px;
}

#footer a {
color: #003;
text-decoration: none;
}

#footer a:hover, #footer a:focus {
color: #9c1a1e;
text-decoration: underline;
}

#startseite {
padding-left: 20px; 
}

#copyright, ul#credits li {
font-family: "Andale Mono", "Courier New", Courier, mono;
}


/*Abstand*/	
#content .distance {
padding: 25px 3em 25px 25px;
}

#sidebar .distance {
padding: 15px 10px 15px 15px;
}

#leftbar .distance {
padding: 25px 15px 15px 15px;
}

/*Subnav*/
#subnav {
background: #f3f6f9 url(../imgs/subback1.gif) repeat-x 0 -1px;
width: 100%;
}

#subnav ul {
padding: 2px 0 1px;
margin: 0;
list-style-type: none;
}

#subnav ul li {
display: inline;
padding: 0 0 0 1em;
}

#subnav ul li a {
font-size: 0.71em;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5;
padding: 1px 2px 0px;
}

#subnav ul li a:link, #subnav ul li a:visited {
text-decoration: none;
color: #333;
background: #f3f6f9;
}

#subnav ul li a:hover, #subnav ul li a:focus, #subnav ul li a:active {
text-decoration: none;
color: #fff;
background: #003;
}

#hic {
text-decoration: none;
color: #fff !important;
background: #003 !important;
padding: 1px 2px 0 !important;
}

/*Featuredivs*/

.traininfo {
margin: 1.5em 0;
background: #ffdaca url(../imgs/info.gif) no-repeat 5px 5px;
padding: 0 0 0 55px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}

#content .traininfo h3 {
border-bottom: none;
margin: 0;
padding: 5px 0 0;
font-size: 110%;
}

#content .traininfo p {
font-weight: bold;
margin-bottom: 0;
padding-bottom: 8px;
}

/*Tabelle*/

table {
 width: 100%;
}

table,td,th {
border: 1px solid #ccc;
border-collapse: collapse;
font-size: 92%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

th {
font-size: 85%;
}

.umbruch {
 white-space: nowrap;
}

table {
border: none;
border: 1px solid #ccc;
margin-top: 1.5em;
}

thead th, tbody th {
background: #fff url(../imgs/th_bck.gif) repeat-x;
color: #003;
padding: 2px 4px;
border-left: 1px solid #ccc;
}

tbody th {
background: #e4ffdd;/*fafafb*/
border-top: 1px solid #ccc;
text-align: left;
font-weight: bold;
}

tbody tr td {
padding: 5px 10px;
color: #151618;
vertical-align: top;
}

tbody tr:hover td {
background: #efc;/*eee*/
/*cursor: pointer;*/
}

tbody tr:hover td {
color: #454545;
}

tfoot td, tfoot th {
border-left: none;
border-top: 1px solid #ccc;
padding: 4px;
background: #eee;
color: #666;
}
caption {
text-align: left;
font-size: 120%;
padding: 10px 0;
color: #666;
}
.alright {
text-align: right; 
}

.dot {
padding-top: 2em;
text-align: left;
font-size: 95%;
}