/* flag sprites
sprites	http://www.flag-sprites.com/de_DE/
png to data:image  http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

*/

#divPlaetze
{
	background-color:rgba(0,0,0,0.2);
}


#placeholdeImage {
	background-color: #fff;
	cursor:pointer;
}
#legende {
	width: 100%;
	background-color: #fff;
}

.flag {
	width: 16px;
	height: 11px;
    margin-left: 2.5pt;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAhCAYAAABpwa0hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAL8ElEQVRoga2Zf5RV1XXHP/e+NxgQUBkUx2GC8itBAi41tCuN0YiAq21MNIvEIHTVHymatitEsRJqUWpMq6SlqSuJtc3KD01CamhckfojtVKVVAN2pQ7JalYIohIcYSlRhnnz7j1nn737x7n3/ZgZEIS71p597p137j7fvffZ53vOTcyMY7kGBweHvUBVG3pou1VElT/7zNUQ6qAKlSpOFOcFUw/o29p/6unedttDx/I2Uj0qtIe4xowZA0CrM2PTGs/MbJjs3bsX7+usXLkqDrZwTAhCCKUWRArxHgmCiMd7zw9/+INo7NZbow1VElUIAZMAQUhEqIiQeo+JYC164OGHj48DhoM/NOhSkiRBVUnTFICfbt0eAYrgvcc5h8sducvJ86ZkWUaeZXzs8vmt1rE9r0IIEbz3Dd0Q5zHvMOcw70l6eo5PBuzs38nkdDLBQjtIDDVt3KspplGrKR1plR2DO+gBTlalpwAvziHe4/Mcn+c45/BZhssz8jzH1zNyl3O6+DiAAJZYbBAYfEupv2WMO81ROUEw85i5Qoq2ekg82n8cHHDO18/hlgW3sPvgbkQFUcGrjxI8Lnh8cLjg8OpxEvWUcVN4+p6n2XzCPM4PgfO9b0THnMPyHMtzNMvRPCvaGVbPUZfR4YUqcR4nBEAYqAXsyym8XqW2aj6jJv47ozpGcAAeiA5Mj9UBAGIBb74p6nHqcOrw5nDmcFY8s/hcTECJaRlCBO08lmVYlqENqTfv63U0r6P1LPZrjCBg5qm8sAzZJyR/uoaOF6eR70+Ggy8FQfV4OCCFkAqSCi5xDfFEnZPjcDhyXOoa4lMPVSKIIEXUi0jneQRdrzcdMTiI5Rkhy1CXY8ETiiGYCWZCde4MDs5QWLuGypzzqNoozPICdN7mAMyjejxWgZ/AlFmejv2uqNAOKdJexMe2xLYPDtE41ydPFLY9DX41MNOwimJBUa+oD422iRUagjdMQL1h70/ItsTVM0lidJ97cTuzP+TIuo1tvU9w3vk1RjUi39QQHSZyHByQPwaVHkF3eWhUXNc+n1ufiwcJJNMDtwG/nAs2WbFTAqpRTAMaBFNFVeLyGAIarHgG1pmgC0E7oLJcsF2e3/P3Nuxc7P7xsPaZHqD3ODhAgdQLdHXF5UcCSHRG4j2IQKlFGksVIUTS4oiD6jiPFEeiAVNHogLmMQ2YekwFs9BId5yQ1o7dfnLMTDBJbCi7grdnYOXVu/4c3hVAHVgF8nr8v42HNAMN4CoQXGx3pKAZUIF+B9f+fe+I7z5S+9Wbv/aLNg+oKJ/96HhCCOR5TggBESFJEqYuOBcdAMlBihf9232bmXnBXLY8s4N9bwAEggY+v2wOv/ibr2AhMGfNCj63fivmU2qDGT0zRjP/hUd56SOf5M7rPtjm0KOlsmMOHBjev/yjGn83Ag0vpQpwxYVnAESiokZX17g2NqcaCU3Hnesx8Wgxr/Z//g4mnDSWS3duZtH1n+DF39R47n9fI1jCjLMmMPPcE8Hl2FkT+P3f6cFL4ILZncx75j7YuI57HvllHPWtdxf2lUQLNidaUNlQUFnBpGB3hR54+Fux//jxjbEmhSNKKp6YUQHSEdjoQF9fUQMMDg56Qohga7Vak8GpkiQJIQTG9+2JS5DLoXMiAmzeWef0hQu4ZMP3mT75NKZ/bD5/e+//kSRA74vgM5IEdu831k7cSWXLEyR/8QW++YOfc/e6n7ICAMH2vFbMTcW8QPCYl0I85qSgspHSJj3dbdnyjqi4CFU0Rj4EI6gSgpGmaSPt0zRtpozL0NxhkpM41xjAq6+9ye1vzOW6rjF0f2Etq9esjf+oHwQvAHzppXvhqtvpHbiYG//g+5z7gR6yPIdTz8UmT4ETxkbwRaEyCXHTItJslw4RgUmnNuwfLfjyN6pKVUQL4BG8aOT0aZoWS05LhzxGX50ncQ4HrFryPmacNSFGHODitc2w5HkUgHu+BsA5k2Dzo5/CDK5aPIP+7qsZN25cc/AGxuEHb2aQJPz2hk9yGrSk/VH0jx6g6pygaoSgeFWCGJVKJUYcqKagmsSUyXPMO9Q5EhEU+PmdX2bmeSdC78643DjX1KpYniMf/jDmHOpj/SAEqu/t5sf/M8C0Fx5pi9iRRK90gIjASSfB+vVYX1/MjEbWSHP76wWTlp2hCHR3o9/+NlUnigTDB0WCIqLDjIVQ7PRcTig4e1pkwJy/+hzWmgGt14UXormnY+tzsdAQt8AxQrDgV2/EJa9lB4kdmQOS1rR/5RXs5Zcx76CsGWW9GErIyu1wf38McOaEoBG4D4r40JjzJfjGQYVzcQp4D+JRYPlf/zeXXdjDz7bt4y9X/C6zTw+4W1Yy6uvfwmp1LDQYO32XXMKOK29myR2vcsHCU9m46T9h/HRWrbmI3a/X8BKD4CTgg+Il4KVVl+MMnDlpLE/e/U94ICmAIXJoBtqiyywRoJplEl8qihSGDrlu5nlcBr0nkYAAWSZM6hzFd++7lIE7bufA6LH8+SnX80BZM1TBjA9evIH/emozJ/3LN3hh4TP887yb2Pgjgb5+3qw5Xj+QRZBBi2OxgJeAKxxQapF4lDZ2dAfwWxSoFKl+NFScIjDVQecQUcaMrhAERNJG9S+vJIk1oDKpCxUhCYKFmAHL/mgGS//wvWR3rWb7Rdex8ak+JowNmEEyq5tEPWZGz3smsOyPN3Ltn3yIRdcu5TOf/gT7rrmSr/7Dr/FB6eoc3YiwhOgIH1oyUwJS1KpytYLjQIUvuv7HNpgJWeYYzISBzLFhVVfzJCYEnHNkWcbca65BabJAgEe+8RRnfO8BHppxET/b4vBSR0LguR99ikcXXo6JcOmTjzDvknWRy2pg4rtPYfWXlvD46nt54vlxgCtEhrRlyPPScqlTamw5Jiqc1GpDNwNxt1WsEsWp7shTQhTe3XPKkN5D33Z4mTDC74+mf+cXhw5f2/0k2hTXol20VAUoDnWLZSgp2hBPdROgglk6rBLv3TsQOx7DqSwAt90W+7yT/gq3XlpgN0MtIVjEGdQQSxCtIJrigyFqeDV8MB6+b6C5HX6np7pFj3d8KgtAkmB79jT7L1oUOcTjj2P9/YfvX5SqPTUjGAQFr0YI4C0CLQG7YLii3TM2gUypLl4MN9xgvPlmzJ4QYmct6LHIcC1iTJgAN96oHDhwoMHkjtR5DSb3yiucNmtWXClK8EuXwrx5EfS0adhddxWg29d1vG/Z9BlBQYyiUIIzK/hNE7QrxAfDh9i5+thjypw5Cbt3E8F58GJ4H8W5kfWUKQy7zIy65mx6eRMfOfOjnGAVzAxnge/8+jt8/MwrGJuOaePiCiQhxLV56lSYPx9btw579lns7LOxWg3bsAG7+mps3742BwDglGBJMc0NaY38EPANrYZX4K2iBsSVwtocUAItQTtveNd8LpJQFsfWiD/00kNsefUZBv0gy6ZdhZnx4M5/5Ynd/8G+2l5uft9N7VQWIMtjxBcsjFnw7LMR6PPPYw8+iJ18MrZxI7ZyJfbkkw0yowATtzFx9Jm4kMc5r4pXCq1F+kfu4EPzfvKYUXDGT6IDytR2vnBAK/BDZID3Fh1AO5X9+FmX058fYPG0KxrPl0y9kr2Dr7Fs5tKRqWwoePue38C892OzZ2PbtmIz34Nt3x4dsngxtnlzswYUUyBc/gGYvAKzl7F4voaNcBA6VKfpVO6qbqO6iQqz/N9Rd32oCOYE9YI6H7X3zbYTgveoBE6UbjZxP+j+to1Mh3Xw6ZnXDZvzK87+7LANT2MKlFT2gQew8eOxm26KqW+GLVmCDQxg998/IpVVhaQAFk97hwI+zKkwUF0EVGQH6ncd3alumM4koLOzk+XLl7Nr1y68983ves412t57nPd4VxyVS2D69On09vaSM4TKrluHXXYZ1tER5/7Bg4elsqpQQQpgrYAP7YjyMxoC1WOlkgDeC11dXXgfwZVfb33Lx87yC28IoSFFESc1a7e/dWu039kZt7uHsa8KqQnQ1QIuOiNJYrTjfcksQ0NUIanBMZ3qThu+GBzVVTvEu4/U/um/KhirNDWt92Wb9mflS/4fHtuzpb3GiToAAAAASUVORK5CYII=) no-repeat
}

