@charset "utf-8";
/* CSS Document */

img {border:0;}

a {	outline:0;}

/*global setting*/
body{background:#002e62; font-family:Arial, Helvetica, sans-serif; font-size:11px;margin:0 auto; width:950px;}
#my_body{float:left; background:#aae1fa;position:relative;}

/*positioning for header*/
#logo{}
#logo span {color:#fff;font-size:20px;font-style:italic;font-weight:bold;position:absolute;right:55px;top:26px;width:86px; display:none;}

/*positioning for navigation*/
#navigation {float: left; margin:8px;}
#navigation ul{list-style:none; margin:0; padding:0;}
#navigation ul li{float: left; margin-right:2px;text-align:center; font-weight:bold; font-size:11px;}
#navigation ul li a{color:#fff; text-decoration:none;background:url(../images/nav-lt.gif) no-repeat left; display:block;}
#navigation ul li a span{background:url(../images/nav-rt.gif) no-repeat right; display:block;padding:4px 10px 6px 5px;margin-left:10px;}
#navigation ul li a:hover, #navigation ul li.selected a{background:url(../images/nav-lt-hover.gif) no-repeat left;}
#navigation ul li a:hover span, #navigation ul li.selected a span{background:url(../images/nav-rt-hover.gif) no-repeat right;}

/*positioning for content*/

.texts{float: left; width:950px;height:466px;overflow:hidden;}
.texts .textelement{float:left; width:800px;padding-top:8px;height:458px;}
.texts .sectiontext{font-size:12px;}
.texts .sectiontext h1{line-height: normal;}
.texts .textelement h1{ color:#00367b; font-size:30px;}
.texts .button{background:url(../images/weiter-bg.png) no-repeat left;color:#fff;position:absolute; top:596px;right:24px; width:120px;font-weight:bold; text-decoration:none;float:left;}
.texts .button a {color:#fff;text-decoration:none;margin:0 10px;}
.texts .button a:hover {color:#000;}
.texts .button span{padding:0 11px 0 2px;}
.texts .button a.next{float:right;margin:0;padding:6px 22px 8px 0;}
.texts .button a.prev{float:left;
margin:0;
padding:5px 0 8px 20px;}

/*jahre menu style*/
#texts_jahre a.prev{color:#4c4c4c;}
#texts_jahre .textelement{background:#fff url(../../images/jahre-bg.jpg) no-repeat left bottom;}
#texts_jahre .sectiontext{width:118px;margin-top:22px;padding:0 12px 0 20px;color:#183f7d; line-height:19px;background:none;}
#texts_jahre .sectiontext span{color:#ed1c24;font-weight:bold; font-size:20px;}
#texts_jahre h1{text-align:center;margin-top:24px;}
#texts_jahre .aktuell{position:absolute; top:270px; left:170px;}
#texts_jahre .aktuell img{border:0;}



/*Punkte sammeln starts*/
#texts_punktesammein .textelement{width:705px; background:#fff url(../../images/punkte_bg.jpg) no-repeat center bottom;padding-left:95px;}
#texts_punktesammein .sectiontext{width:118px;padding:82px 12px 0 20px;color:#183f7d; line-height:18px;background:none;}
#texts_punktesammein .sectiontext span{color:#ed1c24;font-weight:bold; font-size:20px;}
#texts_punktesammein h1{margin:0;padding:15px 0 12px 66px;}

#texts_punktesammein .textelement h2 {
	font-weight:bold;
	color:#ed1b23;
	font-size:2em;
	font-style:italic;
	float:left;
	margin:0;
	width:556px;
	border-bottom:1px solid #ed1b23;
	padding:22px 0 13px 55px;
	text-align:center;
	
}

#texts_punktesammein .textelement h3 {
	font-weight:bold;
	color:#000;
	font-size:1.2em;
	font-style:italic;
	float:left;
	margin:0;
	padding:0 0 8px 0;
	width:140px;	
}

#texts_punktesammein  .textelement .item.alt{border-left:0;}

#texts_punktesammein .textelement .item {
	width:140px;
	float:left;
	padding:5px;
	border-left:1px solid #ed1b23;
	min-height:166px;
}

a.logo {
	margin:10px 4px 0 0;
	float:left;
	
}


/*Punkte sammeln starts*/
#texts_pramienkassieren {background-color:#fff;min-height:330px;}
#texts_pramienkassieren .textelement{width:773px; background:#fff;margin-left:25px;min-height:0;height:auto;padding-top:0;}
#texts_pramienkassieren .sectiontext{width:118px;margin-left:0;padding:200px 12px 0 20px;color:#000; line-height:18px;background:none;background:#aae1fa;min-height:320px}
#texts_pramienkassieren .sectiontext span{color:#ed1c24;font-weight:bold; font-size:20px;}

#texts_pramienkassieren .textelement h1 {
	width:500px;
	margin: 10px 0;
	
}
#texts_pramienkassieren .sectiontext h1 {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#000;
	width:125px;
}
#texts_pramienkassieren .textelement.half {
	float:left;
	width:373px;
	background:#fffac2 url(../images/card.jpg) no-repeat right 60px;
	border:1px solid #ed1b23;
}

