@charset "utf-8";
/* CSS Document */

@media (min-width: 768px) {
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar:window-inactive {
    width: 12px;	
	}
 
::-webkit-scrollbar-track {
	background:#DDDDDD;
}
 
::-webkit-scrollbar-thumb {
	background:#C3A317;
}
}



:focus {outline:none}

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

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}



@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/sarabun-100.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300;
	}
	
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'webfont', Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #8C6900;
	margin-bottom: 10px;
	margin-top: 10px;
}


h1 {
	font-size:27px;
}

h2 {
	font-size:24px;
}

body.start .news-list-view .col-lg-4  a + h2,
body.start .container > .row > .col-lg-4 > h2 {
	background-color:#C3A317;
	width:100%;
	height:38px;
	display:block;
	text-align:center;
	margin:0 0 8px 0;
	vertical-align:middle;
}


.imagecrop-200 .container figure.image img {
    width: 300px;
    height: auto;
}


.imagecrop-200 .container .ce-gallery figure {
    display: block;
    margin: 0;
	overflow: hidden;
	height: 200px
}



.start .col-lg-4.article {
	height: 520px
}

[lang="de"] .start .col-lg-4.article,
[lang="en-US"] .start .col-lg-4.article{
	
	height: 420px
}

#c46 > .csc-header.csc-header-n2 h2 {
	margin-top:30px;
	}

#c190 div.csc-textpic .csc-textpic-imagewrap img {
	width: 150px;
	height: auto
}

body.start .container > .row > .col-lg-4 > h2 + p{
	height:130px;
}

body.start .container > .row > .col-lg-4 > h2 + p + p{
	margin:0 0 16px 0;
}

body.start .news-list-view .col-lg-4  a + h2 a,
body.start .container > .row > .col-lg-4 > h2 a {
	font-family: 'webfont', Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	display:block;
	padding:12px 0 4px 0;
	overflow:hidden;
	line-height:17px;
	height:24px;
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	}

#c17,
#c25,
#c26,
#c27,
#c28,
#c29,
#c69
#c76,
#c74,
#c71,
#c64,
#c66,
#c69,
/*#c132,*/
#c122,
#c125,
#c127,
#c118,
#c135,
#c164,
#c167,
#c174,
#c160,
#c177,
#c169 {
	background-color:rgba(195, 163, 23, 0.1);
	border-bottom:2px solid #C3A317;
	border-top:2px solid #C3A317;
	padding:10px 15px 10px 15px;
	margin:20px 0 20px 0;
	}
	
.highlight {
	background-color:rgba(247,241,223,0.7);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.43);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.43);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.43);
	border:1px solid #F9F7F0;
	padding:10px;
	}
	
.highlight p {
	font-size:14px;
	}

.slider.rotation.insider .thumb .nav-item span h2,
body.start .nopadding [class*="col-"] > span h2 {
	margin:0;
	color:#FFF;
	text-align:center;
	}
	
body.start .nopadding [class*="col-"] > span h2 {
	margin-top:45%;
	}
	
.slider.rotation.insider .thumb .nav-item span h2 {
	padding-top:20px;
	font-size:15px;
	margin-bottom:10px;
	}
	
.slider.rotation.insider .thumb .nav-item span p {
	color:#FFF;
	line-height:16px;
	text-align:left;
	margin:0 10px 0 10px;
	}
	
.slider.rotation.insider .thumb .nav-item span p:last-child {
	margin:0;
	position: absolute;
	bottom:0;
	background-color:#C3A317;
	width:100%;
	text-align:center;
	}
	
body.start .nopadding [class*="col-"] h2 span{
	position: relative;
	top:40%;
	}

.slider.rotation.insider .thumb .nav-item span p:last-child a {
	text-decoration:none;
	color: #FFF;
	display:block;
	}

body.start .news-list-view .col-lg-4  p a::after,
body.start .container > .row > .col-lg-4 > p a::after {
	content:" »";
	margin-left:3px;
	text-decoration:none;
/*	background:#C3A317;
	color:#FFF;*/
	display: inline-block;
	padding:0px 4px 2px 4px;
	font-size:20px;
	line-height:14px;
	}

h3,
h3 a,
.left h3 a:link {
	font-size:19px;
	text-decoration:none;
}

.left h3,
.left h3 a:link {
	font-size:16px;
	}

