html, body {
    height: 100%;
}

body {
    background: #060707 url('images/bg_body.jpg') repeat-x top center;
    text-align: center;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    color: #a3a8a9;
    font: normal 12px Arial, Helvetica, sans-serif;
}

#all {
    background: url('images/bg_all.jpg') no-repeat top center;
}

#all-slideshow {
    background: url('images/bg_topmenu.png') repeat-x top center;
	position: relative;
}

#page {
    width: 1032px;
    height: auto !important;
    height: 500px;
    min-height: 500px;
    margin: 0 auto;
    text-align: left;
	position: relative;
}

#cockpit {
    /*
     position: absolute;
     bottom: 0;
     left: 50%;
     margin-left: -510px;
     width: 1020px;
     background-color: pink;
     */
}
#alpenblitz { 
	position: absolute;
	right: 30px; top: 30px;
	z-index: 99;
}
#branding {
    padding-left: 20px;
    float: left;
}
#nav #register-login {
    line-height: 44px;
    padding: 0 20px;
    color: #fff;
    text-decoration: none;
}

#nav #startseite, #nav #sportchannels, #nav #regionen, #nav #slideshow_buttons, #nav #slideshow_info {
    float: left;
    background: url('images/bg_nav.gif') no-repeat top right;
    position: relative;
	z-index: 100;
}

#nav #startseite a, #nav #sportchannels a, #nav #regionen a {
    line-height: 44px;
    padding: 0 20px;
    color: #fff;
    text-decoration: none;
    display: block;
}

#nav #sportchannels:hover, #nav #sportchannels a.active {
    background: url('images/bg_nav.gif') no-repeat bottom center;
}

#nav #regionen:hover, #nav #regionen a.active {
    background: url('images/bg_nav.gif') no-repeat center center;
}

#nav #regionen:hover .sub, #nav #sportchannels:hover .sub {
    display: block;
}

#nav .sub {
    position: absolute;
    display: none;
    left: -12px;
    top: 44px;
    background: url(images/bg_dropdown.png) no-repeat bottom left;
    width: 400px;
    padding: 0 35px 35px;
	z-index: 100;
}

#nav #regionen .sub {
    background-position: bottom right;
    width: 603px;
	padding-top: 30px;
	color: #000;
}
#nav #regionen .sub h1 {
}

div {
    font-size: 1em;
}

img, a img, a:link img, a:active img, a:visited img, a:hover img {
    border: none;
}

a, a:link, a:active, a:visited {
    text-decoration: none;
    color: #a6afb5;
}

a:hover {
    text-decoration: underline;
    color: #383838;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0 0 0.5em;
    margin: 0;
    font-weight: bold;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #fff;
}

h1 {
    font-size: 23px;
}

p {
    margin: 0;
    padding: 0 0 1em 0;
    font-size: 1em;
}

strong, b, .bold {
    font-weight: bold !important;
}

em, i, .italic {
    font-style: italic !important;
}

hr {
    display: none;
}

div.hr {
    height: 1px;
    margin: 1em 0;
    border-bottom: 1px solid #eaeaea;
}

#map_canvas {
    height: 100%;
}

.grey, a.grey, a.grey:hover, .grey a {
    color: #7b8891 !important;
}

.lightgrey, a.lightgrey, a.lightgrey:hover, .lightgrey a {
    color: #a3a8a9 !important;
}

.txtcenter {
    text-align: center !important;
}

.txtright {
    text-align: right !important;
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1px;
}

.menu_icon_left {
    float: left;
}

.menu_icon_right {
    float: right;
}

.normal {
    font-weight: normal;
}

.left {
    float: left;
}

.right {
    float: right;
}

/* starrating */
ul.unit-rating {
    padding: 0 !important;
}

.unit-rating {
    text-align: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 9px;
    position: relative;
    background: url('images/bg_starrating.png') left top;
}

.unit-rating li span {
    outline: none;
    display: block;
    width: 10px;
    height: 9px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}