#texts_pramienkassieren  #alt.half {
	float:left;
	width:373px;
	background:#fffac2;
	border:1px solid #ed1b23;
	margin:0;
	padding:0;
}

#texts_pramienkassieren .textelement.half .sectiontext{
	background:#fffac2 url(../images/section_bg.jpg) no-repeat right 30px;
	color:#000;
	width:373px;
	min-height:120px;
	margin:0;
	padding:0;
    float:left;
	border-bottom:2px solid #ED1B24;
}

#texts_pramienkassieren #alt_sectiontext.sectiontext{
	background:#fffac2 url(../images/hospitality_bg.jpg) no-repeat right top;
	color:#000;
	width:373px;
	min-height:106px;
	margin:0;
	padding:0;
    float:left;
	border-bottom:0;
	border-bottom:2px solid #ED1B24;
}

#texts_pramienkassieren #angebote_sectiontext.sectiontext{
	background:#fffac2 url(../../images/super_sparangebote.gif) no-repeat top left;
	color:#000;
	width:373px;
	height:100px;
	min-height:100px;
	margin:0;
	padding:0;
    float:left;
	border-bottom:0;
}

#texts_pramienkassieren #angebote_sectiontext.sectiontext a {
	color:#fff;
	text-decoration:none;
}

#texts_pramienkassieren #angebote_sectiontext.sectiontext h3 {
	color:#fff;
	font-size:36px;
	line-height:31px;
	text-align:center;
	font-style:italic;
	width:270px;
}

#texts_pramienkassieren #angebote_sectiontext.sectiontext p {
	color:#fff;
	font-size:14px;
	text-align:center;
	font-style:italic;
	width:270px;
}

#texts_pramienkassieren .textelement.half .sectiontext h2{
	background-color:#ed1b24;
	font-size:14px;
	color:#fff;
	width:365px;
	padding:4px;
	float:left;
	margin:0 0 5px 0;
	
	
}


#texts_pramienkassieren .textelement.half h2 {
	font-weight:bold;
	color:#ed1b23;
	font-size:22px;
	margin:0 0 0 5px;
	padding:0;
}
	
#texts_pramienkassieren .textelement.half h3{
	font-weight:bold;
	color:#000;
	font-size:12px;
	margin:0 0 0 5px;
	padding:4px 0;
}

#texts_pramienkassieren #alt h2, #texts_pramienkassieren #alt h3{font-size:16px;}
#texts_pramienkassieren #alt p{margin:0; padding:0 8px;}
#texts_pramienkassieren img.section-image{float: right; width:139px;}
	
ul.update {
	width:238px;
	float:left;
	padding:5px 0 0 5px;
	margin:0;
	font-size:12px;
}
ul.update li {
	margin:0 0 5px 0;
	padding:0 0 2px 16px;
	background:transparent url(../images/bullet.gif) no-repeat 0 4px;
	line-height:normal;
	list-style:none;
	
	
}
ul.update li span {
	color:#777676;
	margin:0 0 0 5px;
	font-size:10px;
	
}
	
ul.update li a{
	font-size:11px;
	color:#2d989f;
	text-decoration:none;
	}

ul.update li a:hover {
	color:#ccc;
}


/*prefered partner starts*/
 
#texts_preferred_partner .textelement{width:775px; background:#fff;min-height:466px;padding-left:25px;}
#texts_preferred_partner .sectiontext{width:118px;margin-top:102px;padding:0 12px 0 20px;color:#000; line-height:18px;background:none;min-height:300px;}
#texts_preferred_partner .sectiontext span{color:#ed1c24;font-weight:bold; font-size:20px;}

#texts_preferred_partner .textelement h1 {
	margin:0;
	text-align:left;
	font-size:30px;
	padding:10px 0 0 0;
	width:400px;
	font-weight:bold;
	
}
#texts_preferred_partner .sectiontext h1 {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#000;
	margin:0;
	padding:0;
	width:130px;
}


#texts_preferred_partner .textelement .item {
	float:left;
	width:240px;
	margin:0 8px 0 0;
	font-size:12px;
}