h4 {
	font-size:16px;
}

a {
    text-decoration: underline;
}

p,li,a,td,.row,label,
.slider.rotation.insider .thumb .nav-item span h2,
.slider.rotation.insider .thumb .nav-item span p {
	color: #000000	
	}

p,li,a,td,.row,label,.form-horizontal .control-label{
	font-size:16px;
	line-height:24px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300;
	}
	
a,
a:link,
a:hover {
	color:#8C6900;
	text-decoration:underline;
	}
	
a:hover {
	text-decoration:none;
	}
	
.small,
#header .lang li a,
.ui-datepicker .ui-datepicker-calendar a,
.ui-datepicker .ui-datepicker-calendar td,
.ui-datepicker .ui-datepicker-calendar th {
	font-size:14px;
	}
	
body.table table.contenttable {
	
	}
	
body.table table.contenttable td{
	padding-right:4px;
	vertical-align:top;
	}
	
body.table table.contenttable td p {
	margin:0;
	}
	
hr {
	margin:10px 0 10px 0;
	border:none;
	border-bottom:2px solid #EFE8CF;
	}

html,
body,
#header,
#header div.banner,
#header div.banner img,
#footer{
	width:100%;
	margin:0;
	padding:0;
	}


#content,
#header .container{
	width:1260px;
	margin:auto;
	}

	
#header .container,
#content,
#content > .container,
#footer   {
	position:relative;
	z-index:200;
	}
	
#header .nav ul li a,
#header .nav li a:after,
#content .left .csc-textpic-image a img,
#content .right .csc-textpic-image img,
.btn,
.button,
#controls li,
#footer .nav ul li a:after{
    -webkit-transition: all 200ms linear; 
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
	}
	
#header .logo,
#header .nav,
#header form,
#header .lang,
#content > .left,
#content > .right,
#content > .container{
	float:left;
	}
	
.nopadding,
.nopadding [class*="col-"] {
   padding: 0;
   margin: 0;
	}
	
	
#header div.logo {
	background-image:url(../images/header-logo-bg-dresden-privathotels.png);
	background-repeat:no-repeat;
	width:220px;
	height:190px;
	margin-left:125px;
	position:relative;
	}
	
#header div.logo img {
	width:160px;
	margin:13px 0 0 25px;
	}
	
#header .nav ul,
#header .nav li,
#header .lang ul,
#header .lang li,
#footer .nav ul,
#footer .nav li
{
	margin:0;
	padding:0;
	list-style:none;
	display: inline-block;	
}

#content ul{
	margin:0 0 0 0;
	padding:5px 0 10px 25px;
	}

#content div.col-lg-12 div[id*="c"] > div > ul li,
#content div.col-lg-12 div[id*="c"] > ul li,
#content .csc-textpic-text ul li{
	list-style-type:none;
	}
#content div.col-lg-12 div[id*="c"] > ul li:before,	
#content div.col-lg-12 div[id*="c"] > div > ul li:before,
#content .csc-textpic-text ul li:before{
	content:"»";
	width:15px;
	margin-left:-15px;
	margin-right:5px;
	position:relative;
	color:#8C6900;
	}
	
#header .nav,
#header form,
#header .lang {
	margin-top:25px;
	}
	
a.button {
	border:1px solid #DCC977;
	background-color: rgba(195, 163, 23, 0.2);
	text-decoration: none;
	font-size: 18px;
	margin: 10px auto 10px auto;
	display: block;
	max-width: 250px;
	text-transform: uppercase;
	}
	
a.center {
	text-align:center;
	}
	
.btn:hover,
.button:hover {
	color:#FFF;
	border:1px solid #963;
	background-color:#C3A317;
	}
	
#header .nav {
	width:500px;
	position:relative;
	z-index:300;
	margin-left:10px;
	}
	
	
	
#header .nav > ul > li > a{
	text-transform: uppercase;
	}
	
#header .nav li a{
	display: block;
	font-weight: 300;
	font-size:15px;
	padding:3px 6px 3px 6px;
	text-decoration:none;
	background-color: #FFF;
	color: #333;
	position:relative;
	width:100%;
	}
	
#header .nav li a:after{
	content:"";
	height:0px;
	width:50%;
	opacity:0;
	left:25%;
	top:30px;
	margin:auto;
	display:block;
	position:absolute;
	background-color:#C3A317;
}
	
