/* =============================================================================
 * reset & defaults
 * ========================================================================== */

/*     --reset
------------------------------------------------- */
* {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat;}
#wrapper *, #styler-panel * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#colorbox *, #wrapper .mejs-container * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
ol, ul {list-style: none;}
table {border-spacing: 0;}
   
/*     --float classes
------------------------------------------------- */
.float-left {float: left;}
.float-right {float: right;}

/*     --lightbox link höhe
------------------------------------------------- */
.image_container a {line-height: 0;}

/*     --lightbox width
------------------------------------------------- */ 
#mbCenter img {width: auto; max-width: 100%; height: auto; vertical-align: middle;}

/*     --clearings + defaults
------------------------------------------------- */
.inside{position:relative;text-align:left}
.block{overflow:hidden}
.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both}
.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}
.custom{display:block;text-align:left}
.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*+html #main{position:static}
header,footer,nav,section,aside,article,figure,figcaption{display:block}
#container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}

/*     --chromeframe
------------------------------------------------- */
#chromeframe {background: red; padding: 10px; color: #fff; text-align: center; position: relative; z-index: 10000;}

/*     --html
------------------------------------------------- */
html {height: 100.1%; margin-bottom: 1px;}


/* =============================================================================
 * columns for better content separation -responsive
 * ========================================================================== */

.full       		{overflow: hidden; margin-left: 0; width:100%; float:left;	position:relative;}
.one_half			{overflow: hidden; margin-left: 4%; width:48%; float:left; 	position:relative;}
.one_third			{overflow: hidden; margin-left: 5%; width:30%; float:left; position:relative;}
.two_third			{overflow: hidden; margin-left: 5%; width:65%; float:left; position:relative;} 
.one_fourth			{overflow: hidden; margin-left: 4%; width:22%; float:left; 	position:relative;}
.two_fourth			{overflow: hidden; margin-left: 4%; width:48%; float:left; 	position:relative;}
.three_fourth		{overflow: hidden; margin-left: 4%; width:74%; float:left; 	position:relative;}
.one_fifth			{overflow: hidden; margin-left: 5%; width:16%; float:left;	position:relative;}
.two_fifth			{overflow: hidden; margin-left: 4%; width:37%; float:left;	position:relative;}
.three_fifth		{overflow: hidden; margin-left: 4%; width:57%; float:left; 	position:relative;}
.four_fifth			{overflow: hidden; margin-left: 4%; width:79%; float:left; 	position:relative;}

.full.first, .one_fifth.first, .one_fourth.first, .two_fourth.first, .one_third.first, .two_fifth.first, .one_half.first, .three_fifth.first, .two_third.first, .three_fourth.first, .four_fifth.first { margin-left: 0!important; clear: left;}

/* =============================================================================
 * general styles & page setup
 * ========================================================================== */