#texts_preferred_partner .textelement .item h2{
	font-size:50px;
	font-weight:bold;
	color:#ed1b23;
	margin:0;
	padding:0;

}

#texts_preferred_partner .textelement .item h3{
	font-size:18px;
	font-weight:bold;
	color:#000;
	margin:0 0 8px 0;
	padding:0;
	width:150px;
	
}

/*Unser_Jahresplaner starts*/

#texts_unser_jahresplaner .textelement{width:758px; background:#fff;min-height:466px;padding-left:42px;}
#texts_unser_jahresplaner .sectiontext{width:118px;margin-top:25px;padding:0 12px 0 20px;color:#000; line-height:18px;background:none;min-height:300px;}
#texts_unser_jahresplaner .sectiontext span{color:#ed1c24;font-weight:bold; font-size:20px;}
#texts_unser_jahresplaner .textelement img.section-image{position:absolute; top:200px;}


#texts_unser_jahresplaner img.sectionimage{ float:left; width:483px;  } 
#texts_unser_jahresplaner .section-text{ float:left;width:215px; font:normal 12px arial; color:#00357a; margin-left:5px;}
#texts_unser_jahresplaner .section-text ul { margin:5px 0 0 0;padding:0; float:left; background: url("../images/mustermann-comapny.jpg") no-repeat right top; float:left; width:215px;}
#texts_unser_jahresplaner .section-text ul li { list-style:none; display:block; width:95px; margin-top:18px; float:left; clear:left }
#texts_unser_jahresplaner .section-text ul li a { margin:0;padding:0; float:left; font:normal 12px Arial, Helvetica, sans-serif;color:#00357a;
text-decoration:none; background: url("../images/arrow.jpg") no-repeat left 5px ;text-indent:15px;}
#texts_unser_jahresplaner .section-text ul li a:hover{ color:red;}
#texts_unser_jahresplaner .button{margin-right:20px; }


#texts_unser_jahresplaner .title h1{ background:url("../../images/aktionsangebot-juli-august-h1-bg.jpg") no-repeat right top; width:90%;}
/* for oktober fest */
#texts_unser_jahresplaner .title-oktoberfest, #texts_unser_jahresplaner .title-dezember{padding-top:0;}
#texts_unser_jahresplaner .title-oktoberfest h1{background:url("../images/aktionsangebot-oktoberfest-h1-bg.jpg") no-repeat right top; width:87%; height:91px; margin:0 0 3px 0;}
#texts_unser_jahresplaner .title-dezember h1{background:url("../images/aktionsangebot-dezember-h1-bg.jpg") no-repeat right bottom; width:94%; height:91px; margin:0 0 3px 0;}
#texts_unser_jahresplaner .title-oktoberfest .section-text, #texts_unser_jahresplaner .title-dezember .section-text{width:250px;margin-top:-2px;}
#texts_unser_jahresplaner .title-oktoberfest .section-text ul{background: url("../images/octoberfest.jpg") no-repeat right 7px; min-height:190px; width:245px; height:auto;}
#texts_unser_jahresplaner .title-dezember .section-text ul{background: url("../images/dezember.jpg") no-repeat right 7px; min-height:190px; width:246px; height:auto;}

#texts_unser_jahresplaner .textelement h1{
	padding:10px 0 0px 15px ;
	margin:0 0 4px 0; 
	
	
}

#texts_unser_jahresplaner .textelement h1 img{margin:0;padding:0; float:left}

#texts_unser_jahresplaner .sectiontext h1 {
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#00367b;
	margin:0;
	padding:0;
	width:130px;
}

#texts_unser_jahresplaner .section_text {color:#000;font-weight:normal; font-size:12px;position:absolute; left:220px; top:295px; z-index:1;width:410px;}
#texts_unser_jahresplaner .section_text h2{color:#000;font-weight:bold; font-size:12px;margin-left:265px;}
#texts_unser_jahresplaner .section_text h2.less_margin{margin-left:230px;}

ul.subnavigation {
	margin:0;
	padding:0;
	float:left;
}

ul.subnavigation li {
	list-style:none;
	margin:5px 0 7px 0;
	padding:0 0 0 15px;
	background:transparent url(../images/bullet02.png) no-repeat 0 3px;
	font-size:13px;
	width:70px;
}

ul.subnavigation li a {
	color:#00367b;
	text-decoration:none;
}

ul.subnavigation li a:hover {
	color:#ed1c24;
}

ul.subnavigation li a.selected {
	color:#ed1c24;
}


/*
/*Unser_Jahresplaner starts*/