#header .nav li:hover a:after{
	width:100%;
	left:0;
	opacity:1;
	height:2px;
	}
	
#header .nav li a:hover{
/*	background-color: #F8F8F8;*/
	color:#664C00;
	}
	
#header .nav ul li ul {
	position: absolute;

	float:left;
	min-width:200px;
	margin:0 0 0 0px;
	padding:0px;
	
	opacity:0;
	z-index:300;
	visibility:hidden;
	
	-webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear, -webkit-transform 0.3s;
	-moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear, -moz-transform 0.3s;
	transition: visibility 0s linear 0.3s, opacity 0.3s linear, transform 0.3s;
	
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
}

#header .nav ul li:hover ul {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}

#header .nav ul li ul li {
	display:block;
	}
	
#header .nav ul li ul li:first-child {
	margin-top:20px;
	}
	
.toggle-first-nav {
  width: 30px;
  height: 40px;
  display: none;
  background: none;
  position: absolute;
  top: 0;
  left:10px;
  transition: all 0.3s ease;
  border:none;
}

.toggle-first-nav span,
.toggle-first-nav span:before,
.toggle-first-nav span:after {
  cursor: pointer;
  border-radius: 2px;
  height: 3px;
  width: 28px;
  background-color:#C3A317;
  position: absolute;
  top: 21px;
  right: 0px;
  display: block;
  content: ''
}

.toggle-first-nav span:before { top: -8px }

.toggle-first-nav span:after {
  bottom: -8px;
  top: 8px
}

.toggle-first-nav span,
.toggle-first-nav span:before,
.toggle-first-nav span:after { transition: all 500ms ease-in-out }

.toggle-first-nav.closed span {
	background-color: transparent;
	}

.toggle-first-nav.closed span:before,
.toggle-first-nav.closed span:after { top: 0 }

.toggle-first-nav.closed span:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

.toggle-first-nav.closed span:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.toggle-first-nav:hover { opacity: 0.5 }

.toggle-sec-nav  {
	border:none;
	background-color:transparent;
	position: absolute;
	right:15px;
	top:auto;
	margin:-18px 0 0 0;
	display:none;
	}

.toggle-sec-nav  .icon-bar {
	width: 0px;
	height: 0px;
	position:relative;
	top:4px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 7px 7.5px 0 7.5px;
	border-color: #333 transparent transparent transparent;
	}
	
.toggle-sec-nav.closed .icon-bar {
	width: 0px;
	height: 0px;
	top:-20px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 0 7.5px 7px 7.5px;
	border-color: transparent transparent #333 transparent;
	}
	
#header form,
#header .lang li{
	border:none;
	width:150px;
	height:25px;	
	border-bottom:#999 1px dotted;
}

#header .lang li{
	width:100px;
	}

#header form {
	margin-right:14px;
	}

#header form input[type="text"] {
	border:none;
	}
	
#header .nav + form input[type="text"] {
	margin-left:5px;
	width:128px;	
	}
	
#header form input[type="submit"]{
	background-image:url(../images/icon-search.png);
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	width:33px;
	height:15px;
	position: absolute;
	margin-top:4px;
	}
	
#header .lang ul li{
	display:none;
	background-color:#FFF;
	position:relative;
	z-index:300;
	}
	
#header .lang ul li:first-child,
#header form{
	display: block;
	width:150px;
	}

#header form{ 
display: none
}
	
#header .lang ul li:first-child {
	width:100px;
	}
	
#header .lang ul li:first-child:before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 5px 0 5px;
	border-color: #999999 transparent transparent transparent;	

	position: absolute;
	margin:10px 0 0 90px;
	cursor:pointer;
	z-index:500;
	}
	
#header .lang ul li.closed:first-child:before{
	border-width: 0 5px 7px 5px;
	border-color: transparent transparent #999999 transparent;
	}
	
	
#header .lang a {
	text-decoration:none;
	color:#999;
	display:block;
	width:100px;
	margin-left:5px;
	}
	
#header div.banner{
	top:-120px;
	position: relative;
	z-index:100;
	overflow:hidden;
	}
	
#header div.banner img{
	position:relative;
	z-index:100;
	margin-top:-5px;
	}	
	