.flag.bg {background-position: -16px 0}
.flag.de {background-position: -32px 0}
.flag.es {background-position: -48px 0}
.flag.fr {background-position: 0 -11px}
.flag.gb {background-position: -16px -11px}
.flag.nl {background-position: -32px -11px}
.flag.pl {background-position: -48px -11px}
.flag.ru {background-position: 0 -22px}
.flag.sy {background-position: -16px -22px}
.flag.tr {background-position: -32px -22px}
.flag.ua {background-position: -48px -22px}

canvas {
	display:none;
}

#placeholdeImage {
	background-color: #fff;
	width: 100%;
	background-size: 100%;
	cursor:pointer;
}
#legende {
	width: 100%;
	background-color: #fff;
}

/* lightbox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/* org default.css */


/*Suchergebnis*/

#SucheObertitel:link
{
	text-decoration:none;
	color:black;
}

#SucheUntertitel:link
{
	text-decoration:none;
	color:black;
}

#SucheTitel:link
{
	font-size:130%;
}

.outer
{
    height:4.5em;
    width: 3.5em;
    background-size: auto 100%;
    background-image:url(../images/defaultPreview.png);
    background-repeat: no-repeat;
}

.inner
{
    height:inherit;
    width:inherit;
    background-size: auto 100%;
    background-repeat: no-repeat;

}