/*     --tags
------------------------------------------------- */
a {color: #444; text-decoration: none;}
p {margin-bottom: 15px;}
#main a[target="_blank"]::before {font-family: "icons"; content: "\e8f3"; display: inline-block; margin-right: 5px;}
blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;}
blockquote p {line-height: 22px;}
iframe {max-width: 100%;}
#container .image_container img, .googlemaps {width: 100%;}
code, pre {font-family: monospace;}
hr {padding: 0; border: none; border-top: medium double #ddd; color: #ccc; text-align: center; height: 1px; margin: 25px 0;}

/*     --headlines
------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-family: 'Merriweather', serif; font-weight: 300; line-height: 1.3em;}
h1 {font-size: 30px; margin-bottom: 20px;}
h2 {font-size: 22px; margin-bottom: 15px;}
h3 {font-size: 18px; margin-bottom: 10px; background: url(../img/line-2.png) left bottom repeat-x; padding-bottom: 5px;}
h4 {font-size: 18px; margin-bottom: 10px;}
h5 {font-size: 13px; margin-bottom: 10px;}
h6 {font-size: 13px; margin-bottom: 10px;}

/*     --body
------------------------------------------------- */
body {color: #595151; font-family: Arial, Verdana, sans-serif; line-height: 18px; font-size: 11px; overflow-x: hidden;}

/*     --logo
------------------------------------------------- */
#logo {text-align: center; margin: 15px 0;}
#logo img {height: 160px;}

/*     --menu
------------------------------------------------- */
#menu {float: left; width: 240px; background: url(../img/bg-menu.png) left bottom no-repeat; position: relative; padding-bottom: 60px;}

/*     --wrapper
------------------------------------------------- */
#wrapper {width: 960px; margin: 0 auto;}

/*     --container
------------------------------------------------- */
#container {padding: 20px; margin-left: 260px; background: url(../img/trsp-white-90.png); -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; box-shadow: 0px 0px 10px #222; behavior: url(files/hotel/scripts/PIE.htc);}

/* without content */
body.without_content #container {display: none;}

/* =============================================================================
 * sidebars
 * ========================================================================== */

/*     --sidebar_left
------------------------------------------------- */
body.sidebar_left #main {overflow: hidden; width:65%; float:left; position:relative;}
body.sidebar_left #left {overflow: hidden; margin-right: 5%; width:30%; float:left; position:relative;}
body.sidebar_left #left .inside {padding-right: 10%; border-right: 1px solid #ddd;}

/*     --sidebar_right
------------------------------------------------- */
body.sidebar_right #main {overflow: hidden; width:65%; float:left; position:relative;}
body.sidebar_right #right {overflow: hidden; margin-left: 5%; width:30%; float:left; position:relative;}
body.sidebar_right #right .inside {padding-left: 10%; border-left: 1px solid #ddd; padding-bottom: 45px;}
	
/*     --footer
------------------------------------------------- */
#footer {border-top: 1px solid #ddd; clear: both;}
#footer .inside {overflow: hidden; padding: 25px 0 0 0;}
#footer li {display: inline-block; margin-right: 20px;}
#footer .socials ul {text-align: right;}
#footer .socials ul li {margin-left: 5px; margin-right: 0;}

/* =============================================================================
 * menue
 * ========================================================================== */
 
/*     --mainmenue
------------------------------------------------- */
nav#mainmenu {overflow: visible!important; line-height: 0;}
nav#mainmenu ul {position: relative; width: 100%; white-space:nowrap; text-align: center;}
nav#mainmenu ul ul {width: auto; display: none;}
nav#mainmenu ul:after {content: ""; clear: both; display: block;}
nav#mainmenu ul li {position: relative; display: block; border-top: 1px solid #c1bdba; margin: 0 15px;}
nav#mainmenu ul li:hover > ul {display: block;}
nav#mainmenu ul li a {display: block; font-family: 'Oswald', serif; padding: 18px 0px; text-decoration: none; font-size: 18px; line-height: 18px; font-weight: 300;}
nav#mainmenu ul li a.first {border-top: 0;}
nav#mainmenu ul ul {left: 205px;border-radius: 0px; padding: 0; position: absolute; top: 0; z-index: 1000; text-align: left; background: url(../img/trsp-white-90.png) repeat;}
nav#mainmenu ul ul li {float: none; position: relative; border-top: 1px solid #ddd; margin: 0 5px; padding: 4px 0;}
nav#mainmenu ul ul li.first {border: 0;}
nav#mainmenu ul ul li a {padding: 9px 25px 7px 25px; color: #333; line-height: 1em; background: url(../img/icons/icon-arrow-gray.png) 5px center no-repeat; font-size: 14px; font-weight: 300;}	
nav#mainmenu ul ul ul {position: absolute; left: 100%; top:0;}
nav#mainmenu ul a:before {line-height: 24px!important; width: 20px!important}
nav#mainmenu ul a.trail,
nav#mainmenu ul a.active,
nav#mainmenu ul a:hover {background-color: rgba(0,0,0,0.05);}
nav#mainmenu ul a {transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}

/*     --subline in mainmenue
------------------------------------------------- */
nav#mainmenu span {display: block; line-height: 13px; margin-top: 10px; font-size: 13px; color: #7e7c7b;}
nav#mainmenu ul ul span {display: none;}

/*     --submenu-sidebar
------------------------------------------------- */
#submenu {margin-bottom: 25px;}
#submenu a {display: block; padding: 9px 25px 7px 25px; margin-bottom: 2px; border-bottom: 1px solid #ddd; line-height: 1em; background: url(../img/icons/icon-arrow-gray.png) 5px center no-repeat;}
#submenu li ul li {border: 0;}
#submenu ul ul {margin-left: 12px; margin-top: 5px;}
#submenu ul ul li {padding: 0;}
#submenu a:hover, #submenu a.active, #submenu span {background-color: #ddd;}

/*     --mobilenavi
------------------------------------------------- */
#mobnav {display: none;}
.selectnav {display: none;}
 
/* =============================================================================
 * features + contao modules
 * ========================================================================== */

/*     --back links
------------------------------------------------- */
.back a:before {font-family: "icons"; content: '\e881'; margin-right: 5px;}

/*     --table_simple
------------------------------------------------- */
table {margin-bottom: 10px; border-bottom: solid 3px #E3E3E3; width: 100%;}
table td {border-top: solid 1px #E3E3E3; padding: 0.5em; text-align: left;}
table td p {margin: 0;}
table th {text-align: left; padding: 0.5em;}

/*     --table_extended
------------------------------------------------- */
.table-extended table {text-align: center; color: #666; font-size: 12px; text-shadow: 1px 1px 0px #fff; border: 1px solid #e0e0e0;}
.table-extended table td {border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-top: 1px solid #ffffff; background: #fafafa;}
.table-extended table th {border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fafafa; background: #ededed;}
.table-extended table th.col_first {text-align: left;}
.table-extended table tr.odd td {background: #f6f6f6;}
.table-extended table td.col_first {text-align: left; border-left: 0;}
.table-extended table .row_last td {border-bottom: 0;}
.table-extended table td:hover {background: #ddd!important;}
.table-extended table td {-webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}

/*     --ce_gallery with responsive grid
------------------------------------------------- */
.ce_gallery .row1	{overflow: hidden; margin-left: 0; width:100%; float:left; margin-bottom: 15px;}
.ce_gallery .row2	{overflow: hidden; margin-left: 4%; width:48%; float:left; margin-bottom: 15px;}
.ce_gallery .row3	{overflow: hidden; margin-left: 5%; width:30%; float:left; margin-bottom: 15px;}
.ce_gallery .row4	{overflow: hidden; margin-left: 4%; width:22%; float:left; margin-bottom: 15px;}
.ce_gallery .row5	{overflow: hidden; margin-left: 5%; width:16%; float:left; margin-bottom: 15px;}
.ce_gallery .row6	{overflow: hidden; margin-left: 2%; width:15%; float:left; margin-bottom: 15px;}
.ce_gallery .row7	{overflow: hidden; margin-left: 1.5%; width:13%; float:left; margin-bottom: 15px;}
.ce_gallery .row8	{overflow: hidden; margin-left: 1.71%; width:11%; float:left;	position:relative;}
.ce_gallery .row9	{overflow: hidden; margin-left: 1.25%; width:10%; float:left;	position:relative;}
.ce_gallery .row10	{overflow: hidden; margin-left: 1%; width:9.1%; float:left;	position:relative;}
.ce_gallery .row11	{overflow: hidden; margin-left: 1.1%; width:8.09%; float:left;	position:relative;}
.ce_gallery .row12	{overflow: hidden; margin-left: 1%; width: 7.41%; float:left;	position:relative;}

.ce_gallery .col_first {margin-left: 0!important; clear: both;}

.ce_gallery img {width: 100%; display: block; height: auto;}
.ce_gallery li a img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity:.5;}
.ce_gallery li a img {-webkit-transition:all .2s ease-in-out;	-o-transition:all .2s ease-in-out;	-moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.ce_gallery .caption {letter-spacing: 0; word-spacing: 0; font-size: 12px; line-height: 16px;}

/* special classes for ce_gallery */
.ce_gallery.image-border img {border: 1px solid #ddd;}
.ce_gallery.opacity img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity: 0.7;}
.ce_gallery.opacity img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1;}

/*     --image_container
------------------------------------------------- */
.image_container {position: relative; padding: 0; margin-bottom: 10px;}
.image_container .caption {background: #000; color: #fff; padding: 3px 6px; width: auto!important; font-size: 11px; position: absolute; right: 0; bottom: 0; width: auto!important; opacity: 0.8;}
.image_container.float_right, .image_container.float_left {float: right; width: 45%; padding: 0; margin-bottom: 3%;}
.image_container.float_right {margin-left: 5%;}
.image_container.float_left {margin-right: 5%; float: left;}
.image_container img {width: 100%; display: block; height: auto;}
.noresize .image_container {margin: 0!important; width: auto!important}
.noresize .caption {display: none;}

/*     --list
------------------------------------------------- */
.ce_text ul, .ce_list ul, .ce_text ol, .ce_list ol {margin-bottom: 15px;}
.ce_text li, .ce_list li, .ce_text ol, .ce_list ol {line-height: 1.5em;}
.ce_text ul li, .ce_list ul li {list-style-type: circle; list-style-position: outside;}
.ce_text ul {padding-left: 20px;}
.ce_text ol, .ce_list ol {list-style: decimal; padding-left: 25px;}
.ce_text ol ol, .ce_list ol ol {list-style: upper-alpha;}
.ce_text ol ol ol, .ce_list ol ol ol {list-style: lower-roman;}

/*     --blockquote
------------------------------------------------- */
.blockquote-a {padding-left: 35px; position: relative;}
.blockquote-a p{text-align: justify; font-family: Georgia, Times, serif; font-size: 13px; font-style: italic; line-height: 20px;}
.blockquote-a:before {font-family: "icons"; content: "\275e"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px; font-style: normal; font-size: 25px;}
.blockquote-b {padding-left: 35px; position: relative;}
.blockquote-b {font-size: 17px; line-height: 24px;}
.blockquote-b:before {font-family: "icons"; content: "\275c"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px; font-style: normal; font-size: 25px;}

/*     --ce_comments
------------------------------------------------- */
.ce_comments .widget {margin-bottom: 10px;}

/*     --content-box
------------------------------------------------- */
.content-box-a {background-color: #fefcf2;	padding: 20px 20px 10px 20px; border: 1px solid #ccc; margin: 0 auto;}
.content-box-b {padding: 20px 20px 10px 20px; border: 1px solid #e9e7e7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #ffffff; background: -moz-linear-gradient(top, #f1f1f1, #fff 15%); background: -webkit-gradient(linear, 0 0, 0 15%, from(#f1f1f1), to(#fff));}
.content-box-c {padding: 20px 20px 10px 20px; border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-d {padding: 20px 20px 10px 20px; border: 1px solid #e9e7e7; background: #FFCEBE; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: 1px 1px 1px white;}
.content-box-e {padding: 20px 20px 10px 20px; border: 1px solid #E0E0E0; background: #F6F6F6; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-f {padding: 20px 20px 10px 20px; border: 1px solid #E0E0E0; background: #F7F4B4; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-g {padding: 20px 20px 10px 20px; border: 4px solid #e9e7e7; background: #ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-shadow: 1px 1px 1px white;}

	/*     --dropcaps
------------------------------------------------- */
.dropcap-red p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #8C2626;}
.dropcap-blue p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #26738C;}
.dropcap-grey p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #9B9B9B;}
.dropcap-black p:first-letter  {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1; color: #000;}

	/*     --hyperlinks + forms submit buttons
------------------------------------------------- */
.button, input[type="submit"], input.submit {color: #fff; font-weight: bold; text-shadow: -1px -1px 1px rgba(0,0,0, 0.25); padding: 10px 12px; text-align: center; display: inline-block; margin-bottom: 18px; -webkit-box-shadow: 0 2px 2px rgba(0,0,0, 0.2), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); -moz-box-shadow: 0 2px 2px rgba(0,0,0, 0.2), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); box-shadow: 0 2px 2px rgba(0,0,0, 0.2), inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); background: #7a7a7a; cursor: pointer;}
.button:hover, input[type="submit"]:hover, input.submit:hover {color: #fff; text-decoration: none; -webkit-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12); -moz-box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);    box-shadow: 0 2px 1px rgba(0,0,0, 0.2), inset 0 1px 1px rgba(255,255,255, 0.5), inset 0 10px 20px rgba(255,255,255, 0.20), inset 0 -10px 20px rgba(0,0,0, 0.12);}
.button:active, input[type="submit"]:active, input.submit:active {-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0, 0.3), inset 0 10px 20px rgba(0,0,0, 0.08); -moz-box-shadow: inset 0 2px 2px rgba(0,0,0, 0.3), inset 0 10px 20px rgba(0,0,0, 0.08); box-shadow: inset 0 2px 2px rgba(0,0,0, 0.3), inset 0 10px 20px rgba(0,0,0, 0.08);}

/* sizes */
.button.small {padding: 8px 10px; font-size: 11px;}
.button.large {padding: 15px 22px; font-size: 15px; line-height: 33px; vertical-align: middle;}

/* rounded corners */
.button.rounded3 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.button.rounded5 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.button.rounded10 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.button.rounded99 {-webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px;}

/* icons */
.button.large[class^="icon-"]:before, .button.large[class*=" icon-"]:before {font-size: 33px; line-height: 33px; margin-right: 0.5em; vertical-align: middle;}
.button[class^="icon-"]:before, .button[class*=" icon-"]:before {margin-right: 0.6em;}

	/*     --testimonial
------------------------------------------------- */
.testimonial {overflow: visible; position: relative; margin-bottom: 25px; padding: 15px 20px 0px 20px; font-family: "Georgia", serif; font-style: italic; background-color: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); box-shadow: 0px 1px 1px rgba(0,0,0,0.3); font-size: 13px;}
.testimonial em {font-family: Arial, sans-serif; font-size: 11px;}
.testimonial:before {font-family: "icons"; content: "\e914"; text-indent: 0; display: inline-block; position: absolute; bottom: -16px; right: 45px; width: 1em; font-style: normal; font-size: 20px; color: #c8c8c8; line-height: 20px; height: 20px;}

/*     --nachrichtenliste
------------------------------------------------- */
.nachrichtenliste {margin-bottom: 25px; overflow: hidden;}
.nachrichtenliste .image_container {width: 100%;}
.nachrichtenliste .image_container img {margin-bottom: 20px;}
.nachrichtenliste .date {margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px;}
.nachrichtenliste .date:before {font-family: "icons"; content: "\e82f"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenliste .author {margin-bottom: 10px; display: inline-block; font-size: 11px;  margin-right: 20px;}
.nachrichtenliste .author:before {font-family: "icons"; content: "\e806"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenliste .comments {margin-bottom: 10px; display: inline-block; font-size: 11px;}
.nachrichtenliste .comments:before {font-family: "icons"; content: "\e8b8"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenliste .more {float: right;}
.nachrichtenliste .more a {color: #fff;}

/*     --nachrichtenteaser
------------------------------------------------- */
.nachrichtenteaser {overflow: hidden;}
.nachrichtenteaser .image_container {width: 75px; float: left; margin-right: 10px;}
.nachrichtenteaser .date {margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px; background: #f1f1f1; border: 1px solid #e3e3e3; padding: 1px 6px;}
.nachrichtenteaser .date:before {font-family: "icons"; content: "\e8d2"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenteaser h4, .nachrichtenteaser h4 a {font-size: 13px; margin: 0 0 10px 0; padding: 0; background: none!important;}

/*     --nachrichtenleser
------------------------------------------------- */
.nachrichtenleser .image_container {margin-bottom: 20px;}
.nachrichtenleser .date {margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px;}
.nachrichtenleser .date:before {font-family: "icons"; content: "\e8d2"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .author {margin-bottom: 10px; display: inline-block; font-size: 11px;  margin-right: 20px;}
.nachrichtenleser .author:before {font-family: "icons"; content: "\e806"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .comments {margin-bottom: 10px; display: inline-block; font-size: 11px;}
.nachrichtenleser .comments:before {font-family: "icons"; content: "\e8b8"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .back {padding-top: 10px; margin-top: 10px; border-top: 1px solid #ddd;}
.nachrichtenleser .back a {font-size: 10px; text-transform: uppercase;}
.nachrichtenleser img {border: 1px solid #ddd;}

/*     --comment_default
------------------------------------------------- */
.comment_default {padding-bottom: 5px; border-bottom: 1px solid #ddd; margin-bottom: 25px;}

/*     --login-form
------------------------------------------------- */
.mod_login {padding: 2em; border: 1px solid #ddd;}
.mod_login table td, .mod_login table {border: 0;}
.mod_login input {margin-bottom: 5px;}

/*     --ce_accordion
------------------------------------------------- */
.ce_accordion {border-bottom: 1px solid #b9bcbe;}
.ce_accordion .accordion {padding: 0 3%; background-color: white; border: 1px solid #b9bcbe;}
.ce_accordion .accordion > div {padding: 12px;}
.ce_accordion .toggler { position: relative; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc;	padding: 8px 7.69231% 8px 3.84615%;	outline: none; text-shadow: 0 1px 0 white; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #ffffff), color-stop(100%, #e0e3e3)); background-image: -webkit-linear-gradient(#ffffff 1%, #e0e3e3 100%); background-image: -moz-linear-gradient(#ffffff 1%, #e0e3e3 100%); background-image: -o-linear-gradient(#ffffff 1%, #e0e3e3 100%);	background-image: linear-gradient(#ffffff 1%, #e0e3e3 100%); background-color: #eaeaea;	cursor: pointer; -webkit-box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, -1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);	-moz-box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, -1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);	box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, -1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);}
.ce_accordion .toggler:after {font: 16px/0 "icons";	content: "\2193"; text-indent: 0; display: inline-block; position: relative; position: absolute; right: 3%; top: 50%; display: none;}
.ce_accordion .toggler:hover {background: white;}
.ce_accordion .toggler:hover:after {display: block;}
.ce_accordion .toggler.active {background: white; font-weight: bold;}
.ce_accordion .toggler.active:after {display: block;}
.ce_accordion hr:after {background-color: white !important;}

	/*     --pagination
------------------------------------------------- */
.pagination {clear: both; border-top: 1px solid #ddd; padding-top: 5px; margin-top: 10px;}
.pagination ul {padding: 0; float: left;}
.pagination p {float: right;}
.pagination li {background: none; padding: 0; margin: 0; float: left; list-style-type: none;}
.pagination li:before,
.pagination li a:before {content: '';}
.pagination li a,
.pagination li span {background: #333; display: block; margin-right: 1px; color: #fff; text-decoration: none; padding: 3px 7px;}
.pagination li span.current {background: #666;}

/*     --mod_subscribe
------------------------------------------------- */
.mod_subscribe table td,
.mod_subscribe table {border: 0;}
.mod_subscribe {background: #ededed; padding: 5%; border: 1px solid #ddd;}
.mod_subscribe input {width: 48%; float: left;}
.mod_subscribe label {width: 100%; display: block;}
.mod_subscribe .submit {margin: 0!important; box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none;}

/*     --mod_subscribe in sidebar
------------------------------------------------- */
#left .mod_subscribe, #right .mod_subscribe {padding: 10%;}
#left .mod_subscribe input, #right .mod_subscribe input {width: 100%!important;}
#left .mod_subscribe input.submit, #right .mod_subscribe input.submit {margin: 10px 0 0 0!important;}
#left .mod_subscribe h4, #right .mod_subscribe h4 {font-size: 17px; margin-bottom: 10px;}

/*     --mod_calendar
------------------------------------------------- */
.mod_calendar table {border-bottom: 1px solid #B9BCBE;}
.mod_calendar td {padding: 1.5%}
.mod_calendar td.col_first {border-left: 1px solid #B9BCBE;}
.mod_calendar th.label {border-bottom: 1px solid #B9BCBE; padding: 10px 0;}
.mod_calendar th.head {padding: 0;}
.mod_calendar th.previous a, .mod_calendar th.next a {padding: 3px; border: 1px solid #b9bcbe; background: #ededed; display: inline-block; white-space: nowrap;}
.mod_calendar th.previous a:hover, .mod_calendar th.next a:hover {border-color: #84898d !important;}
.mod_calendar th.previous a:after, .mod_calendar th.previous a:before, .mod_calendar th.next a:after, .mod_calendar th.next a:before {display: none;}
.mod_calendar th.current {text-align: center;}
.mod_calendar th.next {text-align: right;}
.mod_calendar th.previous {text-align: left;}
.mod_calendar th.label {text-align: center;}
.mod_calendar td {width: 14.28%; border-right: 1px solid #b9bcbe; background: #eaeaea; padding-left: 5px;}	
.mod_calendar td.empty, .mod_calendar td:hover {background: #fff;}
.mod_calendar td.today { color: white !important; background: #969696; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset;	-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset;}
.mod_calendar td.today a {color: white !important;}
.mod_calendar th.current:before {font-family: "icons"; content: "\e73e"; text-indent: 0; display: inline-block; position: relative; top: -1px;	left: 0; margin-right: 5px;}

/*     --mod_eventreader
------------------------------------------------- */
.mod_eventreader .info:before {font-family: "icons"; content: "\1f4c5"; text-indent: 0; display: inline-block; position: relative; top: -1px; left: 0; margin-right: 5px;}

/*     --mod_eventlist
------------------------------------------------- */
.mod_eventlist .event {margin-bottom: 25px;}
.mod_eventlist h2 {margin-bottom: 5px;}
.mod_eventlist p.time {border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 3px 0;}
.mod_eventlist p.time:before {font-family: "icons"; content: "\e91a"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}

/*     --mod_sitemap
------------------------------------------------- */
.mod_sitemap ul ul {margin-left: 15px;}
.mod_sitemap ul li {border-bottom: 1px dashed #888; padding-bottom: 15px; margin-bottom: 15px; font-weight: normal;}
.mod_sitemap ul li ul li {border: 0; padding-bottom: 0px; margin-bottom: 3px;}
.mod_sitemap li:before {font-family: "icons"; content: '\25b8'; margin-right: 5px;}
.mod_sitemap li.submenu {font-weight: bold;}
.mod_sitemap li.submenu:before {font-family: "icons"; content: '\e824'; margin-right: 5px;}
.mod_sitemap li a:before {content: '';}

/*     --mod_faqlist
------------------------------------------------- */
.mod_faqpage {counter-reset: mod_faqpage;}
.mod_faqpage h2 {margin-bottom: 20px;}
.mod_faqpage section h3::before {counter-increment: mod_faqpage; content: counter(mod_faqpage, decimal); display: inline-block; width: 7%; margin-right: 0.5em; text-align: center;}
.mod_faqpage section {margin-bottom: 35px;}
.mod_faqpage .info {font-size: 11px;}
.mod_faqpage .info:before {font-family: "icons"; content: "\e82f"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}
.mod_faqpage .toplink {border-bottom: 1px solid #ddd;}
.mod_faqpage .toplink:before {font-family: "icons"; content: "\e911"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}

/*     --mod_registration
------------------------------------------------- */
.mod_registration {padding: 2em; border: 1px solid #ddd;}
.mod_registration .submit_container {width: 100%;}

/*     --mod_search
------------------------------------------------- */
.mod_search input {width: 45%!important; float: left;}
.mod_search input[type="search"] {-webkit-appearance: textfield!important; margin-right: 20px!important; padding-right: 0!important;}
.mod_search .even, .mod_search .odd {padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.mod_search .relevance {float: right; font-size: 12px;}
body.no_navisubline #top .mod_search {bottom: 12px;}
.mod_search .submit:before {font-size: 16px; line-height: 1em; font-family: 'icons';  font-style: normal;  font-weight: normal;  speak: none;  display: inline-block;  text-decoration: inherit;  width: 1em; text-align: center; content: '\e92a';}
.mod_search .submit {margin: 0; padding: 5px; display: inline-block; height: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0.7;}
.mod_search .submit:hover {opacity: 1;}
#container .mod_search .submit {height: 34px;}
#container .mod_search form {overflow: hidden;}

/*     --mod_nl_reader
------------------------------------------------- */
.mod_nl_reader table {border: 0!important;}
.mod_nl_reader table td {padding: 0; border: 0!important;}

/*     --mod_nl_list
------------------------------------------------- */
.mod_nl_list li {border-bottom: 1px solid #ededed; padding: 15px 0;}
.mod_nl_list li a {margin-left: 40px;}

/*     --404 page
------------------------------------------------- */
#page-404 h1 {font-size: 120px; text-align: center; text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF; color: #ccc; border: 0; margin: 0;}
#page-404 p {text-transform: uppercase; font-size: 20px; text-align: center;}
#page-404 p a {text-transform: none; margin: 0;}


/* =============================================================================
 * media-queries - tablets
 * ========================================================================== */

@media only screen and (max-width: 980px) {
	/* wrapper */
	#wrapper {width: 98%; max-width: 960px;}
	
	/* logo */
	#logo {text-align: center; width: 100%; left: 0; top: -35px;}
	
	/* header */
	header {padding-top: 50px;}
	
	/* socials */
	#socials {top: -40px;}
	
	/* mainmenu */
	#mainmenu {position: static; text-align: center;}
	
	/* full width */
	body.full_width #main .inside {padding: 0; width: 100%;}

	/* mobile-select */
	#mobile-select {display: none;}
	
	/* mod_calendar */	
	.mod_calendar th.label {font-size: 9px;}
	
}


/* =============================================================================
 * media-queries - phones
 * ========================================================================== */

@media only screen and (max-width: 767px) {
	/* wrapper */
	#wrapper {width: 100%;}
	
	/* header */
	#menu {float: none; position: static; margin: 0 auto; background-position: top center;}
	body.without_content #menu {background-position: bottom center;}
	
	/* container */
	#container {margin: -50px 0 0 0; background: #fff;}
	
	/* logo */
	#logo {margin: 0;}
	
	/* mainmenu + mobilemenu */
	#mobilenavicenter {text-align: center;}
	#dropdown {display: none;}
	.selectnav {display: inline-block; width: 80%; margin: 10px 0; text-align: center;}
	
	body.sidebar_left #main,
	body.sidebar_left #left,
	body.sidebar_right #main,
	body.sidebar_right #right,
	body.sidebar_both #main,
	body.sidebar_both #left,
	body.sidebar_both #right {width: 100%; margin: 0;}
	
	body.sidebar_left #main .inside,
	body.sidebar_left #left .inside,
	body.sidebar_right #main .inside,
	body.sidebar_right #right .inside,
	body.sidebar_both #main .inside,
	body.sidebar_both #left .inside,
	body.sidebar_both #right .inside {width: 100%; float: none; border: 0; margin: 0; padding: 0;}
	
	#right {margin-top: 15px!important; padding-top: 15px; border-top: 4px solid #ddd;}
 	#left {margin-bottom: 15px!important; padding-bottom: 15px; border-bottom: 4px solid #ddd;}

	/* css-framework */
	.full, .one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth {width: 100%; margin: 0 0  15px 0;}
	
	/* extension subcolumns */
 	.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r,
 	.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c66l, .c62l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l {float: none; width: 100%; padding: 0; margin: 0;}
 	.subcr, .subcl, .subc {padding: 0!important;}
 	
 	/* ce_gallery */
	.ce_gallery .row2, .ce_gallery .row3, .ce_gallery .row4, .ce_gallery .row5, .ce_gallery .row6, .ce_gallery .row7, .ce_gallery .row8, .ce_gallery .row9, .ce_gallery .row10, .ce_gallery .row11, .ce_gallery .row12 { width: 100%; margin-left: 0;}
 	
 	/* image_container */
 	.image_container {margin-bottom: 10px;}
 	
 	/* footer */
 	#footer .one_half {text-align: center;}
 	#footer .socials ul {text-align: center; margin-top: 10px;}

 	/* disable webkit text size adjust (for iPhone) */
 	html {-webkit-text-size-adjust: none;} 
 	
 	/* tables */
 	table {font-size: 9px;}
 	
 	/* ce_gallery */
	 .ce_gallery .row2, .ce_gallery .row3, .ce_gallery .row4, .ce_gallery .row5, .ce_gallery .row6, .ce_gallery .row7, .ce_gallery .row8, .ce_gallery .row9, .ce_gallery .row10, .ce_gallery .row11, .ce_gallery .row12 { width: 100%; margin-right: 0;}
	
	/* submenu */
	#submenu {display: none;}


}

/* =============================================================================
 * forms
 * ========================================================================== */

/*     --input-wrapper
------------------------------------------------- */
.input-wrapper {margin-bottom: 12px; position:inherit!important}
.input-wrapper * {width: 99.9%!important; margin-left: 0!important;}
.ce_form .full {width: 99.9%;}

/*     --fieldset+legend
------------------------------------------------- */
fieldset {border: 1px solid #ccc; padding: 0.5em; margin-bottom: 20px;}
legend {display: none;}

/*     --input, select, textarea
------------------------------------------------- */
input, select, textarea {width: 100%; padding: 10px; margin: 0; border: 1px solid #ccc; color: #333; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0px 0px 1px 1px #ddd; box-shadow: inset 0px 0px 1px 1px #ddd;}
input[type="search"] {-webkit-appearance: none; border-radius: 0;}
input[type="submit"], input.submit {color: #fff;}
select {height: 35px; padding: 8px;}
textarea {height: 200px;}

/*     --radio-buttons
------------------------------------------------- */
.radio_container {margin-top: 1px;}
.radio_container legend span {margin-bottom: 5px; display: inline;}
.radio_container label {float: none;}
.radio_container input {width: 20px; border: none; padding: 0; box-shadow: none; -webkit-box-shadow: none;}
.radio_container legend {display: block; overflow: hidden;}
.radio_container span {display: block;}

/*     --checkboxes
------------------------------------------------- */
.checkbox_container {margin-top: 1px;}
.checkbox_container legend span {margin-bottom: 5px; display: inline;}
.checkbox_container label {float: none;}
.checkbox_container input {width: 20px!important; border: none!important; padding: 0; box-shadow: none; -webkit-box-shadow: none;}
.checkbox_container legend {display: block; overflow: hidden;}
.checkbox_container span {display: block;}

/*     --submit-button
------------------------------------------------- */
.submit_container input {width: auto!important;}
.submit {-webkit-appearance:none;}

/*     --errors
------------------------------------------------- */
label.error {color: red;}
input.error {border: 1px solid red;}
p.error {color: red; clear: both;}

/*     --captcha
------------------------------------------------- */
.ce_form .captcha {width: 20%; float: left; margin-right: 2%;}
.ce_form .captcha_text {width: 70%; float: left; line-height: 33px;}
.ce_form .captcha-container {background: #ecd0d0; padding: 2%;}