body.sub #header div.banner img{
	margin-top:-90px;
	
	filter: blur(10px); /* Someday, sigh ... */ 
	-webkit-filter: blur(10px); /* Prefixed CSS3 blur filters */
	-moz-filter: blur(10px); 
	-o-filter: blur(10px); 
	-ms-filter: blur(10px); 
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='10'); /* IE lte 9 */	
	}
	
body.sub #header div.banner{
	height:200px;
	}
	
#header div.banner:before {
	content:" ";
	display:block;
	position: relative;
	top:0px;
	z-index:150;
	height:5px;
	background-color:rgb(68, 68, 68);
	background-color:rgba(68, 68, 68, 0.5);
	}
	
#content {
	top:-80px;
	z-index:150;
	}
	

#content > .left ,	
#content > .right,
#content > .right #frame {
	width:150px;
	}
	
#content > .container {
	width:960px;
	padding:20px 30px 0 30px;
	margin-top:-90px;
	background:#FFF;
	}
	
#content .row.nopadding.slider.rotation.insider,
#content > .container > .row{
	margin-bottom:25px;
	}
	
#content .left .csc-textpic-image a img,
#content .right .csc-textpic-image img,
#content .slider.rotation.insider .nav-item + span img{
	opacity:0.5;
	  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
	  -webkit-filter: grayscale(1);
	  filter: grayscale(1);
	  filter: gray; 
	}
	
#content .slider.rotation.insider .nav-item + span img{
	filter: blur(5px) filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale"); /* Someday, sigh ... */ 
	-webkit-filter: blur(5px) grayscale(1); /* Prefixed CSS3 blur filters */
	-moz-filter: blur(5px) grayscale(1); 
	-o-filter: blur(5px) grayscale(1); 
	-ms-filter: blur(5px) grayscale(1); 
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); /* IE lte 9 */	
	}
	
#content .left .csc-textpic-image a:hover img,
#content .right .csc-textpic-image:hover img{
	opacity:1;
	  -webkit-filter: none;
	  filter:         none;
	}
	
#content .left .csc-textpic-image a img {
	display:block;
	margin:auto;
	}
	
body.start .container > .row > .col-lg-4 {
/*	min-height:350px;*/
	}
	
body.start .container > .row > .col-lg-4 > div {
	width:100%;
	height:150px;
	overflow:hidden;
	}
	
body.start .container > .row > .col-lg-4 > div > img {
	width:100%;
	}
	
#gmap-menu {
	height:360px;
	}
	
#controls li {
	background-color: #EAEAEA;
	display:block;
	padding:5px;
	margin-bottom:2px;
	}
	
#controls li:hover span,
#controls li.active span{
	color:#FFF;	
	}
	
#controls li:hover,
#controls li.active{
	background-color:#C3A317;
	}
	
#controls ul li:first-child {
	display:none;
	}
	
.start .col-lg-3 img,
.start .col-lg-4 img{
	width:100%;
	height:auto;
	}

.slider.rotation.insider > div:first-child:before,
.slider.rotation.insider > div:before{
	content: "";
	display: block;
	padding-top: 100%; 	
}

.slider.rotation.insider > div:first-child span {
	background-color:#C3A317;	
	}
	
.slider.rotation.insider > div:first-child h2 {
	font-size:26px;
	}

.slider.rotation.insider > div:first-child span,
#content .slider.rotation.insider .nav-item,
#content .slider.rotation.insider .nav-item + span{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	display:block;
	z-index:200;
	}
	
#content .slider.rotation.insider .nav-item + span{
	z-index:100;
	}

.slider.rotation.insider .nav-item {
    position: relative;
    display: block;
    text-align: center;
}

.slider.rotation.insider .thumb {
    background: 0;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
	overflow:hidden;
}

.slider.rotation.insider .thumb .nav-item {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: transform 2500ms cubic-bezier(0.070, 0.000, 0.010, 0.925);
    -moz-transition: transform 2500ms cubic-bezier(0.070, 0.000, 0.010, 0.925);
    -o-transition: transform 2500ms cubic-bezier(0.070, 0.000, 0.010, 0.925);
    transition: transform 2500ms cubic-bezier(0.070, 0.000, 0.010, 0.925);
    -webkit-transition: -webkit-transform 2500ms cubic-bezier(0.070, 0.000, 0.010, 0.925)
}

