/*
Theme Name: frappant
Version: 1.0
Author: Fabian Klekamp
Author URI: http://www.klekamp.org
*/

@font-face {
  font-family: 'Open Sans Condensed';
  src: url('fonts/OpenSansCondensed/OpenSansCondensed-Light.woff2') format('woff2'),
  url('fonts/OpenSansCondensed/OpenSansCondensed-Light.woff') format('woff'),
  url('fonts/OpenSansCondensed/OpenSansCondensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

body {
	margin:0;
	padding:0;
	background: #fefef6 url(img/bg.jpg) repeat-x 0 0;
	color: #787f88;
	font-family: Helvetica,Arial,sans-serif;
	text-align: left;
}

#startseite{
	background: url(img/bg_start.jpg) repeat-x 0 0;
}

/* Typo
-------------------------------------------------- */
h1, h2, h3, h4, h5, em, cite {
	margin: 0;
	padding: 0;
	font-weight: normal;
	clear: both;
}

h1 {
	font-size: 36px;
  line-height: 36px;
	color: #33282a;
  font-family: 'Open Sans Condensed', sans-serif;
}

h2 {
	font-size: 30px;
  line-height: 30px;
	color: #962020;
  margin-bottom: 19px;
  font-family: 'Open Sans Condensed', sans-serif;
}

h3 {
	font-size: 18px;
  line-height: 18px;
	color: #962020;
	margin-bottom: 4px;
  font-style: italic;
}

p {
	margin: 0;
	padding: 0;
}

strong {
	color: #33282a;
	font-weight: bold;
}

em{
  color: #962020;
  font-style: italic;
}

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

li {
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 5px;
}

.center{
  text-align: center;
}

/* Links
-------------------------------------------------- */
a {
	color: #962020;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	text-decoration: none;
}

#rechteSeite a{
  color: #33282a;
  text-decoration: underline;
}

#rechteSeite a:hover{
  text-decoration: none;
}

/* Head&Teaser
-------------------------------------------------- */
#header {
	height: 240px;
  margin-bottom: -22px;
}

#logo {
  height: 131px;
  width: 330px;
	margin: 58px 0 0 127px;
}

#logoPartyservice{
  height: 127px;
  width: 321px;
	margin: 63px 0 0 127px;
}

#logoBistro{
  height: 128px;
  width: 323px;
	margin: 63px 0 0 127px;
}

#flashStart{
  margin: 0 auto;
  height: 812px;
}

#partyserviceStart{
  height: 307px;
  margin-top: 58px;
  margin-left: 57px;
  margin-bottom: 92px;
  padding-right: 103px;
}

#bistroStart{
  height: 298px;
  margin-right: 58px;
  padding-left: 103px;
}

#teaser{
  margin: 0 auto -38px;
  width: 953px;
  height: 422px;
  background: url(img/teaser_schatten.png) no-repeat 0 0;
  padding-top: 45px;
}

#flashSub{
  margin: 0 auto 4px;
  width: 953px;
}

.teaser_bild{
  margin: 0 auto;
  width: 863px;
  height: 332px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

/* Wrapper
-------------------------------------------------- */
#wrapper {
	margin: 0 auto;

	width: 1030px;
	text-align: left;
}

#wrapperHeader{
  margin: 0 auto;
  background: transparent url(img/bg_header.jpg) repeat-x 0 0;
  text-align: left;
}

/* Content
-------------------------------------------------- */
#content {
    color: #33282A;
    padding: 0 118px;
}

#contentHome {
  padding: 0 0 36px 103px;
  color:#33282a;
  background: url(img/bg_tapas.jpg) no-repeat right bottom;
  height: 365px;
  width: 863px;
  margin: 40px 0;
}

#contentNews{
  padding-bottom: 36px;
}

#adresse{
  padding: 22px 0 0 26px;
}

.linie{
  background: url(img/linie.jpg) no-repeat center top;
  height: 1px;
}

.post{
  height: auto;
}

.partyServiceButton{
  width: 381px;
}

.bistroButton{
  width: 333px;
}

.postNews{
  height: auto;
  background: url(img/linie.jpg) repeat-x left bottom;
  padding: 42px 0 42px 0;
}

.entry{
  width: 570px;
  float:left;
}

.thumbnail{
  float:right;
}

#content p {
	font-size: 14px;
	padding-bottom: 15px;
}

#content .form p{
  font-style: italic;
}

#content strong {
	font-weight: bold;
  color: #33282a;
}

#contentHome p{
  font-size: 16px;
	padding-bottom: 15px;
}

#content h1{

}

