/* ---------------------------------------------------------
   kampagnen-motive
--------------------------------------------------------- */
#container-kampagne {
	border: 1px solid #858585;
	margin-bottom: 2.7em;
	margin-top: 0;
	background-color: white;
	position: relative;
}
#container-close {
	margin: 5px;
}
.hide {
	display: none;
}
a#kampagne-einblenden {
	font-size: 0.9em;
	position: absolute;
	top: -2em;
	right: 0;
}
#kampagne #sub-title {
	font-size: 2em;
	color: #d20019;
	/*height: 4em;*/
	display: block;
}
#kampagne .sub-motiv {
	float: left;
	padding: 0 0 20px 14px;
}
#kampagne #sub-controller {
	position: absolute;
	top: 425px;
	left: 289px;
}
#kampagne #sub-controller a:active,
#kampagne #sub-controller a:focus{
	background-color: transparent !important;
}
#kampagne .sub-context {
	/* float: left;
	width: 31em; */
	padding: 0 15px 20px 15px;
}
#kampagne h5 {
	color: #d20019;
	padding-bottom: 0.5em;
}
#kampagne #sub-linkbox {
	background-color: #ebebeb;
	overflow: auto;
	height: 16.5em;
	border: 1px solid #cbcbcb;
	margin-bottom: 1.5em;
	font-size: 0.9em;
	padding: 0.7em;
}
#kampagne #sub-linkbox p {
	padding-bottom: 0;
}
#kampagne .aktionen p {
	padding-bottom: 0.5em;
}
.overlay-bg {
	filter:alpha(opacity=20);
	-moz-opacity:.2;
	opacity:.2;
}
#modal {
	position: absolute;
	z-index: 80;
	top: 0;
	height: 41em;
	width: 87.5em;
}
#overlay-embed,
#overlay-desktop {
	position: absolute;
	z-index: 99;
	top: 132px;
	left: 307px;
	width: 32em;
	height: 18em;
	background-color: #FFF;
}
#overlay-embed p,
#overlay-desktop p {
	padding-top: 0.7em;
	padding-bottom: 0;
}
#container-close,
#embed-close,
#desktop-close {
	font-size: 0.9em;
	color: #666;
	line-height: 0.9em;
	float: right;
	text-decoration: none;
}
#container-close img,
#embed-close img,
#desktop-close img {
	margin-bottom: -2px;
}

/* ueberschreibt zuvor definierte werte */
.paperborder .sub-surface {
	padding-top: 5px;
}

/* ---------------------------------------------------------
   links fuer kampagnen-motive
--------------------------------------------------------- */

/* link mit mail-symbol */
.mail, .mail:link, .mail:visited, .mail:hover, .mail:active{
	font-weight: bold;
	color: #666;
	voice-family: "\"}\""; /* start bmh */
	background: url(../../img/kampagnenmotive/mail.gif) no-repeat 0 0.25em;
	font-weight: normal;
	voice-family: inherit;
	/* padding-left: 15px; */
	padding-left: 17px;
}
/* alle nicht-ie bekommen hier die richtige anweisung*/
html>body .mail, html>body .mail:link, html>body .mail:visited, html>body .mail:hover, html>body .mail:active {
	background: url(../../img/kampagnenmotive/mail.gif) no-repeat 0 0.25em;
	font-weight: normal;
	padding-left: 17px;
	/* end bmh */
}
/* hack: versteckt vor ie5.0, aber nicht ie5.5 => so kommt der ie5.5 noch in's boot*/
html*#page-wrap .mail, html*#page-wrap .mail:link, html*#page-wrap .mail:visited, html*#page-wrap .mail:hover, html*#page-wrap .mail:active {
	background: url(../../img/kampagnenmotive/mail.gif) no-repeat 0 0.25em;
	font-weight: normal;
	padding-left: 17px;
}

.mail:hover{
	text-decoration: none !important;
}
.mail:active,
.mail:focus{
	background-color: #D20019 !important;
	color: #FFF !important;
	background-image: none !important;
}

/* link mit nutzer-symbol */
.blog, .blog:link, .blog:visited, .blog:hover, .blog:active{
	font-weight: bold;
	color: #666;
	voice-family: "\"}\""; /* start bmh */
	background: url(../../img/kampagnenmotive/blog.gif) no-repeat 0 0.25em;
	font-weight: normal;
	voice-family: inherit;
	/* padding-left: 15px; */
	padding-left: 17px;
}
/* alle nicht-ie bekommen hier die richtige anweisung*/
html>body .blog, html>body .blog:link, html>body .blog:visited, html>body .blog:hover, html>body .blog:active {
	background: url(../../img/kampagnenmotive/blog.gif) no-repeat 0 0.25em;
	font-weight: normal;
	padding-left: 17px;
	/* end bmh */
}
/* hack: versteckt vor ie5.0, aber nicht ie5.5 => so kommt der ie5.5 noch in's boot*/
html*#page-wrap .blog, html*#page-wrap .blog:link, html*#page-wrap .blog:visited, html*#page-wrap .blog:hover, html*#page-wrap .blog:active {
	background: url(../../img/kampagnenmotive/blog.gif) no-repeat 0 0.25em;
	font-weight: normal;
	padding-left: 17px;
}

.blog:hover{
	text-decoration: none !important;
}
.blog:active,
.blog:focus{
	background-color: #D20019 !important;
	color: #FFF !important;
	background-image: none !important;
}

/* download-link mit pfeil nach unten */
.download, .download:link, .download:visited, .download:hover, .download:active{
	font-weight: bold;
	color: #666;
	voice-family: "\"}\""; /* start bmh */
	background: url(../../img/kampagnenmotive/download.gif) no-repeat 0 0.25em;
	font-weight: normal;
	voice-family: inherit;
	/* padding-left: 15px; */
	padding-left: 17px;
}
/* alle nicht-ie bekommen hier die richtige anweisung*/
html>body .download, html>body .download:link, html>body .download:visited, html>body .download:hover, html>body .download:active {
	background: url(../../img/kampagnenmotive/download.gif) no-repeat 0 0.25em;
	font-weight: normal;
	padding-left: 17px;
	/* end bmh */
}
/* hack: versteckt vor ie5.0, aber nicht ie5.5 => so kommt der ie5.5 noch in's boot*/
html*#page-wrap .download, html*#page-wrap .download:link, html*#page-wrap .download:visited, html*#page-wrap .download:hover, html*#page-wrap .download:active {
	background: url(../../img/kampagnenmotive/download.gif) no-repeat 0 0.25em;
	font-weight: normal;
	padding-left: 17px;
}

.download:hover{
	text-decoration: none !important;
}
.download:active,
.download:focus{
	background-color: #D20019 !important;
	color: #FFF !important;
	background-image: none !important;
}