.slider.rotation.insider .thumb .nav-item > span {
    display: block;
	width:100%;
	height:100%;
    position: absolute;
	background:rgba(255, 255, 255,0.8);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
	
	-webkit-transition: background 2000ms linear;
	-moz-transition: background 2000ms linear;
	-ms-transition: background 2000ms linear;
	-o-transition: background 2000ms linear;
	transition: background 2000ms linear;
}

.slider.rotation.insider .thumb:hover .nav-item > span {
	background:rgba(255, 255, 255,1);
	}

.slider.rotation.insider .thumb .nav-item.flipX > span:last-child{
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
}

.slider.rotation.insider .thumb .nav-item.flipY > span:last-child{
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.slider.rotation.insider .thumb.active .flipX,
.slider.rotation.insider .thumb:hover .flipX {
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.slider.rotation.insider .thumb.active .flipY,
.slider.rotation.insider .thumb:hover .flipY  {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}


body.start .news {
	margin: 40px auto 40px auto; 
}

body.newsdetail #content article.container > .row > .col-lg-12 > div > div {
	display: none;
	
}

body.newsdetail #content article.container > .row > .col-lg-12 > div > div.news.news-single {
	display: block;
	
}



.imagecrop-200 .container .csc-textpic-image {
	height:200px;
	overflow:hidden;
	display:block
	}
	
.imagecrop-200 .container .csc-textpic .csc-textpic-imagewrap img{
	width:300px;
	}
	
.imagecrop-200 .csc-textpic.csc-textpic-intext-right-nowrap .csc-textpic-text {
    margin-right:auto;
	}
	
.imagecrop-200 .container .csc-textpic [data-csc-images="4"] {
	height:auto;
	}
	
.imagecrop-200 .csc-textpic .csc-textpic-image {
	position:relative;
/*	top:-25%;*/
	}
	
.imagecrop-200 .col-lg-4 img  {
	width:150px;
	}
	
.imagecrop-200 .news-single-img img {
	width:250px;
	}
	
#c47 p,
#c130 p {
	position:absolute;
	right:15px;
	top:-10px;
	}

#content > .right #frame {
	height:370px;
	border:none;
	margin:0;
	padding:0;
	}
	
body.sub.imagecrop-200.table div.col-lg-4{
	width:50%;
	height:280px;
    border-bottom: 2px solid  #EFE8CF;
	margin:25px 0 0 0;
	}
	
body.sub.imagecrop-200.table div.col-lg-4 h2 {
	font-size:16px;
	}

	
body.sub.imagecrop-200.table div.col-lg-4 h2 a {
	text-decoration:none;
	line-height:16px;
	}
	
body.sub.imagecrop-200.table div.col-lg-4 img{
	float:right;
	margin:0 0 0 5px;
	}
	
body.sub.imagecrop-200.table div.col-lg-4 p:last-child{
	position:absolute;
	bottom:0px;
	}
	
body.sub.imagecrop-200.table .container > .row > div.col-lg-12 > div > div > h2{
	margin:30px 0 0 0;
	}
	
body.search div.col-lg-4 {
	width:100%;
	}
	
body.search div.news-search-form {
	margin-bottom:30px;
	}
	
body.search div.col-lg-4 img,
body.search div.col-lg-4 h2,
body.search div.col-lg-4 p{
	float:left;
	height:100px;
	margin-right:10px;
	}
	
body.search div.col-lg-4 h2 {
	width:290px;
	font-size:18px;
	}
	
body.search div.col-lg-4 h2 + p,
body.search div.col-lg-4 h2 + p + p + p {
	display:none;
	}
	
body.search div.col-lg-4 p + p{
	width:400px;
	height:70px;
	font-size:15px;
	line-height:18px;
	}
	

/*NEWS*/

.news-img-wrap{
	float: right
}
.news-img-wrap a,
.news-single-img a{
	float:right;
	padding:3px;
	background-color:rgba(195, 163, 23, 0.3);
	margin:0 0 10px 10px;
	}

.news .mediaelement-image img{
	width: 300px;
	height: auto
}

/*NEWS*/



form#caesar-data {
	margin:-15px 0 0 15px;
	}

form#caesar-data .form-control {
  display: block;
  width: 100%;
  height: 22px;
  padding: 1px 1px;
  font-size: 12px;
  line-height: 1.42857143;
  text-align:center;
}