#contentNews h1{
  background: url(img/linie.jpg) repeat-x left bottom;
  padding-bottom: 26px;
  width: 959px;
}

#content h2 {
	margin-bottom: 18px;
}

#contentNews h2{
  margin-bottom: 8px;
}

#content h4{
	margin-bottom: 7px;
	font-size: 18px;
	color: #004c7d;
	font-style:italic;
}

#contentNews h4{
	margin-bottom: 7px;
	font-size: 18px;
	color: #004c7d;
	font-style:italic;
}

#content strong a{
  font-weight: bold;
  text-decoration: none;
}

#content strong a:hover{
  font-weight: bold;
  text-decoration: underline;
}

#contentNews strong a{
  font-size: 24px;
	color: #268248;
	font-style: italic;
	padding-top: 9px;
}

#content strong a:hover {
	text-decoration: underline;
}

#contentNews strong a:hover {
	text-decoration: underline;
}

#content ul {
	margin-bottom: 15px;
	font-size: 14px;
  margin-left: 10px;
}

#content li {
  background: url(img/content_listenpunkt.png) no-repeat;
  background-position: 1px 0px;
  padding-left: 15px;
  line-height: 20px;
  margin-bottom: 2px;
}

#content img {
  margin: 0 0 10px;
}

img.center{
  margin-top: 29px;
  margin-left: 65px;
}

#linkeSeite{
  float: left;
  width: 413px;
  padding-right: 50px;
}

#trenner{
  background: transparent url(img/trenner.jpg) repeat-y 0 0;
  width: 1px;
  height: 467px;
  float: left;
  padding-right: 50px;
  margin-top: 105px;
  margin-bottom: 81px;
}

#rechteSeite{
  float: right;
  width: 280px;
}

.formBreite{
  width: 150px;
}

.linkKontakt{
  width: 303px;
  height: 220px;
  background: url(img/kontaktformular2.png) no-repeat;
}

.linkKontakt:hover{
  width: 303px;
  height: 220px;
  background: url(img/kontakt_ro.png) no-repeat;
}

.linkKontaktButton{
  width: 303px;
  height: 220px;
}

.linkWochenkarte{
  width: 305px;
  height: 226px;
  background: url(img/bistro.png) no-repeat;
}

.linkWochenkarte:hover{
  width: 305px;
  height: 226px;
  background: url(img/bistro_ro.png) no-repeat;
}

.linkWochenkarteButton{
  width: 305px;
  height: 226px;
}

.linkGooglemaps{
  width: 319px;
  height: 297px;
  background: url(img/gmaps.png) no-repeat;
}

.linkGooglemaps:hover{
  width: 319px;
  height: 297px;
  background: url(img/gmaps_ro.png) no-repeat;
}

.linkGooglemapsButton{
  width: 305px;
  height: 194px;
}

/* Footer
-------------------------------------------------- */
#footer {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
	margin-bottom: 30px;
  padding:18px 0 50px 0;
  text-align: right;
	clear: both;
}

#footer p{
  color: #33282a;
}

#footer h1{
  padding-bottom: 7px;
}

#footer h2{
  padding-bottom: 5px;
  line-height: 31px;
}

#contentFooterHome{
  padding: 50px 35px 0;
  background: url(img/bg_footer_home.jpg) no-repeat 0 0;
  height: 476px;
  margin: 0 auto;
}

#footerSub{
  font-family: Helvetica, Arial, sans-serif;
  background: url(img/bg_footer_sub.jpg) repeat-x 0 0;
	font-size: 14px;
	line-height: 14px;
	height: 696px;
	margin-bottom: 30px;
  margin-top: 29px;
	clear: both;
}

#wrapperFooter{
  margin: 0 auto;
  text-align: left;
  width: 864px;
  padding: 0 118px;
}

#footerTeaser{
  margin: 45px 0 45px 16px;
}

#contentFooter{
  padding: 0 35px;
  background: url(img/bg_footer_content.jpg) no-repeat 0 0;
  height: 529px;
  margin: 0 auto;
}

#footerSub h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  margin-bottom: 14px;
  font-style: italic;
}

#footerSub ul {
  margin-left: 10px;
}

#footerMenu{
  margin-right: 0;
}

#footerMenu ul{
  margin-top: 16px;
  list-style: none;
  float: right;
}

#footerMenu li{
  padding-top: 0px;
}

#footerMenu li a{
  color: #962020;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 18px;
}

li#menu-item-159 {
  background: url(img/vertical.jpg) no-repeat right center;
  padding-right: 9px;
}

li#menu-item-160,
li#menu-item-529 {
  background: url(img/vertical.jpg) no-repeat right center;
  padding-right: 9px;
}

