/*
	
	gelb:	#ffdd00
	rot:	#c22728
	orange:	#ff9500
	
	font-family: 'Open Sans', sans-serif;
	

*/


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* marck-script-regular - latin */
@font-face {
  font-family: 'Marck Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/marck-script-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/marck-script-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/marck-script-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/marck-script-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/marck-script-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/marck-script-v16-latin-regular.svg#MarckScript') format('svg'); /* Legacy iOS */
}



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

/*     --css-framework
------------------------------------------------- */
.half_width, 
.one_half     { width: 47.8%; }
.one_third    { width: 30.5%; }
.two_third    { width: 65.3%; }
.one_fourth   { width: 21.9%; }
.one_fifth    { width: 16.7%; }
.three_fourth { width: 74%;   }
.four_fifth   { width: 79%;   }
.two_fifth    { width: 37.2%; }
.three_fifth  { width: 58%;   }
.one_sixth    { width: 13.3%; }
.four_sixth   { width: 65.4%  }
.one_half, .half_width, .one_third, .two_third, .one_fourth, .one_fifth, .four_fifth, .one_sixth, .two_fifth, .three_fifth, .four_sixth, .three_fourth {position: relative;	display: inline-block; margin-right: 3.9%; vertical-align: top;}
.last {margin-right: 0 !important;}

/*     --tags
------------------------------------------------- */
a {color: #06F; text-decoration: none;}
#main a {border-bottom: solid 1px #06F; padding-bottom: 1px;}
#footer a {border-bottom: solid 0px #06F; color:#595151;}

#main .ce_gallery  a {
	border: none;
	padding: 0px;
}
#main .ce_gallery  a:hover {
	border: none;
	padding: 0px;
}
#main a:hover, #footer a:hover { border-bottom: solid 3px; padding-bottom:0px; color: #06F}

#main .nachrichtenliste a {
	border: none;
	padding: 6px 50px;
	background-color: #ff9500;
	
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;
}
#main .nachrichtenliste .more a:hover {
	color: #fff;
	background-color: #0066FF;
}

#main .nachrichtenliste h2 a, #main .nachrichtenliste h2 a:hover {
	background-color: #FFF;
	padding: 0;
	  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}


p {margin-bottom: 15px;}
blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;}
blockquote p {line-height: 22px;}
cite, em, i {font-style: italic; color: #999; font-size: 14px;}

/*#container img {width: auto; max-width: 100%; height: auto; vertical-align: middle; margin-bottom: 6%;}*/
#container img {
  height: auto;
  margin-bottom: 6%;
  max-width: 97%;
  vertical-align: middle;
  width: auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;

-webkit-box-shadow:  3px 3px 5px 0px rgba(0,0,0,0.1);
box-shadow:  3px 3px 5px 0px rgba(0,0,0,0.1);

}

/*     --list in ce_text
------------------------------------------------- */
.ce_text ul, .ce_list ul {padding-left: 20px; margin-bottom: 15px;}
.ce_text li, .ce_list li {list-style-type: square; list-style-position: outside; margin-bottom: 3px; line-height: 18px;}

/*     --headlines
------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 1.3em; color: #c22728;}
h1 {font-size: 30px; margin-bottom: 20px;}
/*h2 {font-size: 22px; margin-bottom: 15px;}*/
h2 {
  font-size: 22px;
  line-height: 20px;
  margin: 12px 0 28px;
}

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: 'Open Sans', sans-serif; line-height: 20px; font-size: 14px; font-weight: 300; overflow-x: hidden;}

/*     --logo
------------------------------------------------- */
#logo {
  background: url("../img/menu_logo.png") no-repeat scroll 0 0 transparent;
  height: 77px;
  line-height: 180px;
  margin: 30px auto;
  text-indent: -999px;
  width: 230px;
}

#logo a {
	width: 100%;
	height: 100%;
	display:block;
}

	

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

#eplogo {
}
#eplogo a {
 -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;
  bottom: -10px;
  color: #CCCCCC;
  font-size: 9px;
  height: 20px;
  left: 44px;
  line-height: 8px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px 0 #000000;
  width: 150px;
}

#eplogo a:hover {
  color: #fff !important;
  font-size: 12px;
  text-shadow: 0px 0px 2px #000 !important;
  font-weight: 400;
 }

/*     --socials
------------------------------------------------- */
#socials {position: absolute; right: 10px; top: -90px;}
#socials a {display: inline-block;}
#socials img {margin-left: 1px; -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;}
#socials img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity:.5;}

/*     --container
------------------------------------------------- */
#container {
	background-color: #fefefe;
	padding: 4% 4% 2%; margin-left: 260px;
	-moz-box-shadow: 0px 0px 10px #222;
	-webkit-box-shadow: 0px 0px 10px #222;
	box-shadow: 0px 0px 10px #222;
	behavior: url(tl_files/hotel/scripts/PIE.htc);
	-webkit-border-radius: 0 0 40px 40px;
	-moz-border-radius: 0 0 40px 40px;
	border-radius: 0 0 40px 40px;
	margin-bottom: 40px;
	border-left: 15px solid #C22728;
	border-right: 15px solid #C22728;
	background: url(../img/bg-fenster-bottom.jpg) bottom center repeat-x #fefefe;
}
	
/* without content */
body.without_content #container {display: none;}

/*     --main
------------------------------------------------- */
body.full_width #main .inside {padding-right: 0;}
body.sidebar_left #main .inside {padding: 0 0 0 10%;}
body.sidebar_both #main .inside {padding: 0 10%;}