#texts_verkaufsforderung .textelement{width:790px; background:#fff;min-height:466px;padding-left:10px;}
#texts_verkaufsforderung .sectiontext{width:118px;margin-top:25px;padding:0 12px 0 20px;color:#000;background:none;min-height:300px;}
#texts_verkaufsforderung .sectiontext span{color:#ed1c24;font-weight:bold; font-size:20px;}



#texts_verkaufsforderung  .textelement h1{
	margin:0;
	text-align:left;
	font-size:30px;
	padding:10px 0 0 15px;
	font-weight:bold;
	width:650px;
}

#texts_verkaufsforderung .textelement .sectiontext{position:absolute; right:15px; top:400px; border-left:1px solid #000; width:230px;margin-top:25px;padding:80px 12px 0 5px;color:#000; line-height:17px;background:none;min-height:65px;font-weight:bold;}
#texts_verkaufsforderung .textelement .sectiontext1{width:48%; margin-right:1.5%;float:left}
#texts_verkaufsforderung .textelement .sectiontext1 span{margin:15px 10px 10px 10px; font-weight:bold; font-size:12px;float:left;}
#texts_verkaufsforderung .sectiontext h1 {
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#00367b;
	margin:0;
	padding:0;
	width:130px;
}
#texts_verkaufsforderung .sectiontext a{ color:#e2001a; text-decoration:none; font-weight:bold;}
#texts_verkaufsforderung .textelement .poster-text {
color:#1A171B;
font-weight:bold;
position:absolute;
right:300px;
top:540px;
width:195px;
line-height:14px;


}
/*Anmeldung/Mein Konto*/
#texts_anmeldung .textelement{width:760px;background:#fffac3; padding:0 20px;height:500px;}
#texts_anmeldung .sectiontext{width:118px;margin-top:20px;padding:0 12px 0 20px;color:#000; line-height:18px;background:none;min-height:300px;}
#texts_anmeldung .sectiontext span{color:#ed1c24;font-weight:bold; font-size:20px;}



#texts_anmeldung form {
	float:left;
	margin:15px 0 0 0;
	padding:0;
}
label {
	width:120px;
	float:left;
}


.submit_btn{margin:5px 0 0 120px;background:url(../images/weiter-bg.png) no-repeat left; text-align:center; color:#fff;width:120px; padding:6px 0; font-weight:bold; text-decoration:none;border:0; }
#texts_anmeldung .textfield {
	margin:5px 0 0 0;
	height:16px;
	border:1px solid #AEAC95;
}


#texts_anmeldung .textelement ul {
	margin:0 0 0 16px;
	padding:0;
}

#texts_anmeldung .sectiontext ul {
	margin:0;
	padding:0;
	float:left;
}

.sectiontext ul li {
	list-style:none;
	margin:5px 0 7px 0;
	padding:0 0 0 13px;
	background:transparent url(../images/bullet02.png) no-repeat 0 3px;
	font-size:13px;
	width:70px;
	
	
}
.sectiontext ul li a {
	color:#00367b;
	text-decoration:none;
}
.sectiontext ul li a:hover {
	color:#ed1c24;
}

.sectiontext ul li a.selected {
	color:#ed1c24;
}



/*image on popup overlay*/
div#overlay {z-index: 100; position: absolute;filter: alpha(opacity=80); background: #000000; width: 100%; height: 100%; top: 0px; left: 0px; -moz-opacity: 0.80; opacity: .80;display:none;}
/*#popup span a {background:#CC0000;color:#FFFFFF;float:right;font-size:1.5em;font-weight:bold;margin:-10px 2px 0 -10px;padding:0 3px 3px 2px;position:absolute;text-decoration:none;top:0;width:16px;z-index:102;}
#popup span a:hover {background: #000}*/

#popup span a {color:#FFFFFF;float:right;margin:0 2px 0 -82px;position:absolute;text-decoration:none;/*top:496px;*/bottom:20px;width:66px;height:22px;z-index:102;}
#popup span a img{border:0;}
#popup{position:absolute; left:0; top:40px;z-index:9999;width:100%; text-align:center;display:none;}
#popup img{border-bottom:30px solid #fff; border-right:8px solid #fff;border-left:8px solid #fff;border-top:8px solid #fff;}


/* texts_verkaufsforderung poster text style */

/* Offers Lightbox */
#angebote_wrapper {
	width:100%;
	height:100%;
	background-image:url(../images/lightbox_bg.png);
	background-repeat:repeat-x repeat-y;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#angebote_header {
	background-image:url(../../images/super_angeboteheader.gif);
	background-repeat:no-repeat;
	height:90px;
	width:750px;
	margin-bottom:10px;
}

