@font-face {
    font-family:myBasicFont;
    src: url(../fonts/fontbasic.ttf);
    font-weight:normal;
}

@font-face {
    font-family:myHeadFont;
    src: url(../fonts/fonthead.ttf);
    font-weight:bold;
}

.page-header {
/*    background-color:rgb(153,30,45); *//* dark green */
    background:linear-gradient(rgb(255,172,89), rgb(153,30,45));
    margin-bottom:0px;
    margin-top:15px;
    border-bottom:0px;
}


#headerlogo {
    float: left;
    padding-left:25%;
    valign:center;
}

.navbar-custom {
    background-color:rgb(153,30,45); /* dark green */
    font-size:16pt;
    font-family:myHeadFont;
    color:#ffffff;
    border-radius:0;
}

.navbar-custom .navbar-nav > li > a {
    color:#fff;
}

.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color:rgb(255,172,89); /* light green */
}

.navbar-custom .navbar-nav > a:hover, .navbar-nav > a:focus {
    color: #ffffff;
    background-color:rgb(255,172,89); /* light green */
}


.navbar-custom .navbar-brand {
    color:#eeeeee;
}

.navbar-custom .navbar-toggle {
    border-color:rgb(255,172,89); /* light green */
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color:rgb(255,172,89); /* light green */
}

.navbar .nav > li > a:hover {
    background-color:rgb(255,172,89); /* light green */
}

#headercontact {
    float: left;
    valign: bottom;
    padding-right:10%;
    padding-left:10%;
    padding-top:30px;
    color:#FFFFFF;
	font-size:12pt;
	font-family:myBasicFont, Tahoma, Helvetica, Arial, sans-serif;
	line-height:50%
}

#headercontact h1{
	line-height:20pt;
	margin:0px;
	padding:0px;
        font-weight:lighter;
	font-family:myHeadFont, "Copperplate Gothic Light", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:20pt;
/*	font-style:italic;*/
}

#headercontact p{
	line-height:15pt;
	margin:0px;
	padding:0px;
	padding-top: 10pt;
	font-family:myBasicFont, Tahoma, Helvetica, Arial, sans-serif;
/*	font-style:italic;*/
}


h1 {
	line-height:22pt;
	margin:0px;
	padding:0px;
        color:rgb(123,0,14); /* very dark green */;

        font-weight:lighter;
	font-family:myHeadFont, "Copperplate Gothic Light", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:20pt;
/*	font-style:italic;*/
}

h2 {
	line-height:22pt;
	margin:0px;
	padding:0px;
        color:rgb(123,0,14); /* very dark green */;

        font-weight:lighter;
	font-family:myHeadFont, "Copperplate Gothic Light", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:18pt;
/*	font-style:italic;*/
}

.carousel-inner img {
  margin: auto;
}

body#home a#nav-home,
body#preislistee a#nav-preisliste,
body#angebot a#nav-angebot,
body#kontakt a#nav-kontakt
{
background-color:#ffffff;
color:rgb(153,30,45); /* dark green */
}

/* Introduction */
#introduction {
    position:relative;
    padding: 20px;
    width:100%;
   /* background-color:rgb(255,172,89);*/ /* light green */
}

/* Carousel background */
#bestSellers {
    background-color:rgb(255,255,255); /* light green */
}

#introcontent {
    color:rgb(123,0,14); /* very dark green */;
	font-size:10.5pt;
	font-family:myBasicFont, Tahoma, Helvetica, Arial, sans-serif;
}

img.center {
    display: block;
    margin: 0 auto;
}

#introsignature {
    color:rgb(123,0,14); /* very dark green */;
    font-weight:lighter;
    font-family: myHeadFont, "Copperplate Gothic Light", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-variant: small-caps;
    font-size:22pt;
    text-align:right;
}

#introslider {
	background-color:rgb(255,172,89); /* light green */
}

#introslide img {
    display:none;
}
#introslide a {
    color:#A61628;
    border:0;
    display:block;
}

#introtext {
	position:relative;
	height:100%;
	float:left;
	width:449px;
	left:-1px;
	top:1px;
	text-align: justify;
}



/* Content */
#content {
	position:relative;
	left:0;
	width:956px;
	top:0;
	height:800px;
}

#contentleftcolumn {
	position:relative;
	top:24px; /* 17px + 7px border */
	width:518px;
	left:0;
	float:left;
	min-height:780px;
	height:auto!important;
	border:7px solid rgb(153,30,45); /* dark green */
	padding-bottom:40px;
}

#contentrightcolumn {
	position:relative;
	float:left;
	left:28px;
	top:24px; /* 17px + 7px border */
	width:386px;
	height:823px;
	border:7px solid rgb(153,30,45); /* dark green */;
}

