/* Cookierichtlinien */
div[data-cycon-module=cookie] * {
	font-family: "Lucida Sans W01 Roman", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

div[data-cycon-module=cookie] {
	background: #DD1930 none repeat scroll 0 0;
	color: #ffffff;
	padding: 20px 0;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 101;
	left: 0;
	bottom: 34px;
	display: none;
}

div[data-cycon-module=cookie] p {
	margin: 0 10px 10px;
	text-align: center;
	color: #ffffff;
}

div[data-cycon-module=cookie] a.button-29:hover .button-left {
	background-position: left bottom;
}

div[data-cycon-module=cookie] a.button-29 .button-left {
	background-position: left bottom;
}

div[data-cycon-module=cookie] a.button-29:hover .button-right {
		background-position: right bottom;
}

div[data-cycon-module=cookie] a.button-29 .button-right {
	background-position: right bottom;
}

div[data-cycon-module=cookie] a.button-29 .button-text {
	background-position: center bottom;
}

div[data-cycon-module=cookie] a.button-29:hover .button-text {
	background-position: center bottom;
}

div[data-cycon-module=cookie] a.button-29 .button-text span {
	background-position: right bottom;
	color: #dd1930;
}

div[data-cycon-module=cookie] a.button-29:hover .button-text span {
	background-position: right bottom;
	color: #dd1930;
}

div[data-cycon-module=cookie] a.button-29 {
	display: inline-block;
	margin-right: 10px;
	background-position: left bottom;
}

.cookie-wrapper {
	text-align: center;
	display: inline-block;
}

@media screen and (min-width: 320px) {
	div[data-cycon-module=cookie] .cookie-button-wrapper {
		text-align: center;
	}
	div[data-cycon-module=cookie] a.button-29 {
		float: none !important;
	}
}

@media screen and (min-width: 1200px) {
	div[data-cycon-module=cookie] p {
		float: left;
		width: 800px;
	}

	div[data-cycon-module=cookie] a.button-29 {
		float: left;
	}

	div[data-cycon-module=cookie] .cookie-button-wrapper {
		margin-left: 840px;
		overflow: hidden;
	}
}

.button-29									{ cursor: pointer; height: 29px; text-decoration: none; }
.button-29 .button-left						{ background: url(../pics/layout/buttons.hg.29.png) no-repeat scroll left top transparent; float: left; height: 29px; width: 10px; }
.button-29 .button-right						{ background: url(../pics/layout/buttons.hg.29.png) no-repeat scroll right top transparent; float: left; height: 29px; width: 10px; }
.button-29 .button-text						{ background: url(../pics/layout/buttons.hg.29.png) repeat-x scroll center top transparent; float: left; height: 29px; }
.button-29 .button-text span					{ background: url(../pics/layout/link.text.normal.png) no-repeat right 11px; color: #fff; font-size: 12px; text-transform: uppercase; float: left; padding: 10px 10px 0 0; line-height: 10px; }

a.button-29:hover .button-left				{ background-position: left bottom; }
a.button-29:hover .button-right				{ background-position: right bottom; }
a.button-29:hover .button-text				{ background-position: center bottom; }
a.button-29:hover .button-text span			{ background: url(../pics/layout/link.text.aktiv.png) no-repeat right 11px; color: #DD1930; }

.button-29-reverse .button-text span			{ background: url(../pics/layout/link.text.normal.back.png) no-repeat left 11px; color: #fff; font-size: 12px; text-transform: uppercase; float: left; padding: 10px 0 0 10px; }
a.button-29-reverse:hover .button-text span	{ background: url(../pics/layout/link.text.aktiv.back.png) no-repeat left 11px; }
