/* RESET */
body, div, dl, dt, dl, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockoute, th, td {margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 {font-size: 100%; }
ol, ul {list-style: none; }
adress, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal; }
table {border-collapse: collapse; border-spacing: 0; font-size: 100%; }
fieldset, img {border: none; }
caption, th {text-align: left; }
q:before, q:after {content:''; }

/* ALLGEMEIN */
body { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #c1d4d9; background-image: url(/media/media_css/bodyhg.gif); background-repeat: repeat-x; background-position: left top; text-align: center; padding-top: 20px; }
#complete { background-color: white; text-align: left; width: 950px; margin-right: auto; margin-left: auto; }

/* NAV */
#navi { color: #f5e695; font-size: 0.95em; font-family: "trebuchet ms"; background-color: #0a6cb5; text-align: center; letter-spacing: 3px; padding-top: 12px; padding-bottom: 12px; border-bottom: 10px solid #e7eef1; }
#navi a:link, #navi a:visited { color: white; font-weight: 700; text-decoration: none; padding-right: 10px; padding-left: 10px; }
#navi a:hover { color: #f5e695; }

/* LINKS */
#links { background-color: #5ab0d1; background-image: url(/media/media_css/linkshg.gif); background-repeat: no-repeat; background-position: left bottom; vertical-align: top; width: 200px; padding-bottom: 20px; }
#links h1 { color: #5bb1d1; font-size: 0.8em; background-color: white; margin-top: 20px; margin-bottom: 20px; padding: 5px 20px 5px 10px; border-left: 10px solid #5ab0d1; }
#links p { color: white; font-size: 0.7em; line-height: 1.2em; margin-bottom: 10px; padding-right: 20px; padding-left: 20px; }
#links p a:link, #links p a:visited { color: #f5e695; font-weight: 700; }
#links p a:hover { color: white; }

#navlist { padding-left: 0; margin-left: 0; border-bottom: 1px dotted #d9e0e8; width: 200px; }
#navlist li { color: white; font-size: 0.8em; list-style: none; margin: 0; padding-top: 7px; padding-bottom: 7px; padding-left: 20px; border-top: 1px dotted #d9e0e8; }
#navlist li a:link, #navlist li a:visited { color: white; font-weight: 700; text-decoration: none; }
#navlist li a:hover { color: #f5e695; }
#navlist li:hover { background-color: #116fad; }

/* CONTENT */
#content { background-image: url(/media/media_css/contenthg.gif); background-repeat: no-repeat; background-position: right top; vertical-align: top; width: 550px; padding-top: 20px; padding-bottom: 10px; }
#content h1 { color: #778386; font-size: 1.4em; font-weight: normal; text-transform: uppercase; padding-right: 20px; padding-left: 20px; }
#content h1 strong { color: #5ab0d1; }
#content h2 { color: #9cacb0; font-size: 0.75em; text-transform: uppercase; letter-spacing: 2px; padding-right: 20px; padding-bottom: 30px; padding-left: 50px; }
#content h3 { color: #9cacb0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px; padding-top: 20px; padding-right: 20px; padding-bottom: 5px; padding-left: 30px; clear: both; }
#content p { color: #778386; font-size: 0.8em; line-height: 1.2em; padding: 5px 50px 10px 30px; }
#content a { color: #5ab0d1; font-weight: 700; }
#content ul { color: #778386; font-size: 0.8em; line-height: 1.2em; padding: 0px 50px 0px 30px; }
#content li { list-style-type: square;  list-style-position: inside; }

/* RECHTS */
#rechts { background-color: #eef3f5; vertical-align: top; width: 200px; padding-bottom: 20px; border-left: 1px dotted #c1d4d9; }
#rechts h1 { color: #778386; font-size: 0.8em; clear: both; padding: 20px 20px 10px; }
#rechts p { color: #778386; font-size: 0.7em; line-height: 1.2em; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
#rechts a { color: #5ab0d1; font-weight: 700; }

/* FUSS */
#foot { color: #9ebfd5; background-color: #012a48; padding-top: 20px; padding-bottom: 20px; border-top: 10px solid #c1d4d9; }
#foot p { font-size: 0.7em; line-height: 1.2em; padding-right: 20px; padding-left: 20px; }
#foot a:link, #foot a:visited { color: #8bc8df; font-weight: 700; text-decoration: none; letter-spacing: 1px; padding-right: 5px; padding-left: 5px; }
#foot a:hover { color: #f5e695; }

/* TABLE */
#anfragetable { width: 500px; margin-left: 30px; }
#anfragetable td  { color: #778386; font-size: 0.75em; vertical-align: top; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; }

#skitable { width: 500px; margin-left: 30px; }
#skitable td  { color: #778386; font-size: 0.8em; line-height: 1.2em; vertical-align: top; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }

/* KLASSEN */
.bira { background-color: #eef3f5; padding: 6px; border: dashed 1px #c1d4d9; }
.birali   { background-color: white; margin-right: 15px; margin-bottom: 15px; padding: 6px; float: left; border: dashed 1px #c1d4d9; }
.birare { background-color: white; margin-left: 15px; margin-bottom: 15px; padding: 6px; float: right; border: dashed 1px #c1d4d9; }
.bili { margin-right: 10px; margin-bottom: 10px; float: left; }
.bire { margin-bottom: 10px; margin-left: 10px; float: right; }
.clearer { clear: both; }
.marker { background-color: #dce6eb; }

/* EASY SLIDER */
#slider ul, #slider li, #slider2 ul, #slider2 li { margin:0; padding:0; list-style:none; }
#slider2 {margin-top:1em;}
#slider li, #slider2 li { width:550px; height:300px; overflow:hidden; }	
#prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; }	
#nextBtn, #slider1next { left:696px; }														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { display:block; position:relative; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; }	
#nextBtn a, #slider1next a{ background:url (../images/btn_next.gif) no-repeat 0 0;	}	
ol#controls {margin: 10px 0 20px 30px; padding:0; height:28px; }
ol#controls li { margin:0 5px 5px 0; padding:0; float:left; list-style:none; height:10px; line-height:10px; font-size: 0.65em; }
ol#controls li a { float:left; height:10px; line-height:10px; background:#eef3f5; color:white; padding:5px; text-decoration:none; }
ol#controls li.current a{ background:#5ab0d1; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}