/* Teilüberschrift */

.promotionheadline {
        font-weight:lighter;
	font-family:myHeadFont, "Copperplate Gothic Light", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-variant: small-caps;
	font-size:18pt;
	/*font-style:italic;*/
	color:rgb(123,0,14); /* very dark green */
}

.promotiontext {
	position:absolute;
	height:145px;
	font-size:10.5pt;
	color:#000000;
	/* font-style:italic; */
	width:209px;
	left:271px;
	top:39px;
	font-family:myBasicFont, Tahoma, Helvetica, Arial, sans-serif;
}

#rightcolumntext1 {
	position:absolute;
	left:18px;
	top:58px;
	width:346px;
	height:136px;
	font-family:myBasicFont, Tahoma, Helvetica, Arial, sans-serif;
	font-size:10.5pt;
}

/* Footer */
.footer {
    height:100px;
    position:relative;
    left:0px;
    top:57px;
    width:960px;
    clear:both;
    background-color:rgb(153,30,45); /* dark green */
}

.corner-ribbon{
  width: 380px;
  background: linear-gradient(rgb(255,172,89), rgb(250,192,144), rgb(250,192,144), rgb(255,172,89));
  position: absolute;
  top: 35px;
  left: -85px;
  font-size:15px;
  z-index: 1;
  text-align: center;
  line-height: 60px;
  letter-spacing: 1px;
  color: rgb(123, 0, 14);
  transform: rotate(-35deg);
  -webkit-transform: rotate(-35deg);
}
.corner-ribbon.shadow{
  box-shadow: 7px 7px 7px rgba(0,0,0,.3);
}


#preisliste {
	position:relative;
	width:480px;
	background-color:transparent;
	left:2px;
	top:5px;
	margin:3px 5px 0px 0px;
	padding:0;
}

#preisliste h2{
color:rgb(153,30,45); /* dark green */
        font-weight:lighter;
font-family:myHeadFont, "Copperplate Gothic Light", "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-variant: small-caps;
font-size:20px;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 12px;
margin-bottom: 2px;
}

#preislisteneu p{
    font-family:myBasicFont, Tahoma, Helvetica, Arial, sans-serif;
    font-size:10.5pt;
    margin-top:2px;
    margin-bottom: 2px;
}


a {
    color:rgb(123,0,14); /* very dark green */;
    font-weight: bold;
    text-decoration:none;
}

.lightgreenbox {
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 15px;
    list-style:none;
}

/* 7 colors * /
/* 254 - 194 */

.boxcount:nth-of-type(7n) .lightgreenbox{
    background-color: rgb(200,101,105);
}
.boxcount:nth-of-type(7n+1) .lightgreenbox{
    background-color: rgb(229,146,124);
}
.boxcount:nth-of-type(7n+2) .lightgreenbox{
    background-color: rgb(243,165,134);
}
.boxcount:nth-of-type(7n+3) .lightgreenbox{
    background-color: rgb(236,156,129);
}
.boxcount:nth-of-type(7n+4) .lightgreenbox{
    background-color: rgb(212,119,113);
}
.boxcount:nth-of-type(7n+5) .lightgreenbox{
    background-color: rgb(241,163,132);
}
.boxcount:nth-of-type(7n+6) .lightgreenbox{
    background-color: rgb(220,132,118);
}

.center {
    text-align: center;
}

/*  Tablet  */
@media (min-width:767px) {

  /* Column clear fix */
  #preislisteneu .col-lg-1:nth-child(12n+1),
  #preislisteneu .col-lg-2:nth-child(6n+1),
  #preislisteneu .col-lg-3:nth-child(4n+1),
  #preislisteneu .col-lg-4:nth-child(3n+1),
  #preislisteneu .col-lg-6:nth-child(2n+1),
  #preislisteneu .col-md-1:nth-child(12n+1),
  #preislisteneu .col-md-2:nth-child(6n+1),
  #preislisteneu .col-md-3:nth-child(4n+1),
  #preislisteneu .col-md-4:nth-child(3n+1),
  #preislisteneu .col-md-6:nth-child(2n+1){
    clear: none;
  }
  #preislisteneu .col-sm-1:nth-child(12n+1),
  #preislisteneu .col-sm-2:nth-child(6n+1),
  #preislisteneu .col-sm-3:nth-child(4n+1),
  #preislisteneu .col-sm-4:nth-child(3n+1),
  #preislisteneu .col-sm-6:nth-child(2n+1){
    clear: left;
  }
}

