@charset "UTF-8";

.startseite_teaser {
    position: relative;
    width: 820px;
    height: 325px;
    padding: 65px 20px 35px 20px;
    background: url('../img/content/startseite_teaser.png') bottom no-repeat;
    margin-bottom: 12px;
}

.startseite_teaser .scrollable {
    width: 800px;
    margin-left: 10px;
}

.startseite_teaser .slide {
    width: 800px;
    height: 325px;
}
.startseite_teaser .slide a {
    width: 100%;
    height: 100%;
}

.st_text {
    width: 340px;
    margin: 40px 0 0 410px;
    text-align: center;
}

.st_text_left {
    margin-left: 45px;
}

.st_text_left span { text-shadow: 0 0 2px #fff;}

.st_text h2 { font-size: 33px; padding-bottom: 10px; }
.st_text p { font-size: 14px; color: #fff; text-shadow: 0 1px 2px #000; }

.st_button {
    display: block;
    width: 272px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 4px #000;
    background: url('../img/content/st_button.png') top no-repeat;
    font-family:"Folio", Arial,sans-serif;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    margin: 10px auto;
}

.st_button:hover { background-position: center; color: #fff; }
.st_button:active { background-position: bottom; }

/********* Start Specials *********/

.start_nackt {
	background: url('../img/content/nackt.jpg') center top no-repeat;
	cursor: pointer;
}

.start_nackt:hover {
	background-position: bottom;
}

.nackt_counter {
	width: 800px;
	color: #fff;
	padding-top: 12px;
	font-weight: bold;
}
.nackt_counter a {
	text-decoration: underline;
}

.nackt_counter a:hover {
	color: #fff;
}

/********* //Start Specials *********/

.eigener_spruch {
    display: none;
    position: absolute;
    width: 800px;
    height: 325px;
    padding: 70px 30px 35px 30px;
    background: url('../img/content/sprueche.png') no-repeat;
    z-index: 110;
}

.eigener_spruch .close_spruch_layer {
    position: absolute;
    display: block;
    width: 48px;
    height: 34px;
    background: url('../img/content/buttons/close_spruch_layer.png');
    right: 0;
    margin: 10px 38px 0 0;
    z-index: 110;
}

.eigener_spruch .reload_spruch_layer {
    position: absolute;
    display: block;
    width: 48px;
    height: 34px;
    background: url('../img/content/buttons/reload_spruch_layer.png');
    right: 0;
    top: 340px;
    margin: 12px 38px 0 0;
}

.sprueche {
    position: relative;
    width: 820px;
    height: 325px;
    padding: 70px 20px 35px 20px;
    background: url('../img/content/sprueche.png') no-repeat;
}

.sprueche .scrollable {
    width: 800px;
    margin-left: 10px;
}

.spruch {
    font-family:"Folio", Arial,sans-serif;
    font-weight: bold;
    width: 700px;
    height: 160px;
    padding: 70px 50px 30px 50px;
    margin: 0 auto;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    float: none !important;
    font-size: 34px;
    color: #fff;
    text-shadow: 0 2px 10px #000, 0 2px 10px #000;
    text-transform: uppercase;
    letter-spacing: -0.01em;
    line-height: 39px;
    filter: glow(color=#340508,strength=3), dropshadow(color=#500c10,offX=0,offY=3);
}

.sprueche .slide {
    width: 800px;
}

.sprueche .slide iframe {
    position: absolute;
    margin: 15px 0 0 685px;
}

.eigener_spruch .spruch {
    filter: none;
}

.spruch_badwords { 
    display: none; 
    position: absolute;
    padding-top: 100px;
    height: 140px;
}

textarea.textarea_spruch {
    font-family:"Folio", Arial,sans-serif;
    font-weight: bold;
    width: 580px;
    height: 160px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 30px 40px;
    margin-top: 16px;
    margin-left: 60px;
    float: none !important;
    font-size: 34px;
    color: #fff;
    text-shadow: 0 2px 10px #000, 0 2px 10px #000;
    text-transform: uppercase;
    letter-spacing: -0.04em;
    line-height: 39px;
    background: url('../img/content/sprueche.png') 50% 60% no-repeat;
    -webkit-box-shadow: 0 1px 10px #666, inset 0 1px 20px #000;
    -moz-box-shadow: 0 1px 10px #666, inset 0 1px 20px #000;
    -o-box-shadow: 0 1px 10px #666, inset 0 1px 20px #000;
    box-shadow: 0 1px 10px #666, inset 0 1px 20px #000;
    border: #fff 10px solid;
}



.sprueche .prev, .sprueche .next, .startseite_teaser .prev, .startseite_teaser .next {
    position: absolute; 
    height: 47px;
    width: 28px;
    background: url('../img/content/sprueche_slider_btns.png') no-repeat;
    margin-top: 136px;
    cursor: pointer;
    z-index: 100;
}

.sprueche .prev, .startseite_teaser .prev { background-position: right top; left: 22px; }
.sprueche .prev.disabled, .startseite_teaser .prev.disabled { background-position: right bottom; }

.sprueche .next, .startseite_teaser .next { background-position: left top; right: 21px; }
.sprueche .next.disabled, .startseite_teaser .next.disabled { background-position: left bottom; }

.spruch_entwurf {
    display: inline;
    text-shadow: 0 0 0;
    color: #000;
    height: 28px;
    opacity: 0.35;
    filter: alpha(opacity=35);
    background: url('../img/content/spruch_entwurf.png') 0 3px repeat-x;
}

.spruch_form {
    width: 604px;
    height: 54px;
    padding: 18px;
    background: url('../img/content/spruch_form_bg.png') repeat-x;
    margin: 26px 0 0 90px;
}

.spruch_form .placeholder {
    margin: 374px 0 0 139px !important;
}

.spruch_form input {
    width: 434px;
}

.spruch_passt {
    display: block;
    float: right;
    width: 143px;
    height: 37px;
    background: url('../img/content/buttons/passt.png') bottom repeat-x;
}

.spruch_passt:hover {
    background-position: top;
}

.spruch_passt_noch_nicht {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.eigenen_knigge_texten {
    display: block;
    width: 363px;
    height: 37px;
    margin: 0 auto;
    background: url('../img/content/buttons/eigenenknigge.png') bottom repeat-x;
}

.eigenen_knigge_texten:hover {
    background-position: top;
}

.eigenen_knigge_pfeile {
    height: 29px;
    margin: -40px auto 0 auto;
    padding-top: 40px;
    background: url('../img/content/eigenenkniggepfeile.png') center no-repeat;
}

.knigge_facebook {
    display: block;
    width: 404px;
    height: 37px;
    margin: 0 auto;
    background: url('../img/content/buttons/knigge_facebook.png') bottom repeat-x;
}

.knigge_facebook:hover {
    background-position: top;
}

.gradient_content {
    width: 740px;
    padding: 40px;
    margin: 20px 0 0 20px;
    background: url('../img/content/werbung_bg.jpg') repeat-y;
    -webkit-box-shadow: 0 1px 10px #444;
    -moz-box-shadow: 0 1px 10px #444;
    -o-box-shadow: 0 1px 10px #444;
    box-shadow: 0 1px 10px #444;
}

.plakate {
    background: url('../img/content/tapeten/werbung.jpg');
    height: 1092px;
}

.geschichte {

}

.plakate_intro {
    width: 360px;
    float: left;
    height: 270px;
}

.plakate_tops {
    float: right;
    width: 365px;
    margin-right: -11px;
}

.plakate_top {
    float: left;
    padding: 0 11px;
}

.plakate_top .icons {
    margin-left: 12px;
}

.motiv {
    margin-bottom: 10px;
    -webkit-box-shadow: 0 1px 6px #444;
    -moz-box-shadow: 0 1px 6px #444;
    -o-box-shadow: 0 1px 6px #444;
    box-shadow: 0 1px 6px #444;
    border: white 3px solid;
    behavior: url(/css/PIE.htc);
}

.motiv_zoom {
    display: block;
    width: 157px;
    height: 27px;
    background: url('../img/content/buttons/motiv_zoom.png') bottom repeat-x;
}

.motiv_zoom:hover {
    background-position: top;
}

.jetzt_kaufen {
    display: block;
    width: 127px;
    height: 27px;
    background: url('../img/content/buttons/jetzt_kaufen.png') bottom repeat-x;
}

.jetzt_kaufen:hover {
    background-position: top;
}

.motiv_detail_wrapper {
    width: 350px;
    height: 560px;
    float: left;
    margin-left: 10px;
    background: url('../img/content/anker_watermark.png') center center no-repeat;
}

.motiv_detail_element { display: none; }

.motiv_detail_element .motiv {
    margin-bottom: 3px;
    border: 0px !important;
}

.motiv_detail_btns { padding-left: 30px; }

.motiv_detail_btns .jetzt_kaufen {
    float: left;
    margin-top: 2px;
}

.motiv_detail_btns .icon_29x29_zoom {
    margin-left: 30px;
}

.motiv_detail_rahmen {
    position: absolute;
    z-index: 9;
    width: 368px;
    height: 532px;
    background: url('../img/content/werbung_rahmen.png');
    margin: -9px 0 0 -11px;
}

.motive {
    float: right;
    width: 300px;
    height: 590px;
    margin-right: 41px;
    position: relative;
}

.motive .slide { width: 295px; }
.motive h3 { 
    text-align: center; 
    padding: 13px 0 20px 0;
    font-size: 18px;
}

.motive .motiv { 
    margin: 4px 12px 5px 13px;
    border-width: 2px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
}

.motive .motiv:hover, .motive .active {
    opacity: 1;
    filter: alpha(opacity=100);
}

.motive .arrow_black_right, .motive .arrow_black_left {
    position: absolute;
    z-index: 100;
}

.motive .arrow_black_right { margin: 11px 0 0 185px; }
.motive .arrow_black_left { margin: 11px 0 0 65px; }

.geschichte {
    background: url('../img/content/tapeten/geschichte.jpg');
    height: 1049px;
}

.ereignis_jahr {
    font-size: 28px;
    padding-left: 536px;
    color: #c50a2d;
    text-shadow: 0px 0px;
}

.ereignisse .slide {
    width: 740px;
    height: 300px;
}

.ereignisse .arrow_black_left, .ereignisse .arrow_black_right {
    position: absolute;
    z-index: 100;
}

.ereignisse .arrow_black_right { margin: 5px 0 0 688px; }
.ereignisse .arrow_black_left { margin: 5px 0 0 421px; }

.ereignis_text { 
    width: 350px; 
    float: left;
    font-family:"Folio", Arial,sans-serif;
    font-weight: bold;
    font-size: 16px;
    padding-top: 6px;
    text-transform: uppercase;
    line-height: 1.2;
}
.ereignis_headline { 
    width: 320px; 
    float: right; 
    font-size: 45px;
    color: #404040;
    text-shadow: 0px 0px;
}

.etikett {
    display: block;
    float: left;
    width: 237px;
    height: 250px;
    margin-right: 14px;
}

.etikett h4 {
    color: #404040;
    text-shadow: 0px 0px;
}

.produkte_finder {
	position: absolute;
	width: 100%;
	height: 140px;
	right: 0px;
	top: 0px;
	border-top: 10px white solid;
	background: url('../img/content/tapeten/produkte_finder.png') 580px center no-repeat;
}

.btn_to_finder {
    position: absolute;
    margin: 30px 0 0 640px;
}

.produkte {
	position: relative;
    background: url('../img/content/tapeten/biersorten_lang.jpg') center bottom no-repeat;
    height: 1270px;
}

.produkte_wrapper {
  padding-bottom: 180px;
}

.produkt {
    width: 320px;
    height: 485px;
    float: left;
    margin-right: 100px;
}

.produkt h3 {
    font-size: 14px;
    color: #404040;
    text-shadow: 0px 0px;
    padding-bottom: 14px;
}

.produkt small {
	display: block;
	padding-top: 5px;
}

.produkt_arschkalt h3 { color: #1f3854; }

.produkt_images {
    width: 320px;
    height: 296px;
    float: left;
}

.produkt .slide {
    width: 320px;
    height: 250px;
}

.produkt_image_wrapper {
    width: 320px;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center center;
}

.produkt div.navi a {
    display: inline-block;
    height: 20px;
    width: 20px;
    overflow: hidden;
    background: url('../img/content/produkte_bg_navi_a.png') top;
    margin: 8px 3px 12px 3px;
}

.produkt_arschkalt div.navi a {
    background: url('../img/content/produkte_bg_navi_a_blue.png') top;
}

.produkt div.navi a.active, .produkt div.navi a:hover {
    background-position: bottom;
}

.produkt h4 { 
    text-align: center;
    margin-top: 50px;
}

.produkte .navi {
    text-align: left;
    margin: 8px 0;
}

.produkt_text {
    width: 320px;
    float: right;
}

.produkt_text h3 {
    font-size: 14px;
    margin-top: 10px;
    padding-bottom: 5px;
}

.produkt_images_right .produkt_images { float: right; }
.produkt_images_right .produkt_text { float: left; }

.astrafinder #map_canvas {
    float: right;
    width: 454px;
    height: 404px;
    -webkit-box-shadow: 0 1px 6px #444;
    -moz-box-shadow: 0 1px 6px #444;
    -o-box-shadow: 0 1px 6px #444;
    box-shadow: 0 1px 6px #444;
    border: #fff 3px solid;
    margin-bottom: 10px;
}

.astrafinder .dealer_left { float: left; width: 250px; }

#dealer_form label {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 3px 14px 0 0px;
    float: left;
    width: 75px;
    cursor: pointer;
}

#dealer_form label.label_arschkalt {
    height: 16px;
    padding-top: 6px;
    margin-top: -3px;
    background: url('../img/content/arschkalt_kl.gif') 67px 0 no-repeat;
}

#dealer_form label.label_astra {
    height: 16px;
    padding-top: 6px;
    margin-top: -3px;
    background: url('../img/content/astra_kl.gif') 40px 0 no-repeat;
}

#dealer_form .input_text {
    width: 170px;
    padding: 6px;
    height: 14px;
    line-height: 14px;
    font-size: 13px;
    margin-right: 11px;
}

#dealer_form .button {
    margin-top: 1px;
}