/*
	-------------------------------------------
	calendar
	-------------------------------------------
	*/
	.cal
	{
		height:8ex;
		background-color: #ebebeb;
	}

    .cal > .month
    {
        text-align: center;
        color: #444444;
        font-size: 1em;
    }


    .cal > .day
    {
        padding: 0;
        text-align: center;
        font-weight: bold;
        font-size: 120%;
        color: #444444;
        font-size: 1.5em;
    }

    .cal > .wotag
	{
        text-align: center;
        color: #444444;
        font-size: 1.3em;
    }
	/*-----------------------------------------*/




/*Detailsuchbereich*/
#DetailSearch
{
	width:100%;
	display:none;
}

#txtFulltextSearch
{
	width:90%;
	font-size:150%;
}

#DetailSearchButtonContainer
{
	padding-top:10px;
	padding-bottom:10px;
}


#DetailSearchButtonContainer:Hover
{
	cursor:pointer;
}


/*Detailsuchbereich*/
#DetailSearch
{
	width:100%;
	display:none;
}

#txtFulltextSearch
{
	width:90%;
	font-size:150%;
}

#DetailSearchButtonContainer
{
	padding-top:10px;
	padding-bottom:10px;
}




div.EK2005_popblocker
{
	display: block;
	border: 5px solid #f00 ! important;
	background-color:#ffaaaa ! important;
	border: 5px solid #f00 ! important;
	font-size: 12pt ! important;
	font-weight: bold ! important;
	text-align: center ! important;
	padding: 10px ! important;
	margin: 10px ! important;
	color: #000 ! important;
	font-family: Arial ! important;
}