/*     --sidebar
------------------------------------------------- */
/* sidebar_left */
body.sidebar_left #main .inside {padding-left: 5%; border-left: 1px solid #ddd;}
body.sidebar_left #left .inside {padding-right: 5%;}

/* sidebar_right */	
body.sidebar_right #main .inside {padding-right: 8%; border-right: 1px solid #ddd;}
body.sidebar_right #right .inside {padding-left: 8%;}
	
/* sidebar_both */
body.sidebar_both #main .inside {padding: 0 10%; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
body.sidebar_both #left .inside {padding: 0 10%;}
body.sidebar_both #right .inside {padding: 0 10%;}

#right {
  font-size: 12px;
  line-height: 20px;
  width: 30%;
}


/*     --footer
------------------------------------------------- */
#footer {border-top: 1px solid #fff; margin-top: 20px;}
/*#footer .inside {overflow: hidden; padding: 10px 0 0 0;}*/
#footer .inside {
  height: 20px;
  margin-top: 20px;
  overflow: hidden;
  padding: 0;
}
#footer .ce_text ul { padding-left: 0px;} /*Footer Liste ändern */
#footer li {display: inline-block; margin-right: 25px;}
#footer .socials ul {text-align: right;}
#footer .socials ul li {margin-left: 5px; margin-right: 0;}

	/*     --pagination
------------------------------------------------- */
.pagination {clear: both; border-top: 1px solid #ddd; padding-top: 5px;}
.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 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;}

	/*     --welcome-line
------------------------------------------------- */
.welcome-line {background: url(../img/shadow-top.png) center top no-repeat; padding: 30px 50px 30px 50px; overflow: hidden; text-align: center; margin: 25px 0 0 0; font-family: 'Open Sans', sans-serif; font-style: italic;}
.welcome-line h1 {font-family: 'Open Sans', sans-serif; margin-bottom: 15px; font-size: 22px; line-height: 25px; background: url(../img/shadow-bottom.png) center bottom no-repeat; padding-bottom: 30px;}

	/*     --teaser-box
------------------------------------------------- */
.teaser-box {text-align: center; margin-bottom: 35px;}
.teaser-box img {margin-bottom: 15px;}

	/*     --ce_hyperlink
------------------------------------------------- */
.ce_hyperlink a {
	color: #fff;
    line-height: 22px;
    font-weight: bold;
    text-shadow: -1px -1px 1px rgba(0,0,0, 0.25);
    padding: 6px 12px 5px;
    text-align: center;
    display: inline-block;
    margin-top: 5px;
    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;
	behavior: url(tl_files/hotel/scripts/PIE.htc);
}

.ce_hyperlink a: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);
	behavior: url(tl_files/hotel/scripts/PIE.htc);
}

.ce_hyperlink a: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);
    behavior: url(tl_files/hotel/scripts/PIE.htc);
}

[class^="ce_hyperlink icon-"] a span {
 display: inline-block;
  width: 14px;
  height: 14px;
  opacity: 0.6;
  vertical-align: text-top;
  background-image: url(../img/icons/buttons.png);
  background-repeat: no-repeat;
  margin-right: .6em;
} 


/* Startseite Homepage -------------------------- */
body.homepage #container {
	display: none;
}
body.homepage #logo {
	margin: 10px auto;
}
body.homepage #menu {
	left: 50%;
	margin-left: -130px;
	padding-bottom: 295px;
}



/*     --nachrichtenteaser
------------------------------------------------- */
.nachrichtenteaser .headline {font-weight: bold; margin-bottom: 5px;}
.nachrichtenteaser .info {background: url(../img/icons/icon-clock.png) left center no-repeat; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 3px 0 3px 30px; margin-bottom: 5px; font-size: 10px;}


/*     --ce_gallery framework
------------------------------------------------- */
.ce_gallery .row1 {width: 100%;}
.ce_gallery .row2 {width: 49.5%;}
.ce_gallery .row3 {width: 32.6%;}
.ce_gallery .row4 {width: 24.25%;}
.ce_gallery .row5 {width: 19.2%;}
.ce_gallery .row6 {width: 15.83%;}
.ce_gallery .row7 {width: 13.2%;}
.ce_gallery .row8 {width: 11.62%;}
.ce_gallery .row9 {width: 10.22%;}
.ce_gallery .row10 {width: 9.1%;}
.ce_gallery .row11 {width: 8.18%;}
.ce_gallery .row12 {width: 7.41%;}
.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 {margin-right: 1%;}
.col_last {margin-right: 0;}

/*     --galerie
------------------------------------------------- */
.ce_gallery ul {letter-spacing: -4px; word-spacing: -4px;}
.ce_gallery li {vertical-align: middle; padding-bottom: 10px; display: inline-block; position: relative; font-size: 0;}
.ce_gallery li.col_last {margin: 0;}

/* hover-effect */
.ce_gallery li img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	opacity:.5;}
.ce_gallery li 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;}


html body#top.win div#mbCenter div#mbImage {
	padding: 0;
}

#main .testimonial-extended img {
	box-shadow: none;
}


.gprojekte {
  float: left;
  margin-bottom: 4%;
  margin-right: 4%;
  width: 47%;
}

.gprojekte h1, .gprojekte h2 {
	margin-bottom: 5px;
}

.gprojekte:nth-child(odd) {
	margin-right: 0%;
}