@charset "utf-8";
/*
 * ADAC Weser-Ems Fahrsicherheitstraining
 * @media		screen, projection, print
 * @author		vorderdeck. neue medien <http://www.vorderdeck.de>
 * @created		2008-03-13
 * @last_mod	2009-10-11
*/

/*
 * Colors
 * ======
 * Yellow:	#f3cf24
 * Green:	#cad23f
 * Red:		#a70022
 * Blue:	#313f83
*/
@media screen,projection {

html, body {
height: 100%;
}
body {
margin : 0;
padding : 0;
text-align : center;
font : 10px/20px 'Myriad Pro',Myriad,Helvetica,arial,sans-serif;
background: url(bg/body.gif) left 50% repeat-x #f3cf24;
}
h1, h2, h3, h4, h5, h6 {
margin : 0;
padding : 0;
color : #222;
font-size : 100%;
}
h2 {
margin : 0 0 19px;
font-size : 100%;
text-transform : uppercase;
border-bottom : 1px solid #ddd;
}
h2 span {
text-transform : none;
}
h3 span {
font-weight : normal;
}
a img {
border-color : #fff;
}
a:focus {
outline : none;
}
abbr {
border : none;
}

/* Container */

#top {
width : 100%;
height : 50%;
float : left;
margin : 0;
padding : 0;
visibility : hidden;
margin-top : -340px;
}
#top strong {
position : absolute;
top : -1000em;
left : -1000em;
}

#container {
position: static;
top : -340px;
width : 100%;
min-width : 980px;
clear : both;
text-align : center;
background: #fff;
}
.wrapper {
width : 980px;
margin : 0 auto;
text-align : left;
font-size : 130%;
}
#header {
background: #f3cf24;
}
#header .wrapper {
height : 126px;
background : url(/media/shared/ADAC-Logo.png) no-repeat 31px 41px #f3cf24;
}
#header > .wrapper {
height : auto;
min-height : 126px;
}
#home {
float : right;
top : 0;
right : 0;
height : 106px;
width : 198px;
}
#sub {
height : 24px;
background-color : #fef9ed;
}
div > #sub {
height : auto;
min-height : 24px;
}
#submenu {
clear : both;
line-height : 24px;
background-color : #fef9ed;
}

#main {
}
#content {
width : 725px;
margin-left: 196px;
padding: 24px 20px 0 20px;
}
.left {
position : relative;
float : left;
width : 300px;
margin-left : -1px;
padding : 0 20px 0 0;
border-right : 1px solid #bcbec0;
}
.right {
position : relative;
margin-left : 321px;
padding : 0 0 0 20px;
}
#separator {
margin : 0;
padding : 0;
overflow : hidden;
height : 0px;
color : #fff;
border : none;
clear : both;
}

#footer {
margin : 0 auto;
padding-bottom : 30px;
background : #cad23f;
}
#footer .wrapper {
height : 20px;
padding-top : 16px;
background : url(bg/camera.gif) no-repeat 140px 20px #cad23f;
}

.tooltip {
position : absolute;
font-size : 130%;
padding : 0 4px;
background : #fbf1bd;
border : 1px solid #333;
border-right-width : 2px;
border-bottom-width : 2px;
background : #f3cf24;
-webkit-box-shadow : 1px 2px 3px #333;
}

/* Content styles */

#content p, #content ul, #content ol {
margin : 0 0 20px 0;
padding : 0;
}
#content ul {
}
#content ul li {
position : relative;
left : -20px;
margin : 0;
padding : 0 0 0 20px;
list-style : none;
background : url(bg/li.gif) no-repeat 5px .5em transparent;
}
#content ol li {
margin : 0;
padding : 0;
list-style-position : inside;
}
#content ol ul {
margin : 0;
}
#content ol ul li {
left : 0px;
padding : 0 0 0 20px;
}
#content a, #popup a {
color : #313f83;
text-decoration : none;
border-bottom : 1px solid #313f83;
}
#content a:hover, #popup a:hover {
color : #000;
border-bottom : 1px solid #fff;
}
.attention {
color : #a70022;
}

/* Main Menu */

ul#menu {
float : left;
width : 175px;
overflow : hidden;
margin : 24px 0 0 0;
padding : 0 20px 40px 0;
list-style : none;
text-align : right;
border-right : 1px solid #bcbec0;
}
#menu li {
margin : 0;
padding : 0;
}
#menu li a {
display : block;
color : #000;
text-decoration : none;
}
#menu a:focus {
outline : none;
}
#menu li a:hover {
color : #a70022;
background-color : #f9f9f9;
}
#menu li.current a, #menu li.current em {
color: #a70022;
font-weight : bold;
font-style : normal;
}

/* Sub Menu */