.imgGutschein10
{
	background-image: url(../images/10euro.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.imgGutschein25
{
	background-image: url(../images/25euro.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.imgGutschein50
{
	background-image: url(../images/50euro.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.imgGutschein100
{
	background-image: url(../images/100euro.png);
	background-position: center center;
	background-repeat: no-repeat;
}

li.flagDE,
li.flagAT
{
	background-repeat:no-repeat;
	background-position: 98% 50%;
}

li.flagDE { background-image: url(../images/flag/de.gif);}
li.flagAT { background-image: url(../images/flag/at.gif);}

div.wizzard
{
	background-image: url(../images/wizzard/wizzardverlauf.gif);
	background-repeat:no-repeat;
	padding-top: 5pt;
	padding-bottom: 5pt;
}
div.wizzard-step1 { background-position: 93%   35%; }
div.wizzard-step2 { background-position: 80%   35%; }
div.wizzard-step3 { background-position: 69%   35%; }
div.wizzard-step4 { background-position: 56%   35%; }
div.wizzard-step5 { background-position: 44%   35%; }
div.wizzard-step6 { background-position: 32.5% 35%; }
div.wizzard-step7 { background-position: 20%   35%; }
div.wizzard-step8 { background-position:  5%   35%; }

div.wizzard td
{
	width: 12.5%;
	background: none;
}


td.headImage img
{
	float: right;
	margin: 5pt;
}



table#tblmaincontrol a.fbButton {
    background-image: url(../images/fb-16x16.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    font-family:	'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
    padding-top: 5px;
    padding-bottom: 6px;
    padding-left: 26px;
    padding-right: 8px;
    border: 1px solid #29447E;
    border-bottom-color: #1A356E;
    border-top-color: #8A9CC2;
    border-left-color: #8A9CC2;
    display: inline-block;
    background-color: #5872A7;

}

#tblErmaessigungsrabatte
{
    border-spacing: 5;
}

#divBereichsAuswahlInfoSlide
/* InfoLayer, wird onMouseOver auf Webshield verwendet */
{
	width: 220px;
	height: 120px;
}

#wucbuchungmaincontrol1__ctl2_lblveranstaltungsname
{
    line-height: 1.0em;
}

#tblVorstellungsinfo
{
    padding-left: 10px;
}

.tblAuswahlTicketAnzahl
{
    padding-left: 10px;
}

.VorstellungsInfoToolTip
{
	height:auto !important;
	width:auto !important;
	padding: 5px;
}

td[id$="tdVorstellungsinfoKartentext1"]
{
	width:100%;
}

td[id$="tblVorstellungsinfoVeranstaltungsname"] h1
{
	margin-bottom:0;
}

.cal
{
	height:12ex !important;
	display:table-cell !important;
	vertical-align:middle !important;
	width:3.5em;
}

.searchStatus
{
	height:12ex !important;

}

.searchImageCell
{
	height:12ex !important;
	width:5em !important;
	max-width:5em !important;
}

.searchDefaultImage
{
	height:12ex !important;
}

#InfoBox
{

	display:none;
}

.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;

  -webkit-animation: rotate 2.0s infinite linear;
  animation: rotate 2.0s infinite linear;
}

.spinner>div {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;

  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.spinner>div:last-child {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

    .autocomplete-suggestion {
        font:10pt Verdana, Arial, Helvetica, sans-serif;
        line-height: 1.5em;
        cursor: pointer;
    }
    .autocomplete-suggestion.selected {
        background-color: #3B5998;
        color: #fff;
    }
    .autocomplete-suggestion .zip {
        display:inline-block;
        width: 70px;
    }
    .autocomplete-suggestion .cty {
        display:inline-block;
    }


table#tblMainControl #seitenwahl a.page {
	padding: 5pt 10pt;
	border: 1pt solid #5d76b4;
	background-color: #5d76b4;
	margin: 2.5pt;
	text-decoration: none;
}

table#tblMainControl #seitenwahl a.page.selectedPage
 {
	padding: 5pt 10pt;
	border: 1pt solid #6d84b4;
	background-color: #6d84b4;
	margin: 2.5pt;
}

table#tblMainControl #searchResult {
	margin-bottom: 10pt;
}

table#tblMainControl a.veranstaltungen_row.veranstaltungen_seperator {
	display: block;
	padding: 0 ! important;
}

    .table {
        display: table;
        width: 100%;
        text-align: left;
    }

    .hgroup {
        display: table-row-group;
    }

    .vgroup {
        display: table-column-group;
    }

    .row {
        display: table-row;
    }

    .cell {
        display: table-cell;
        vertical-align: top;
    }

    .sepa-table input {
        padding: 1.5pt;
    }

    .sepa-table .cell.label {
        width: 20%;
    }

    .sepa-table .cell input {
        width: 100%;
    }

    .sepa-table .cell {
        padding-top: 5pt;
        padding-bottom: 5pt;
    }

    .sepa-table .cell.spacer {
        width: 10pt;
    }
    .sepa-table .cell.iban {
        width: 60%;
    }
    .sepa-table .cell.bic {
    }
    .sepa-table .cell.konto {
    }
    .sepa-table .cell.blz {
    }


    .credit-table input {
        padding: 1.5pt;
    }

    .credit-table .cell.label {
        width: 40%;
    }

    .credit-table .cell input {
        width: 100%;
    }

    .credit-table .cell {
        padding-top: 5pt;
        padding-bottom: 5pt;
    }

    .credit-table .cell.spacer {
        width: 10pt;
    }
    .credit-table .cell.nummer {
        width: 80%;
    }
    .credit-table .cell.cvc {
    }

    .payments {
    }

    .payment p {
        margin-top: 0;
    }

        .payment:not(:last-child) {
            border-bottom: 1pt solid rgba(0,0,0,0.15);
        }

        .payment .left {
            width: 19.9%;
            min-width: 19.9%;
            max-width: 19.9%;
            overflow: hidden;
            padding: 1.5em;
        }

        .payment .right {
            width: 80%;
            padding: 1.5em;
        }

            .payment .right p.title {
                font-size: 1.5em;
            }

            .payment .right p.description {
            }

    .radio {
        width:40px;
        height:40px;
        display:inline-block;
        float:left;
        margin-top: -.4em;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjQgNjQiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgogIDxkZWZzIGlkPSJkZWZzNCI+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQxIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigyNDAsMjQwLDI0MCk7c3RvcC1vcGFjaXR5OjEiIGlkPSJzdG9wNyIgLz4KICAgICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigyMjAsMjIwLDIyMCk7c3RvcC1vcGFjaXR5OjEiIGlkPSJzdG9wOSIgLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoMTYwLDE2MCwxNjApO3N0b3Atb3BhY2l0eToxIiBpZD0ic3RvcDExIiAvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZDIiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDI0MCwyNDAsMjQwKTtzdG9wLW9wYWNpdHk6MSIgaWQ9InN0b3AxNCIgLz4KICAgICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigyMjAsMjIwLDIyMCk7c3RvcC1vcGFjaXR5OjEiIGlkPSJzdG9wMTYiIC8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDE2MCwxNjAsMTYwKTtzdG9wLW9wYWNpdHk6MSIgaWQ9InN0b3AxOCIgLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxnIGlkPSJzZWxlY3RlZCI+CiAgICA8Y2lyY2xlIGN4PSIzMiIgY3k9IjMyIiByPSIyMCIgZmlsbD0idXJsKCNncmFkMikiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNCIgaWQ9ImNpcmNsZTI0IiAvPgogICAgPGNpcmNsZSBjeD0iMzIiIGN5PSIzMiIgcj0iOCIgZmlsbD0iYmxhY2siIHN0cm9rZS13aWR0aD0iNCIgaWQ9ImNpcmNsZTI2IiAvPgogIDwvZz4KICA8ZyBpZD0idW5zZWxlY3RlZCI+CiAgICA8Y2lyY2xlIGN4PSIzMiIgY3k9IjMyIiByPSIyMCIgZmlsbD0idXJsKCNncmFkMSkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNCIgaWQ9ImNpcmNsZTIxIiAvPgogIDwvZz4KPC9zdmc+Cg==);
    }
    .radio.selected { /* selected */
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjQgNjQiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPgogIDxkZWZzIGlkPSJkZWZzNCI+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQxIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigyNDAsMjQwLDI0MCk7c3RvcC1vcGFjaXR5OjEiIGlkPSJzdG9wNyIgLz4KICAgICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigyMjAsMjIwLDIyMCk7c3RvcC1vcGFjaXR5OjEiIGlkPSJzdG9wOSIgLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoMTYwLDE2MCwxNjApO3N0b3Atb3BhY2l0eToxIiBpZD0ic3RvcDExIiAvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZDIiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDI0MCwyNDAsMjQwKTtzdG9wLW9wYWNpdHk6MSIgaWQ9InN0b3AxNCIgLz4KICAgICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigyMjAsMjIwLDIyMCk7c3RvcC1vcGFjaXR5OjEiIGlkPSJzdG9wMTYiIC8+CiAgICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDE2MCwxNjAsMTYwKTtzdG9wLW9wYWNpdHk6MSIgaWQ9InN0b3AxOCIgLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxnIGlkPSJ1bnNlbGVjdGVkIj4KICAgIDxjaXJjbGUgY3g9IjMyIiBjeT0iMzIiIHI9IjIwIiBmaWxsPSJ1cmwoI2dyYWQxKSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSI0IiBpZD0iY2lyY2xlMjEiIC8+CiAgPC9nPgogIDxnIGlkPSJzZWxlY3RlZCI+CiAgICA8Y2lyY2xlIGN4PSIzMiIgY3k9IjMyIiByPSIyMCIgZmlsbD0idXJsKCNncmFkMikiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iNCIgaWQ9ImNpcmNsZTI0IiAvPgogICAgPGNpcmNsZSBjeD0iMzIiIGN5PSIzMiIgcj0iOCIgZmlsbD0iYmxhY2siIHN0cm9rZS13aWR0aD0iNCIgaWQ9ImNpcmNsZTI2IiAvPgogIDwvZz4KPC9zdmc+Cg==);
    }

    input[type=radio] {
        display: none;
    }

    span.inputTypeRadio label{
        cursor: pointer;
    }


        #infoTimer {
        display: inline-block;
        background: -webkit-linear-gradient(#fffff, #eeeeff);
        background-color:#fff;
        position: fixed;
        top: 5pt;
        right: 5pt;
        padding: 10pt;
        z-index: 1000;
        border: 2pt solid #808080;
        border-radius: 5pt;
        opacity: 0.5;
        cursor: default;
        text-align: center;
    }

    #infoTimer:hover {
        opacity: 1;
    }

    #infoTimer span {
        display: block;
    }

        #infoTimer span.text {
            font: 8pt/10pt 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        }

        #infoTimer span.time {
            font: 14pt/16pt 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            padding: 5pt;
        }

        #infoTimer span.more {
            font: 8pt/10pt 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            font-weight: bold;
            text-decoration: underline;
            display: none;
        }

/* SOFORT */
    .su_success {
        border: 5pt solid #060;
        background: #090;
        color: #fff;
        padding: 10pt;
        text-align: left;
    }
    .su_cancel {
        border: 5pt solid #600;
        background: #900;
        color: #fff;
        padding: 10pt;
        text-align: left;
    }
        .su_success img,
        .su_cancel img {
            float: left;
            margin-right: 10pt;
        }

        .su_success h2,
        .su_cancel h2 {
            -webkit-margin-before:0;
        }