li#menu-item-21 {
  background: none;
}

#footerSub ul.footerListe li {
    background: url("img/footer_listenpunkt.png") no-repeat scroll 1px 0px transparent;
    color: #33282A;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    padding-left: 15px;
    margin-bottom: 2px;
    padding-bottom: 0;

}

#footer a {
	text-decoration: none;
  color: #962020;
  font-size: 18px;
}

#footerNews a {
	text-decoration: none;
  color: #962020;
}

#footer a:hover {
	text-decoration: underline;
}

#footerNews a:hover {
	text-decoration: underline;
}

.menu-footermenu-container{
  float:right;
  font-size: 18px;
  font-family: 'Open Sans Condensed', sans-serif;
}

ul#menu-footermenu li{
  float: left;
  padding-left: 6px;
}

ul#menu-footermenu li a{
  display: block;
}

.footer_navi a{
  padding-left:8px;
  padding-right:8px;
}

.footer_navi a:hover{

}

.linieFooter{
  height: 1px;
  width: 209px;
  margin: 40px 0 40px -5px;
  background: url(img/linie_footer.jpg) no-repeat 0 0;
}

.footerText{
  width: 300px;
}

/* Navi
-------------------------------------------------- */
#navi-body{
  float: right;
}

#menu-header{
  margin: 70px 84px 0 0;
  display:block;
  padding: 0 0 0 0;
  float: right;
  background: url(img/gabelMesser.jpg) no-repeat 0 0;
  width: 331px;
  height: 143px;
  text-align: right;
  font-family: 'Open Sans Condensed', sans-serif;
}

#menu-header a{
  color: #ae164b;
  font-size: 36px;
  font-family: 'Open Sans Condensed', sans-serif;
}

/***************** SUB MENU - Main Tabs **********************/
#menu-header ul.menu{
  list-style: none;
  margin-bottom: 0px;
  display: inline-block;
  width: 240px;
  line-height: 30px;
}

#menu-header ul.menu li{
  padding:0px;
}

#menu-header .invers{
  color: #dec58b;
}

#menu-header  a:hover .invers{
  color: #962020
}

#menu-header ul.menu li a{
	padding: 0;
  margin:0;
  overflow:hidden;
	text-align:right;
  text-decoration:none;
	color: #ae164b;
  font-size: 36px;
  font-family: 'Open Sans Condensed', sans-serif;
  padding-left: 12px
}

#menu-header ul.menu li a.hoch{
	line-height: 36px;
}

#menu-header ul.menu li a:hover{
		color: #dec58b;
}

#menu-header ul.menu li ul li a{
      height: 19px;
	    padding: 10px 16px 10px;
      margin:0;
      display:block;
      overflow:hidden;
	    color:#787f88;
	    text-align:left;
      text-decoration:none;
	    font-family: Calibri,Arial,sans-serif;
      font-size: 13px;
}

#main-menu{
  left: 160px;
  font-family: 'Open Sans Condensed', sans-serif;
  position: relative;
  top: -10px;
}

#main-menu ul{
  width: 440px;
  height: 25px;

}

#main-menu ul li{
  display: block;
  float: left;
  background: url(img/bg_navi.jpg) repeat-x left top;
  padding-top: 4px;

}

#main-menu ul li a{
  color: #962020;
  margin-left: 19px;
}

#main-menu ul li.menu-item-161 a{
  margin-left: 0px;
}

#main-menu ul li.menu-item-211 a{
  margin-left: 0px;
}

	/****************** SUB MENU - LEVEL 2 ***********************/
#main-menu .sub-menu {
      position: absolute;
      left: 0px;
	    overflow:hidden;
	    padding:0px;
      padding-top: 4px;
      margin-top: 0px;
}

#main-menu ul.sub-menu li {
      padding-top: 3px;
      display: block;
      float: left;
}

#main-menu ul ul.sub-menu li a {
      font-size:16px;
      color: #962020;
	    margin:0px;
      text-align:left;
      margin-left: 19px;
	}

#main-menu ul ul.sub-menu li.menu-item-162 a {
      margin-left: 0px;
	}

#main-menu ul ul.sub-menu li.menu-item-167 a {
      margin-left: 0px;
	}

#main-menu ul ul.sub-menu li.menu-item-177 a {
      margin-left: 0px;
	}

#main-menu ul ul.sub-menu li a:hover {
      text-decoration: underline;
	}

#main-menu ul ul {
	    display: none; /* For testing, change to display: block; */
	    list-style:none;
      margin-top: -11px;
}

#main-menu ul li:hover > ul {
	/*  Uncomment to show drop down for testing purposes*/
	    display: block;
	}