ul#submenu {
padding: 0;
margin: 0 10px 0 215px;
position : relative;
list-style: none;
}
#submenu li {
display : inline;
}
#submenu li a, #submenu li em {
display : inline-block;
line-height : 24px;
padding : 0 12px 0 0;
color: #000;
text-decoration: none;
background : url(bg/li.gif) no-repeat 99% 50% transparent;
}
#submenu li.last *, #submenu li:last-child * {
background : none;
}
#submenu li.current a, #submenu li a:hover {
color: #a70022;
}
#submenu li.current em {
color: #a70022;
font-weight : bold;
font-style : normal;
}
/*
#submenu #wbl, #submenu #sud {
position : absolute;
top : -62px;
left : 0;
color : #f3cf24;
font-size : 0;
letter-spacing : -1000em;
width : 222px;
height : 52px;
}
#wbl {
background : url(/media/trainings/wbl.gif) no-repeat top left transparent;
}
#submenu #sud {
left : 276px;
background : url(/media/trainings/sud.gif) no-repeat top left transparent;
}
*/

/* Footer */

#footer ul {
list-style: none;
padding : 0 0 0 215px;
margin : 0;
display : inline;
}
#footer ul#gallery_bike {
padding-left : 60px;
}
#footer li {
display : inline;
margin : 0 20px 0 0;
}
#footer ul li, #footer ul li a {
color : #fff;
font-weight : bold;
text-decoration : none;
}
#footer ul li a:hover {
text-decoration : underline;
}

/* Table Trainings */

#trainings {
_width : 98%;
empty-cells: show;
line-height : 19px;
border-spacing : 0;
border-collapse : collapse;
}
#trainings caption {
text-align : left;
padding : 0 0 20px 0;
}
#trainings td, #trainings th {
margin : 0;
vertical-align : top;
}
#trainings  td.left_column {
width : 33%;
border-right : 1px solid #eee;
}
#trainings tr td, #trainings tr th {
border-bottom : 1px solid #eee;
}
#trainings tr.no-border th {
border-bottom : 1px solid #fff;
border-right : 1px solid #fff;
}
#trainings th {
padding : 0;
}
#trainings td {
padding : 0 20px;
}
#content #dateswitcher {
margin-top : 10px;
height : 1.8em;
border-bottom : 1px solid #000;
}
#content #dateswitcher li {
display : inline;
left : 0;
margin : 0;
padding : 0;
background : none;
}
#dateswitcher a {
float : left;
padding : 0px 20px;
font-weight : bold;
line-height : 1.7;
border : 1px solid #ccc;
border-bottom-color : #000;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-topleft : 4px;
-moz-border-radius-topright : 4px;
-webkit-border-top-left-radius : 4px;
-webkit-border-top-right-radius : 4px;
}
#dateswitcher a:hover {
border-bottom-color : #000;
text-decoration : underline;
}
#dateswitcher a.current {
color : #a70022;
cursor : default;
border : 1px solid #000;
border-bottom-color : #fff;
box-shadow : 2px -1px 2px rgba(0,0,0,.3);
-moz-box-shadow : 2px -1px 2px rgba(0,0,0,.3);
-webkit-box-shadow : 2px -1px 2px rgba(0,0,0,.3);
}
#dateswitcher a.current:hover {
text-decoration : none;
}

table.events {
width : 100%;
_width : 99%;
padding : 0;
margin : 0;
empty-cells: show;
border-spacing : 0;
border-collapse : collapse;
}
table.events caption {
text-align : left;
}
#trainings .events td {
border : none;
}
#trainings .events tr {
border : none;
}
#trainings .events td {
padding : 0;
vertical-align : top;
}
.events tr.odd td {
background : #eee;
}
#content table.events td a {
color : #a70022;
border-color : #a70022;
}
em.has_tooltip {
cursor : default;
font-style : normal;
}
#content table.events td a:hover, em.has_tooltip:hover {
position : relative;
left : -4px;
padding : 4px;
_padding : 2px 4px;
background : #ffe58f;
border : none;
}

/* Prices */

table#prices {
float : left;
empty-cells: show;
margin : 0 20px 20px -20px;
_margin-left : -10px; /* double float margin bug */
border-collapse : collapse;
}
#prices thead th {
text-align : center;
}
#prices tbody th, #prices tbody td {
padding : 0 20px;
border-right : 1px solid #bcbec0
}
#prices td.cell-price {
text-align : right;
width : 80px;
}

/* Team */

#content ul#team li {
float : left;
left : 0;
width : 180px;
height : 260px;
_height : 270px;
margin : 0;
padding : 0;
background : none;
}
#content ul#team li ul li {
float : none;
width : auto;
height : auto;
margin : 0;
padding : 0 0 0 10px;
list-style : none;
background : url(bg/li.gif) no-repeat 0 .5em transparent;
}

/**
 * end media screen, projection
 *
 */

}/**
 * @media print
 *
 */
 
@media print {

body {
font : 9pt/1.4 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
* {
font-size : 100%;
font-family : inherit;
color : #000;
background : #fff;
}
#top {
text-align : right;
}
#header, #submenu, #menu,#footer, .no-print, .hide_by_js, .star  {
display : none;
}
.left, .right {
min-height : 0 !important; /* overrideJS-Setting */
}
hr,table,th,td {
border : 1px solid #666;
border-collapse : collapse;
}
table.events, table.events td{
border : none;
}
hr {
border : none;
border-bottom : 1px solid #666;
}
form p {
margin : 0 0 .5em 0;
}
fieldset {
padding : 0;
border : none;
}
label {
}
input[type='text'] {
border : none;
border-bottom : 1px solid #666;
}

}
/**
 * end media print
 *
 */