#angebote_header h2 {
	color:#fff;
	font-size:50px;
	padding:0px;
	margin:0px;
	padding-top:2px;
	padding-left:7px;
	font-style:italic;
}

#angebote_header p {
	color:#fff;
	padding:0px;
	margin:0px;
	padding-left:7px;
	margin-top:-6px;
	font-size:14px;
	font-style:italic;
	width:580px;
	float:left;
}

#angebote_box {
	width:750px;
	position:absolute;
	top:60px;
	left:50%;
	margin-left:-375px;
	background:#fff;
}

#angebote_box .angeboteclose{
	background-image:url(../images/close.gif);
	background-repeat:no-repeat;
	background-position:right top;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	font-style:italic;
	padding-right:23px;
	padding-bottom:3px;
	padding-top:4px;
	float:right;
	margin-top:6px;
	margin-right:6px;
}

#angebote_content {
	position:absolute;
	top:100;
	left:0;
	background-color:#ffffff;
}
#angebote_content a{ text-decoration:none;}

#angebote_content img {
	margin-right:7px;
}

#angebote_content img.last {
	margin-right:0px;
}

#angebote_content br {
	margin-bottom:8px;
}

.feldwrapper {
	display:none;
}

.feldcontent {
	position:absolute;
	top:100;
	left:0;
	background-color:#aae1fa;
	width:750px;
	height:366px;
}

.feldcontent img.gross {
	padding-left:10px;
	padding-top:10px;
}

.feldcontent .left {
	float:left;
	width:300px
}

.feldcontent .right {
	float:left;
	width:440px;
}

.feldcontent p {
	color:#244985;
	font-style:italic;
	font-size:14px;
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-left:10px;
}

.feldcontent p.top {
	float:left;
	width:330px;
}

.feldcontent span.bigred {
	color:#f00;
	font-size:36px;
	font-weight:bold;
}

.feldcontent form {
	padding-left:10px;
	margin-top:10px;
}

.feldcontent form label {
	width:45px;
	text-align:right;
	color:#244985;
	font-style:italic;
	padding-right:5px;
	padding-top:3px;
}

.feldcontent form input[type=text] {
	border:none;
	color:#244985;
	width:370px;
	padding:2px;
	margin-bottom:3px;
}

.feldcontent form input[type=submit] {
	background:url(../images/weiter-bg.png) no-repeat left;
	border:none;
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:6px;
	text-align:center;
	width:120px;
	float:right;
	margin-top:5px;
	color:#FFFFFF;
}
#angebote_wrapper .zuruck{
	background:url(../images/zuruck-bg.png) no-repeat left;
	border:none;
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:6px;
	text-align:center;
	width:160px;
	float:left;
	margin-top:5px;
	color:#FFFFFF;
	text-decoration:none;
	position:absolute;
	top:330px;
	left:10px;
}

.feldcontent form select {
	border:none;
	color:#244985;
	padding:2px;
	margin-bottom:3px;
}

.feldcontent form br {
	
}

.feldclose{
	background-image:url(../images/close2.gif);
	background-repeat:no-repeat;
	background-position:right top;
	color:#244985;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	font-style:italic;
	padding-right:29px;
	padding-bottom:3px;
	padding-top:11px;
	float:right;
	margin-top:6px;
	margin-right:6px;
}

.overlayText {
	position:absolute;
	top:0px;
	left:0px;
	padding-top:10px;
	padding-left:10px;
	font-size:22px;
	width:165px;
	font-weight:bold;
	text-decoration:none;
	font-style:italic;
	color:#FFFFFF;
	line-height:18px;
}

.overlayText span {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	font-style:italic;
	color:#FFFFFF;
	line-height:14px;
}

.overlayTextBig {
	position:absolute;
	top:10px;
	left:10px;
	padding-top:10px;
	padding-left:10px;
	font-size:28px;
	width:165px;
	font-weight:bold;
	text-decoration:none;
	font-style:italic;
	color:#FFFFFF;
	line-height:18px;
}

.overlayTextBig span {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	font-style:italic;
	color:#FFFFFF;
	line-height:14px;
}

.warning {
	color:#F00;
	font-weight:bold;
	font-size:14px;
	background-color:#FFF;
	width:750px;
}

.warning p {
	padding:3px;
	margin:0px;
}

.feldwrapper .warning {
	position:absolute;
	top:466px;
}

a.bigfeldclose {
	color:#FF0000;
	font-size:16px;
	font-style:italic;
	padding-left:10px;
	font-weight:bold;
	margin-top:10px;
	text-decoration:none;	
}