/*
ul#menu-mainmenu li{
  padding-left: 32px;
  float: left;
}

ul#menu-mainmenu li a{
  border: medium none;
  color: #fff;
  display: block;
  font-family: Calibri,Arial,sans-serif;
  font-size: 14px;
}

ul#menu-mainmenu li a:hover{
  text-decoration: none;
}
*/

/* Current Page
---------------------------------------------------*/
#navi .current_page_item a,
#subnavi .current_page_item a,
body#home .page_item_home a {
	text-decoration: none;
	font-style: italic;
}

#navi .current_page_parent a {
	text-decoration: none;
	font-style: italic;
}

/* Contact Form 7
-------------------------------------------------- */
#contact{
	list-style:none;
	margin:0;
}

ul#contact{
	margin-left:0;
}

#contact li{
	float: left;
  height: 60px;
	margin:0 0 5px;
  position: relative;
  width: 407px;
  list-style: none;
  background: none;
  padding-left: 0;
}

#contact li li{
    height: 20px;
}

#contact li.push1 {
    height: 240px;
        line-height: 8px;
}

#contact li.push2 {
    height: 150px;
    line-height: 8px;
}

#contact li.push3 {
    height: 150px;
    line-height: 8px;
}

#contact li.push4 {
    height: 330px;
    line-height: 8px;
}

#contact li.push5 {
    height: 460px;
    line-height: 8px;
}

#contact li .text{
  font-style: italic;
	padding:15px 10px 10px 0;
}

.text{
  font-style: italic;
}

#contact li .required{
	position:absolute;
	right:10px;
	top:10px;
	z-index:100;
}

#contact li .wpcf7-form-control-wrap{
	position: absolute;
  margin-top: 6px;
}

#contact li .wpcf7-form-control-wrap input, #contact li .wpcf7-form-control-wrap textarea{
	background:#fff;
	border-top:solid 2px #ababab;
  border-left:solid 2px #ababab;
  border-bottom:solid 1px #e7e7e7;
  border-right:solid 1px #e7e7e7;
	padding:5px 0 5px;
	width: 407px;
	z-index:100;
	margin:0;
}

#contact li .wpcf7-form-control-wrap input:focus, #contact li .wpcf7-form-control-wrap textarea:focus{
	background:#F0EFEF
}

#contact li .wpcf7-form-control-wrap textarea{
	line-height: 28px;
	height:200px;
}

#contact li#message{
	min-height:220px;
}

#contact li#submit input{
  background: url(img/bg_senden.png) no-repeat left top;
  width:144px;
  height: 62px;
	margin:30px 0 0 275px;
  border: none;
}

#contact li#submit input:hover{
  background: url(img/bg_senden_ro.png) no-repeat left top;

}

.s_button {
    background: url(img/bg_senden.png) no-repeat left top;
    border: medium none;
    cursor: pointer;
    height: 62px;
    width: 144px;
}

#contact li#submit .s_button input:hover{
	background: url(img/bg_senden.png) no-repeat left top;
  width:144px;
  height: 62px;
	cursor:pointer;
}

div.wpcf7-validation-errors {
    border: 2px solid red;
}

.wpcf7-response-output{
  display: inline-block;
}

div.wpcf7-response-output {
    padding: 1.2em 1em;
}

.machplatz{
  margin-right: 15px;
}

#kontakt #content{
  margin-bottom: 50px;
}

#wpcf7-f223-p40-o1 .wpcf7-list-item label input{
  width: 50px;
  margin-bottom: 5px;
}

#wpcf7-f223-p40-o1 .wpcf7-list-item label .wpcf7-list-item-label{
}

.wpcf7-list-item label{
  width: 350px;
  display: block;
}

/* Extras
-------------------------------------------------- */

.left {
	float: left;
}

.right {
	float: right;
}

/* clear floats */
.eraser{
  clear: both;
}

#main-inner:after,
#sidebar-bottom:after,
#commentlist:after,
.ngg-album:after,
#baum:after,
#inner:after {
	height: 0;
	content: ".";
	display: block;
 	clear: both;
	visibility: hidden;
}

/* clear floats for stoopid IE 7 */
*:first-child+html #main-inner,
*:first-child+html #sidebar-bottom,
*:first-child+html #commentlist,
*:first-child+html .ngg-album {
	min-height: 1px;
}

/* clear floats for stoopider IE 6 */
* html #main-inner,
* html #sidebar-bottom,
* html #commentlist,
* html .ngg-album {
	height: 1%;
}

a img, #header a {
	border: none;
}

.noCss {
	display: none;
}