.unit-rating li .active {
    background: url('images/bg_starrating.png') left center;
    z-index: 2;
    left: 0px;
}

.unit-rating .r1-unit {
    left: 0px;
}

.unit-rating .r1-unit.active {
    width: 10px;
}

.unit-rating .r2-unit {
    left: 10px;
}

.unit-rating .r2-unit.active {
    width: 20px;
}

.unit-rating .r3-unit {
    left: 20px;
}

.unit-rating .r3-unit.active {
    width: 30px;
}

.unit-rating .r4-unit {
    left: 30px;
}

.unit-rating .r4-unit.active {
    width: 40px;
}

.unit-rating .r5-unit {
    left: 40px;
}

.unit-rating .r5-unit.active {
    width: 50px;
}

.unit-rating li.current-rating {
    background: url('images/bg_starrating.png') left bottom;
    position: absolute;
    height: 9px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}

/* starrating  ENDE */

.normal {
    font-weight: normal;
}
.detailview {
	width: 290px;
	background-color: #fff;
	float: left;
	margin-right: 8px;
	position: relative;
	padding: 9px;
}
.detailview h1, .detailview p { color: #000;}
.datum {
    background: url(images/bg_datum.png) no-repeat top left;
	width: 65px;
	height: 55px;
	padding-top: 10px;
	text-align: center;
	font: 10px Arial, Helvetica, sans-serif;
	position: absolute;
	left: 9px; 
	top: 0px;
}
.tag { font: bold 16px Arial, Helvetica, sans-serif; }
.norightmargin { margin-right: 0; }
#boxfooter { padding: 20px 0; }
#boxfooter a { text-decoration: none; }
#channels, #services, #find-us { float: left; line-height: 1.5em; margin-right: 40px; }
#copyright { border-top: 1px solid #272727; padding: 10px 17px 5px; margin: 0 -17px; }

h1.arrow, h1.arrow_black { background: url(images/bg_h1_arrow.png) no-repeat top left; line-height: 30px; padding-left: 32px; }
h1.arrow_black { background-position: 0 -100px; color: #000;}

#tab_magazin a, #tab_map a { display: block; position: absolute; top: 0; left: 0; width: 120px; height: 35px; text-indent: -9000px; outline: none; }
#tab_map a { left: 121px; width: 80px; }

#input_ort, #input_zeit, #input_suchen { display: block; position: absolute; top: 127px; left: 0; width: 115px; height: 22px;  }
#input_ort { left: 26px; }
#input_zeit { left: 207px; }
#input_suchen { left: 385px; top: 116px }
#input_ort input, #input_zeit input { width: 125px; border: 0; font: bold 16px Arial, Helvetica, sans-serif; }

.black, a.black, a.black:hover, a.black:link { color: #000; }
.rf { background: url(images/bg_rf-input.png) no-repeat top left; width: 207px; height: 22px; font: bold 16px Arial, Helvetica, sans-serif; border: 0; margin: 0 0 10px; padding: 6px;  }
.rf option { background-color: #fff; }

a.sprechblase { display: inline-block; background: url(images/bg_sprechblase.gif) no-repeat center right; color: #fff; height: 21px; width: 20px; padding: 0 3px; margin-left: 5px; font-weight: bold; }

.navigator { padding: 30px 0; text-align: center; }
.navigator a,.navigator a:link, .navigator a:hover { color: #464a4b; display: inline-block; background: url(images/bg_navigator.gif) no-repeat 0 -100px; line-height: 18px;  width: 19px; height:20px; text-align: center; margin: 0 2px;  } 
.navigator a.prev, .navigator a.prev:hover { margin-right: 20px; background-position: 0 0px;  text-indent: -9000px; width: 20px; height:20px; }
.navigator a.next, .navigator a.next:hover { margin-left: 20px; background-position: 0 -45px; text-indent: -9000px; width: 20px; height:20px;}
.navigator a:hover, .navigator a.active { background-position: 0 -150px; }

.fotoset { background: url(images/bg_fotoset.gif) repeat-x top left; }

a.fotos-klein, a.fotos-gross, a.fotos-detail, a.fotos-diaschau, a.fotos-klein_active, a.fotos-gross_active, a.fotos-detail_active, a.fotos-diaschau_active { background: url( images/bg_fotodarstellung.gif ) no-repeat 0 1px; height: auto !important; height: 12px; min-height: 12px; padding-left: 20px; margin: 0 4px;}
a.fotos-klein_active { background-position: 0 -29px; color: #fff; }
a.fotos-gross { background-position: 0 -59px; }
a.fotos-gross_active { background-position: 0 -89px;  color: #fff; }
a.fotos-detail { background-position: 0 -179px; }
a.fotos-detail_active { background-position: 0 -209px;  color: #fff; }
a.fotos-diaschau { background-position: 0 -119px; }
a.fotos-diaschau_active { background-position: 0 -149px;  color: #fff; }

.p15px { padding: 15px; }
.leftcolumn { float: left; width: 615px; }
.rightcolumn { float: right; width: 270px; }

.fotoactions { background: url(images/bg_foto-detail.png) no-repeat top left; height:56px; border-right: 1px solid #3c3d3d; margin-bottom: 20px; }
.fotoactions ul { margin: 0; padding: 0; list-style-type: none; width: 100%; }
.fotoactions li { margin: 0; padding: 0; float: left;  }

.loveit, .weiterleiten, .share, .namensschild, .gross, .melden { display: block; background: url(images/bg_foto-detail-icons.png) no-repeat 50% 10px; line-height:41px; border-left: 1px solid #3c3d3d; border-right: 1px solid #000; margin: 0; padding: 15px 26px 0; }
.loveit { border-left: none; }
.weiterleiten{ background-position: 50% -90px; }
.share{ background-position: 50% -195px; }
.namensschild{ background-position: 50% -295px; background-image: url(images/bg_foto-detail-icons-grayscale.png);}
.gross { background-position: 50% -395px; }
.melden{ border-right: none; background-position: 50% -495px; }

.ico_map, .ico_earth { display: block; background: url(images/bg_foto-detail-icons.png) no-repeat 0 -598px; margin: 5px 0; line-height: 16px; padding: 0 0 0 26px; }
.ico_earth { border-right: none; background-position: 0 -649px; }


.comment { background: url(images/bg_comment.gif) no-repeat top right; padding: 20px; line-height: 1.5em; margin-bottom: 20px; }
.comment p { font-size: 14px; }
.autor { color: #a3a8a9; margin-bottom: 10px; }

.red { color: #ff0024 !important; }
.font10 { font-size: 10px; }

.bn_back, .bn_pause, .bn_next { background: url(images/bn_slideshow.png) no-repeat 0 5px; line-height: 44px; display: block; float: left; margin-right: 2px; width: 100px; text-indent: -9000px; outline: none; }
.bn_pause { background-position: 0 -108px; width: 60px; }
.bn_next { background-position: 0 -50px; }
.bn_shuffle { background: url(images/bn_slideshow.png) no-repeat 0 -165px; line-height: 44px; display: block; float: left; margin: 0 10px; padding-left: 24px; outline: none; }
#nav #slideshow_info a { line-height: 44px; padding: 0 10px; }

#fotoleiste { position: absolute; bottom: 40px; width: 970px; left: 50%; margin-left: -485px; background: url(images/bg_slideshow-fotoleiste.png) repeat-x bottom left; height: 117px;  }
#fotoleiste-links, #fotoleiste-rechts { background: url(images/bg_slideshow-fotoleiste.png) no-repeat top left; width: 70px; position: absolute; left: 0; height: 117px; margin-left: -70px; }
#fotoleiste-rechts { background-position: top right; width: 70px; left: 1040px; }
#fotoleiste-thumbs { padding-top: 30px; height: 55px; overflow: hidden;   }
a#fotoleiste-prev, a#fotoleiste-next { display: block; text-indent: -9000px; width: 70px; height: 120px; outline: none; }