#dealer_form input[type=checkbox] {
    float: left;
    margin-right: 4px;
}

.dealer_list .arrow_black_left, .dealer_list .arrow_black_right {
    position: absolute;
    z-index: 100;
}

.dealer_list .arrow_black_right { margin: 275px 0 0 202px; }
.dealer_list .arrow_black_left { margin: 275px 0 0 0; }

.dealer_list .slide {
    width: 250px;
}

.dealer_wrapper {
    height: 278px;
}

.dealer_list .dealer {
    display: block;
    color: #404040;
    font-size: 12px;
    margin-bottom: 16px;
}

.dealer_list .dealer span {
    display: block;
    font-weight: bold;
}

.dealer_list .dealer:hover span { color: #c50a2d; }

.dealer_list .dealer_pager {
    font-family:"Folio", Arial,sans-serif;
    font-weight: bold;
    padding-bottom: 10px;
    text-transform: uppercase;
    line-height: 1.1;
    text-shadow: 0 1px 2px #888;
    text-align: center;
    font-size: 14px;
    color: #c50a2d;
}

.page_astraineangebote {
    background: url('../img/content/tapeten/fanshop.jpg');
    height: 924px;
}

.page_astraineangebote h3 {
    color: #404040;
    text-shadow: 0 0;
}

.page_astraineangebote table {
    margin-left: 20px;
}

.page_astraineangebote .button { margin-top: 5px; }

.page_stpauli {
    background: url('../img/content/tapeten/stpauli.jpg');
    height: 972px;
}

.page_stpauli .cms_content {
    width: 360px;
    color: #fff;
}

.page_stpauli .motiv {
    margin-right: 12px;
    margin-bottom: 18px;
}

.page_stpauli .openlayer {
    position: absolute;
    display: block;
    margin: 573px 0 0 72px;
    width: 562px;
    height: 331px;
}

.page_jobs {
    margin: 0 0 0 20px;
}

.page_jobs img {
    width: 100%;
    height: auto;
}

.page_wat {
    background: #fff url('../img/content/tapeten/wat.jpg') no-repeat;
}

.page_sonnenbank {
    height: 1110px;
	width: 820px;
	padding: 0px;
}

.page_wat .cms_content {
    width: 360px;
    height: 430px;
    color: #fff;
}

.page_wat .cms_content h2 {
    width: 600px;
}

.wat_bands {
    height: 165px;
}

.wat_bands .wat_band {
    float: left;
    margin-right: 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.page_wat .motiv {
    display: block;
    margin-right: 0px;
    margin-bottom: 8px;
}

.wat_last {
    padding-top: 20px;
    width: 330px;
    float: left;
    margin-right: 46px;
    padding-left: 16px;
}

.wat_last .motiv {
    margin: 24px 0 20px 0;
}

.page_arschkalt {
    background: #fff url('../img/content/tapeten/arschkalt.jpg') no-repeat;

}

.page_arschkalt .gradient_content {
    padding: 0;
    margin: 0;
    margin-left: -16px;
    padding-left: 16px;
    background: url('../img/content/arschkalt_finder_seperator.gif') 0 53px no-repeat;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    -o-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}

.page_arschkalt h2.red { display: none; }

.arschkalt_content {
    height: 665px;
}

.page_arschkalt h2 {
    color: #1f3854;
    text-shadow: 0 0 3px #fff;
    padding-bottom: 16px;
}

.page_arschkalt h4 {
    color: #1f3854;
    text-shadow: 0 0 3px #fff;
}

.page_arschkalt .cms_content {
    color: #1f3854;
}

.arschkalt_content .cms_content {
    width: 360px;
    height: 416px;
}

.arschkalt_gal { padding-top: 20px; }

.arschkalt_gal_img { margin-right: 15px; }

.map_legende {
    position: relative;
    margin: 0px 0 0 260px;
    font-family:"Folio", Arial,sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    height: 20px;
}

.map_legende img {
    position: absolute;
    left: 0;
    width: 28px;
}

.map_legende p {
    float: left;
    padding: 10px 0 0 50px;
}

.ml_astra { margin-left: 17px; }
.ml_arschkalt { margin-left: 117px; }

.blocker {
	padding-bottom: 0;
}

.blocker_left {
	float: left;
	width: 333px;
}

.blocker_right {
	float: right;
	width: 333px;
	text-align: center;
}

.blocker_text {
	height: 157px;
}

.blocker_download {
	display: block;
	float: left;
	width: 100px;
	margin-right: 16px;
	text-align: center;
	padding-top: 30px;
}

.blocker_download img {
	width: 80px;
	margin-bottom: 10px;
}

.blocker_sharer {
	padding: 16px 0 0 119px;
}

.rakete {
	background: #fff;
	padding: 10px;
	width: 800px;
}

.rakete_content {
	background: #0a0607 url('../img/content/tapeten/rakete.jpg') center top no-repeat;
	padding: 30px;
}

.rakete_intro {
	color: #fff;
	padding: 20px 0;
}

.rakete_video {
	position: relative;
	width: 560px;
	height: 315px;
	margin: 0 auto 60px auto;
	background: rgba(0,0,0,0.7);
}

.rv_countdown {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 15;
	font-family:"Folio", Arial,sans-serif;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.rvc_title {
	line-height: 100px;
	position: absolute;
	height: 50%;
	width: 100%;
	font-size: 20px;
	top: 50%;
}

.rvc_count {
	line-height: 100px;
	position: absolute;
	height: 50%;
	width: 100%;
	font-size: 120px;
	top: 27%;
}

.rv_youtube {
	position: absolute;
	height: 100%;
	width: 100%;
	color: #fff;
	z-index: 10;
}

.rv_sharing {
	position: absolute;
	width: 36px;
	right: -48px;
}

.rv_sharing .icon_29x29 {
	margin-bottom: 4px;
}

.rakete_gifs_head {
	color: #fff;
	padding-bottom: 30px;
}

.rakete_gifs {
	width: 800px;
}

.rakete_gif {
	position: relative;
	display: block;
	width: 225px;
	height: 225px;
	float: left;
	margin: 0 30px 30px 0;
}

.rakete_gif .rg_img_wrapper {
	display: block;
	width: 225px;
	height: 225px;
	overflow: hidden;
}

.rakete_gif img {
	width: 100%;
}

.rg_sharing {
	position: absolute;
	background: rgba(0,0,0,0.7);
	top: 0px;
	width: 211px;
	height: 0px;
	padding: 0 0 0 14px;
	overflow: hidden;
}

.rg_sharing .icon_29x29 {
	margin-top: 9px;
}

.rg_gif_marker {
	display: block;
	position: absolute;
	width: 44px;
	height: 26px;
	top: 0;
	right: 0;
	z-index: 10;
	background: rgba(0,0,0,0.7) url('../img/content/gif_marker.png') center center no-repeat;
}

.rakete_gif:hover .rg_gif_marker {
	display: none;
}

.sponsoring_intro {
	padding: 130px 245px 0 245px;
	height: 105px;
	width: 330px;
	background: #fff url('../img/content/sponsoring_intro.jpg') center center no-repeat;
	color: #fff;
	text-align: center;
}

.sponsoring {
	padding: 10px;
	width: 800px;
}

.sponsoring hr {
	height: 50px;
}

.event { 
	position: relative;
}

.event img { display: block; }

.event_text {
	position: absolute;
	width: 50%;
	top: 30px;
	left: 30px;
	color: #fff;
}

.event_text h2 {
	width: 750px;
}

.event .button {
	position: absolute;
	bottom: 30px;
	left: 30px;
}