/* Regeln, die für Frontend und Adminbereich benötigt werden */
/* Mixins zur einfachen Generierung von Codebloecken */
body { text-align: center; font-family: arial, verdana, sans-serif; font-size: 12px; }

@font-face { font-family: 'RaphaelIcons'; src: url("../fonts/raphaelicons-webfont.eot"); src: local("☺"), url("../fonts/raphaelicons-webfont.woff") format("woff"), url("../fonts/raphaelicons-webfont.ttf") format("truetype"), url("../fonts/raphaelicons-webfont.svg") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'WebSymbol'; src: url("../fonts/websymbolsligaregular.eot"); src: local("☺"), url("../fonts/websymbolsligaregular.woff") format("woff"), url("../fonts/websymbolsligaregular.ttf") format("truetype"), url("../fonts/websymbolsligaregular.svg") format("svg"); font-weight: normal; font-style: normal; }

input, textarea, select, button { font-family: arial, verdana, sans-serif; font-size: 1em; }

h1, h2, #authMessage { color: #cd1417; }

h1 { margin: 1em 0 1em 7em; }

h3 { color: #666666; }

.error { color: red; }

ul { list-style: none; margin: 0; padding: 0; }
ul li { margin: 0 0 0.5em 0; }

ol { margin: 0 0 0 1em; padding: 0; }
ol li { margin: 0 0 0.5em 0.5em; }

a { color: #666666; }

.header { overflow: hidden; }
.header a { background: transparent url("../img/logo.png") 0 0 no-repeat; width: 204px; height: 120px; text-indent: 100%; white-space: nowrap; display: block; float: left; background-size: 75%; }

.nomenu .header { overflow: hidden; padding: 0 0 0 4em; }
.nomenu .header a { background: transparent url("../img/logo.png") 0 0 no-repeat; width: 204px; height: 155px; text-indent: 100%; white-space: nowrap; display: block; float: left; background-size: 75%; }

#content { margin: 5em auto 10px; border: 1px solid #ababab; padding: 20px 20px 40px 20px; background-color: #ababab; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; width: 900px; /*@include background-image(linear-gradient(white, white 7em, #aaaaaa));*/ background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMzMuMzMzMzMlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI2Ni42NjY2NyUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(33.33333%, #ffffff), color-stop(66.66667%, #cccccc), color-stop(100%, #aaaaaa)); background-image: -webkit-linear-gradient(top, #ffffff, #ffffff, #cccccc, #aaaaaa); background-image: -moz-linear-gradient(top, #ffffff, #ffffff, #cccccc, #aaaaaa); background-image: -o-linear-gradient(top, #ffffff, #ffffff, #cccccc, #aaaaaa); background-image: linear-gradient(top, #ffffff, #ffffff, #cccccc, #aaaaaa); text-align: left; overflow: hidden; }

.invisible, .hidden { height: 0 !important; left: -1000px; position: absolute !important; text-indent: 100% !important; top: 0; white-space: nowrap; width: 1px !important; }

#contentnav { float: left; }
#contentnav .tabbox { padding: 5px; }
#contentnav #logoutlink { margin: 0 0 1em 0; padding: 5px; }
#contentnav .tabbox:nth-child(3) { margin: 0 0 1em 0; }

#contentapp { margin: 0 0 0 4em; background-color: #fff; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px / 4px; border-radius: 4px / 4px; padding: 30px; width: 600px; float: left; -webkit-box-shadow: 0px 0px 5px #333333; -moz-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; }

form#UserLoginForm { margin: 1em 0 2em 0; width: 300px; }
form#UserLoginForm label { float: left; }

.checkboxrow { overflow: hidden; }
.checkboxrow .checkbox { float: left; }
.checkboxrow .checkbox input, .checkboxrow .checkbox label { display: inline; vertical-align: middle; }
.checkboxrow .checkbox label { padding: 0.3em 1em 0 0.2em; }

.mleftcol, .mmiddlecol, .mrightcol { float: left; width: 45%; }

.mmiddlecol { width: 7%; padding: 2em 0 0 1em; }

.buttons { text-align: right; border-top: 3px solid #cd1417; padding: 10px 0; clear: both; margin: 0.5em 0 1em 0; }
.buttons input { margin: 0 0 0 1em; }
.buttons div { display: inline; margin: 0 0 0 1em; width: auto; }
.buttons input { width: auto !important; }

input#TopicTopic, input#TopEventListingSearchTerm { width: 97%; }

.topbuttons { border-top: none; border-bottom: 3px solid #cd1417; }

.input { margin: 0 0 1em 0; overflow: hidden; }
.input label { width: 100%; display: block; color: #666666; }
.input input { width: 56%; border: 1px solid #cd1417; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; border-radius: 2px / 2px; padding: 5px; }
.input .nolabel input { width: 100%; }

.error input { border: 2px solid red; }
.error .error-message { padding: 0.2em 0; }

.treeRootDiv label:first-child { margin: 0 0 1em 0 0; }

.checkbox { overflow: hidden; margin: 0 0 0.3em 0.5em; }
.checkbox input { width: auto; border: none; float: left; padding: 0 10px 0 0; }
.checkbox label { width: auto; color: black; margin: 0.2em 0 0 0.3em !important; }

.searchpager { background-color: #e9ebed; margin: 1em 0 1em; text-align: center; padding: 0.333333em 0.666667em; }
.searchpager li { display: inline; padding: 0 0.333333em; }

table { background-color: #fff; width: 100%; margin: 0 0 1em; }
table th { text-align: center; font-weight: bold; }
table td, table th { padding: 2px; }
table td.numeric, table th.numeric { text-align: right; }
table th { background-color: #e9ebed; text-align: left; }
table td { padding: 10px; vertical-align: top; border-bottom: 1px solid #E9EBED; }
table td.date-state-type-bottom { padding-top: 0; }
table td.date-state-type-top { padding-bottom: 0; border-bottom: none; }

#formwizard { overflow: hidden; margin: 1em 0; }
#formwizard .half { width: 47%; float: left; margin: 0 1em 1em 0; }
#formwizard .right { margin: 0 0 1em 0; }

#contentapp .text { margin: 0 0 1em 0; }
#contentapp .text label { margin: 1em 0 0.2em 0; }

#contentapp .geoinputs { overflow: hidden; margin: 1em 0; }
#contentapp .geoinputs .text { width: 30%; float: left; margin: 0 0.5em 0 0; }
#contentapp .geoinputs .text input { width: 90%; }
#contentapp .geoinputs button { width: 30%; float: left; margin: 2.5em 0 0 0; }

.links { margin: 0 0 1em 0; }
.links li { margin: 0.3em 0 0.3em 0; }

textarea, select { width: 100%; border: 1px solid #cd1417; -webkit-border-radius: 2px 2px; -moz-border-radius: 2px / 2px; border-radius: 2px / 2px; }

fieldset { border: none; margin: 0; padding: 0; }

.mceEditor table { width: 100% !important; }

.nolabel { padding: 1em 0 0 1em; }

.textarea { margin: 1em 0 0 0; }

.editlink { font-size: 0.8em; }

.pathCheckboxContainer { overflow: hidden; margin: 0 0 0.5em 0; }

.bt_plus, .bt_minus { float: left; margin: 0 0.5em 0 0; }
.bt_plus input, .bt_plus a, .bt_minus input, .bt_minus a { background-position: 0 0.15em; border: medium none; float: left; margin: 0 0.5em 0 0; padding: 0 0; width: 1.2em; height: 1.2em; display: block; text-decoration: none; }
.bt_plus input, .bt_minus input { color: transparent; }


.innerTableContent { padding: 10px 0 10px 40px; }

.blockslideclose, .blockslideopen { cursor: pointer; padding: 0 0 0 1.5em; }

.bt_plus { float: left; }
.bt_plus input, .bt_plus a { background: transparent url("../img/icons/icon_plus_small.png") no-repeat; }

em { display: block; }

.blockslideclose { background: transparent url("../img/icons/icon_plus_small.png") no-repeat; }

.blockslideopen { background: transparent url("../img/icons/icon_minus_small.png") no-repeat; }

.bt_minus { float: left; }
.bt_minus input, .bt_minus a { background: transparent url("../img/icons/icon_minus_small.png") no-repeat; }

#overDiv { background-color: #FFFFFF; border: 2px solid #cd1417; width: 15em; padding: 0.2em; }

.calendar-wrapper { margin-bottom: 10px; width: 400px; }

.contentcalendarnav { background-color: #E9EBED; border-color: #C6CBD0 #C6CBD0 -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; padding: 10px; }
.contentcalendarnav .contentcalendarnav_left { float: left; width: 33.33%; }
.contentcalendarnav .contentcalendarnav_left a { background: url("../img/icons/arrow_big_left_alpha.png") no-repeat scroll left center transparent; color: transparent; }
.contentcalendarnav .contentcalendarnav_middle { float: left; font-weight: bold; text-align: center; width: 33.33%; }
.contentcalendarnav .contentcalendarnav_right { float: right; text-align: right; width: 33.33%; }
.contentcalendarnav .contentcalendarnav_right a { background: url("../img/icons/arrow_big_right_alpha.png") no-repeat scroll right center transparent; color: transparent; }

.contentcalendar { border: 1px solid #C6CBD0; border-spacing: 3px; margin: 0; position: relative; width: 100%; }
.contentcalendar a { text-decoration: none; display: block; padding: 0.5em; background-color: #e9ebed; }
.contentcalendar .active a { color: #fff; background-color: #cc6666; color: #fff; }

#calendarWindow { background-color: #fff; padding: 0.5em; border: 2px solid #ababab; }
#calendarWindow .closeWindowDiv { float: right; }

.buttonlinklist span, .buttonlinklist img { vertical-align: middle; margin: 0 0.5em 0 0; }

.shortdate, .short { float: left; width: 15%; }
.shortdate input, .short input { width: 80%; }

.longdate { float: left; width: 35%; margin: 0 1em 1em 0; }
.longdate input { width: 90%; }

.short { margin: 0 2em 0 0 !important; }

.treeRootDiv input { float: left; margin: 0 0.3em 0 0; }

.treeChildDiv { overflow: hidden; float: none; clear: both; padding: 0 0 0 3em; margin: 0 0 1em 0; }
.treeChildDiv label { margin: 0 0 0 0.3em !important; }

.bt_kalender { margin-right: 0; margin-top: 30px; width: 24px; float: left; background: transparent url("../img/icons/icon_calendar.png") 0 0 no-repeat; }

input#ImageFile { margin: 1em 0 0 0; }

#onLoadDiv { display: block; padding: 0.333333333333em 0.5em 0.25em 1.66666666667em !important; background: white url("../img/icons/ajax-loader.gif") no-repeat 0.25em 0.3125em; border: 0.0625em solid; }

#images { overflow: hidden; }
#images .leftcol { float: left; width: 65%; margin: 0 1em 0 0; }
#images .rightcol { float: left; width: 30%; }

.fixfloat { border: medium none; clear: both; display: block; float: none; font-size: 0; height: 0; line-height: 0; margin: 0; padding: 0; width: 0; }

#TranslationsContent { display: block; border: 1px solid #DEDEDE; border-top: none; border-right: none; border-left: none; }

#onLoadDiv { height: 20px !important; }
#onLoadDiv span { display: block; height: 20px !important; }

.translations_overlay { display: block; padding: 1em; background: #ffffff; border: 1px solid #DEDEDE; z-index: 3; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; max-width: 75%; -webkit-box-shadow: #cccccc 2px 2px 10px; -moz-box-shadow: #cccccc 2px 2px 10px; box-shadow: #cccccc 2px 2px 10px; }
.translations_overlay button { display: inline; margin: 0 0 0 0.5em; }
.translations_overlay button:first-of-type { margin: 0 0 0 0; }
.translations_overlay .close { position: absolute; color: #fff; top: 0; right: 0; cursor: pointer; right: -0.5em; top: -1.8em; }
.translations_overlay .close:after { content: "Â"; color: #CD1417; font-family: "RaphaelIcons"; font-size: 3.5em; }
.translations_overlay fieldset { margin: 0; padding: 0; }
.translations_overlay legend { margin: 0 0 0.5em 0; }

.translations_tabs { overflow: hidden; background-color: #fff; padding: 0.5em 0 0 0; }
.translations_tabs ~ fieldset { border-top: 1px solid #ccc; }
.translations_tabs .tab { width: auto; left: 0; margin: 0; border-radius: 10px 10px 0 0; border: 1px solid #DEDEDE; z-index: 1; float: left; padding: 0 1.5em; background-color: #fff; height: 2em; margin: 0 0 0 -1em; position: relative; cursor: pointer; -webkit-box-shadow: #cccccc 3px 2px 3px; -moz-box-shadow: #cccccc 3px 2px 3px; box-shadow: #cccccc 3px 2px 3px; }
.translations_tabs .tab.error { border-color: #CD1417; border-bottom: none; }
.translations_tabs .tab.error button:nth-child(2) { color: #CD1417; }
.translations_tabs .tab.active { z-index: 2; margin: -0.5em 0 0 -1em; height: 2.5em; -webkit-box-shadow: #666666 4px 2px 4px; -moz-box-shadow: #666666 4px 2px 4px; box-shadow: #666666 4px 2px 4px; }
.translations_tabs .tab.active button { font-size: 1.2em; margin: 0.3em 0 0 0; }
.translations_tabs .tab.main { margin: 0 0 0 0; }
.translations_tabs .tab.active.main { margin: -0.5em 0 0 0; }
.translations_tabs .tab.delete { opacity: 0.4; }
.translations_tabs .tab:target { color: #000000; background-color: #c5d2de; z-index: 1; }
.translations_tabs .tab.addLangButton button:after { content: " Á"; color: #B4B4B4; font-family: "WebSymbol"; font-size: 1.5em; }
.translations_tabs .tab button { background-color: transparent; border: none; margin: 0; display: inline; margin: 0 0 0 0.5em; text-align: center; text-decoration: none; vertical-align: middle; padding: 0; cursor: pointer; }
.translations_tabs .tab button:nth-child(2) { font-size: 1.5em; font-family: WebSymbol; color: #B4B4B4; background-color: transparent; }

div.footer { text-align: right; width: 900px; margin: 0 auto 20px auto; }