/*  Medium Desktop  */
@media (min-width:992px) {

  /* Column clear fix */
  #preislisteneu .col-lg-1:nth-child(12n+1),
  #preislisteneu .col-lg-2:nth-child(6n+1),
  #preislisteneu .col-lg-3:nth-child(4n+1),
  #preislisteneu .col-lg-4:nth-child(3n+1),
  #preislisteneu .col-lg-6:nth-child(2n+1),
  #preislisteneu .col-sm-1:nth-child(12n+1),
  #preislisteneu .col-sm-2:nth-child(6n+1),
  #preislisteneu .col-sm-3:nth-child(4n+1),
  #preislisteneu .col-sm-4:nth-child(3n+1),
  #preislisteneu .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  #preislisteneu .col-md-1:nth-child(12n+1),
  #preislisteneu .col-md-2:nth-child(6n+1),
  #preislisteneu .col-md-3:nth-child(4n+1),
  #preislisteneu .col-md-4:nth-child(3n+1),
  #preislisteneu .col-md-6:nth-child(2n+1){
    clear: left;
  }
}

/*  Large Desktop  */
@media (min-width:1200px) {

  /* Column clear fix */
  #preislisteneu .col-md-1:nth-child(12n+1),
  #preislisteneu .col-md-2:nth-child(6n+1),
  #preislisteneu .col-md-3:nth-child(4n+1),
  #preislisteneu .col-md-4:nth-child(3n+1),
  #preislisteneu .col-md-6:nth-child(2n+1),
  #preislisteneu .col-sm-1:nth-child(12n+1),
  #preislisteneu .col-sm-2:nth-child(6n+1),
  #preislisteneu .col-sm-3:nth-child(4n+1),
  #preislisteneu .col-sm-4:nth-child(3n+1),
  #preislisteneu .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  #preislisteneu .col-lg-1:nth-child(12n+1),
  #preislisteneu .col-lg-2:nth-child(6n+1),
  #preislisteneu .col-lg-3:nth-child(4n+1),
  #preislisteneu .col-lg-4:nth-child(3n+1),
  #preislisteneu .col-lg-6:nth-child(2n+1){
    clear: left;
  }
}

 .boxcount

#plain{
	color: .boxcount#000;
	font-family:myBasicFont, Tahoma, Helvetica, Arial, sans-serif;
	font-size:14px;
	

	
}


#textcontent{
	padding-top:20px;
	top:100px;
}
.leistungsDescription{
	width:300px;
	font-size:12pxrowowor:#A61628 .boxcount .boxcount;
	position:relative;
	width:300row    float:left;	
        font-weight:bold
} .boxcount

#preis{
	position:relative;
	float:left;
	
 .boxcount}


#leistungs{
	color:#A61628;
	position:relative;
	width:300px;
float:left;	
font-weight:bold;
	font-size:10px;


}row	position:rel .boxcounta .boxcounttive;
	float:left;
	rowhtcolumnimage {
	wid .boxcountth:254px;
	height:147px;
}rowt .boxcountcolumnheadline2 {
	position:absolute;
	left:19px;
	top:213px;
	width: 329px;
}

#map_canvas {
    width: 100%;
    height:400px;
}

#rightcolumnheadline1 {
	position:relative;
	left:20px;
	top:16px;
}

#topspan {
	height:17px;
	position:relative;
	width:100%;
	left:1px;
	top:0;
rowidth:960prowtion:relative;
	background-color:#FFFFFF;
	margin-right:auto;
	margin-left:auto;
	left:1px;
	top:1px;
	height:1550px;
	padding:0;
}


.promotion {
	position:relative;
	top:0;
	height:32px;
	width:478px;
	left:0;
	color:#A61628;
	font-style:i	display:block;
	ve;
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
	height:auto;
	width:980px;
	top:0;
	left:0;
	margin-top:0;
	padding-top:0;
	background-color:#FFFFFF;
	box-shadow:rgb(0, 0, 0) 0px 5px 8px;
	-webkit-box-shadow:rgb(0, 0, 0) 0px 5px 8px;
	-o-box-shadow:rgb(0, 0, 0) 0px 5px 8px;
	-ms-box-shadow:rgb(0, 0, 0) 0px 5px 8px;
	-moz-box-shadow:rgb(0, 0, 0) 0px 5px 8px;
}

.contentitem {
	position:relative;
	width:480px;
	height:188px;
	background-color:transparent;
	left:2px;
	top:5px;
	margin:8px 18px 0px 20px;
	padding:0;
}





.mystyle {
/*	background-image:url(images/background.png);*/
	font-family:myBasicFont, Tahoma, Helvetica, Arial, sans-serif;
	font-size:12px;
	font:inherit;
	margin:auto;
	padding:inherit;
}






.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
#home #wrapper #container #header #headercontact {
	font-weight: bold;
}
#home #wrapper #container #header #headercontact {
	font-weight: normal;
}