form#caesar-data .control-label,
form#caesar-data div[class*="col-"]{
	float:left;
	padding:0;
	}
	
form#caesar-data h3 {
	font-size:15px;
	}
	
form#caesar-data .form-group {
	clear:both;
	padding-bottom:8px;
	padding-top:6px;
	}

form#caesar-data .btn {
	padding:4px;
	}
		
label {
    margin:5px 0 5px 0;
    font-weight: normal;
}

#caesar-data label {
	font-size: 11px;
	line-height: 12px;
}

	
form#caesar-data .col-lg-3 {
    width: 25%;
  }

form#caesar-data .col-lg-4 {
    width: 33.33333333%;
}

form#caesar-data .col-lg-9 {
    width: 75%;
  }
  
form#caesar-data  .col-lg-8 {
    width: 66.66666667%;
  }

form#caesar-data .col-lg-12,
form#caesar-data .btn {
    width: 100%;
}

div.toggle{
	width:49%;
	margin-right:1px
	}

div.toggle div.csc-header h2 {
	background-color: #C3A317;
	color: #FFF;
	padding: 9px 5px 5px 15px;
	width: 100%;
	cursor: pointer;
	font-size:20px;
	}

div.toggle div.csc-header h2:before {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 6px 0 6px;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	margin:6px 0 0 390px;
	}
	
div.toggle div.csc-header.closed h2:before {
	border-width: 0 6px 9px 6px;
	border-color: transparent transparent #ffffff transparent;
	}

div.toggle div.csc-header + ul{
	display: none;
	padding:0;
	background-color:rgba(195, 163, 23,0.05);
	}
	

div.toggle div.csc-header + ul li{
	border-bottom:1px dotted #C3A317;
	padding:5px 0 5px 0;
	}
	
div.toggle div.csc-header + ul li a{
	font-weight:400;
	}

#footer > .container{
	width:900px;
	margin:auto;
	background-image:url(../images/footer-bg.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-color:rgba(0, 0, 0, 0.05);
	padding:10px 30px 20px 30px;
	}
	
#footer .nav {
	display: table;
	margin: 0 auto;
	}
	
#footer .nav ul li {
	display: inline;
	}
	
#footer .nav ul li:after {
	content:"•";
	color:#C3A317;	
	}
	
#footer .nav ul li:last-child:after {
	content:"";
	}
	
#footer .nav ul li a{
	text-decoration: none;
	padding: 0 3px 0 3px;
	margin: 0 3px 0 3px;
	font-size: 18px;
	text-transform: uppercase;
	position:relative;
	}
	
#footer .nav ul li a:after{
	content:"";
	height:1px;
	width:50%;
	opacity:0;
	left:25%;
	top:25px;
	margin:auto;
	display:block;
	position:absolute;
	background-color:#C3A317;
	}
	
#footer .nav ul li:hover a:after{
	width:100%;
	left:0;
	opacity:1;
	}
	
#footer hr + div {
	margin:20px auto 0 auto;
	float:none;
	width:150px;
	}
	
	
.scrollup {
	position: fixed;
	display:none;
	z-index:300;
	right:10px;
	bottom:30px;
	}


/*FORM*/

.tx-powermail input[type*="submit"],  [for="powermail_field_jaichhabediedatenschutzhinweisegelesenundstimmedernutzungmeinerdatenzudiesemzweckzu_1"] {
	color: #FFFFFF;
}

.tx-powermail input[type*="submit"], .tx-powermail input[type='checkbox']:hover + label::before, .tx-powermail input[type='radio']:hover + label::before, .tx-powermail input[type='checkbox']:checked + label::before, .tx-powermail input[type='radio']:checked + label::before{
	background-color: #8C6900
}
		
.tx-powermail input[type='file'],
.tx-powermail input[type*="text"],
.tx-powermail input[type*="email"],
.tx-powermail input[type*="number"],
.tx-powermail input[type*="password"],
.tx-powermail input[type*="date"],

textarea,
select{
    display: block;
    width: 100%;
    padding: 6px 6px 8px 10px;
    line-height: 1.5;
	border:none;
	border-radius: 2px;
	border: 1px solid  #CCC;
	position: relative;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; 
}

.row.powermail_fieldwrap {
	width:100%;
	}

.powermail_fieldwrap_type_input .powermail_field,
.powermail_fieldwrap_type_textarea  .powermail_field,
.powermail_legend,
.powermail_fieldwrap_type_date .powermail_field{
	margin:15px 15px 0 0;
	}

.powermail_fieldwrap_type_date .powermail_field{
    margin-top: -13px;
}

.powermail_field {
	position: relative
}


.powermail_fieldwrap_type_input .powermail_field label {
  position: absolute;
    left: 12px;
  top: 0;
  line-height:15px;
  transition: all 0.5s;
  overflow: hidden;
  white-space: nowrap;
  z-index: 1;
  opacity: 0;
}
.powermail_fieldwrap_type_input .powermail_field input:focus + label {
    opacity: 1;
    top: -20px;
    left: 12px;
}
.tx-powermail input[type='checkbox'],
.tx-powermail input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

.tx-powermail input[type='checkbox']:checked,
.tx-powermail input[type='checkbox']:not(:checked),
.tx-powermail input[type='radio']:checked,
.tx-powermail input[type='radio']:not(:checked) {

	position: absolute;
    clip: rect(0,0,0,0);

}

.tx-powermail input[type='checkbox'] + label,
.tx-powermail input[type='radio'] + label {
  cursor: pointer;
}
	
.tx-powermail input[type='checkbox']:checked + label::before,
.tx-powermail input[type='checkbox']:not(:checked) + label::before,
.tx-powermail input[type='radio']:checked + label::before,
.tx-powermail input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    position: relative;
    top:4px;
    border: 1px solid #bbb;
    margin-right: 2px;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

.tx-powermail input[type=radio]:checked + label::before,
.tx-powermail input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

.tx-powermail input[type='checkbox']:hover  + label::before,
.tx-powermail input[type='radio']:hover  + label::before,
.tx-powermail input[type='checkbox']:checked  + label::before,
.tx-powermail input[type='radio']:checked  + label::before {
  box-shadow: inset 0 0 0 2px white;
}

fieldset {
    margin: 0 -15px 0 -15px;
    padding: 0;
    border: none;
}

.powermail_fieldset .powermail_input:nth-of-type(2n+1){
	padding-right: 15px
}

.form-group.powermail_fieldwrap_type_input,
.powermail_fieldwrap_type_select,
.powermail_fieldwrap_type_date{
	width:50%;
	float:left;
	}
	
.powermail_fieldwrap_type_text,
.powermail_fieldwrap_type_typoscript,
.powermail_fieldwrap_type_textarea{
	width:100%;
	margin:5px 0 5px 0;
	clear:both;
	float:none
	}
	
.powermail_fieldwrap_type_select .powermail_label,
.powermail_fieldwrap_type_select .powermail_field{
	padding:20px 15px 0 15px;
	float:left;
	}
	
.powermail_fieldwrap_type_select .powermail_field {
	width:60%;
	}
	
.powermail_fieldwrap_type_select .powermail_label {
	width:40%;
	}
	
.powermail_fieldwrap_type_input.powermail_fieldwrap_firma {
	display:none;
	}
	
.powermail_fieldwrap_type_input.powermail_fieldwrap_firma.show {
	display:block;
	}
	
.form-group.powermail_fieldwrap_anfrage,
.powermail_fieldwrap.powermail_fieldwrap_type_check,
.form-group.powermail_fieldwrap_type_input.powermail_fieldwrap_jobnumber,
.powermail_fieldwrap_type_textarea,
textarea,
.powermail_field > .checkbox   {
	width:100%
	
}

.powermail_fieldwrap.powermail_fieldwrap_type_check [class*="col-"]{
	float:left;
	}

.powermail_fieldwrap.powermail_fieldwrap_type_check .col-1.powermail_field {
	width:8.333333%;
	}
	
.powermail_fieldwrap.powermail_fieldwrap_type_check .col-10{
	width: 83.333333%
	
	}
	
.form-group.powermail_fieldwrap_type_submit{
	margin-top:30px;
	}
	
{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
	}
	
input.btn,
button,
input[type*="submit"]{
	border:none;
	padding:5px 12px 5px 12px;	
	}

	
.form-group,
.powermail_fieldwrap_type_select {
	margin-bottom:20px;
	}