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

/* 
	Resets defualt browser settings
	reset.css
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

/*
	Page style
*/

body { 
	font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
	letter-spacing:0;
	background-color:#f2e9e0;
background-image: url(../img/bg-repeat.jpg);
background-repeat: repeat-x;
background-position:top center;
	-webkit-font-smoothing: subpixel-antialiased;
}



#head{
width:100%
margin:0;
min-width:1000px;


}
#header{
width:100%;
height:410px;
margin:0 auto;
margin-top:0px;
}


#main{
width:100%;
height:100%;

background-image: url(../img/mosaik.jpg);
background-repeat:no-repeat;
background-position:100% 100%;
overflow:hidden;
z-index:1;
}



/*--------------------------------NAVI BEREICH-------------------------------*/

.top-bar{
margin:0px auto;
width:960px;
height:50px;

}

.logo{
width:238px;
height:33px;
float:left;
margin-top:10px;
}

#navi{
width:700px;
height:55px;
float:right;
font-family: 'Papyrus'; 
font-weight:bold;
font-size:11px;
color:#771e0c;
letter-spacing:0.3px;
}

#navi ul{
list-style:none;
float:right;
margin:0px;
padding:0px;
}

#navi li {
display:inline;
height:54px;
margin-top:0px;
border-right:1px solid #e6d7c7;
float:left;
background-image: url(../images/navi_bg.jpg);
background-repeat:repeat-x;
}

#navi li.left, #navi li.active-left {
border-left:1px solid #e6d7c7;
}



#navi li:hover{
background-color:#771e0c;
}
li.active:hover{
background-color:#771e0c;
}

#navi li.active, #navi li.active-left{
background-color:#ebddcd;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f1e6da /*{a-bar-background-start}*/), to( #dec6ac /*{a-bar-background-end}*/)); /* Saf4 , Chrome */
	background-image: -webkit-linear-gradient( #f1e6da /*{a-bar-background-start}*/, #dec6ac /*{a-bar-background-end}*/); /* Chrome 10 , Saf5.1  */
	background-image:    -moz-linear-gradient( #f1e6da /*{a-bar-background-start}*/, #dec6ac /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f1e6da /*{a-bar-background-start}*/, #dec6ac /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f1e6da /*{a-bar-background-start}*/, #dec6ac /*{a-bar-background-end}*/); /* Opera 11.10  */
	background-image:         linear-gradient( #f1e6da /*{a-bar-background-start}*/, #dec6ac /*{a-bar-background-end}*/);
}

#navi li a{
height:31px;
float:left;
padding-top:23px;
padding-left:8px;
padding-right:8px;
color:#771e0c;
text-decoration:none;
border:0px;
}

#navi li a:hover{
text-decoration:none;
border:0px;
color:#fff;
background-color:#771e0c;
}


#navi .active{
background-image: url(../images/navi_bg_hover.jpg);
background-repeat:repeat-x;
text-decoration:none;
}






#content{
	width:960px;
	height:auto;
	min-height:500px;
	margin:0 auto;
	margin-top:30px;
	padding:0;
	z-index:2;
}

/* --------------------------------------- BREADCRUMB -------------------------------------------- */

.breadcrumb{
float:left;
width:640px;
height:20px;
font-size:1.3em;
margin-bottom:20px;
}

.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active{
color:#771e0c;
text-decoration:none;
}
.breadcrumb a:hover{
text-decoration:underline;
}


/* --------------------------------------- CONTENT RIGHT -------------------------------------------- */

.content-right{
float:right;
width:680px;
padding-bottom:30px;
z-index:3;
}

.content-right img{
border:0px;
}

.content-right h1, .content-right h2, .content-right h3{

font-family: 'Papyrus'; 

/*font-family: Times, Georgia, serif;

font-style:italic;
*/
color:#7f1a08;
font-size:3.8em;
font-weight:bold;
margin-top:45px;
}

.content-right h2{
font-size:2.8em;
}
.content-right h3{
font-size:2.0em;
margin-top:15px;
margin-bottom:15px;
}

.content-right p{
font-family: 'lucida-grande', arial, helvetica, sans-serif;
font-size:1.6em;
line-height:1.5em;
margin-top:20px;
text-decoration:none;
font-weight:normal;
}

.content-right em{
text-decoration:none;
font-weight:normal;
font-family: 'lucida-grande', arial, helvetica, sans-serif;
}

.content-right a:link, .content-right a:active, .content-right a:visited{
text-decoration:none;
font-weight:normal;
font-family: 'lucida-grande', arial, helvetica, sans-serif;
color:#7f1a08;
}
.content-right a:hover{
text-decoration:underline;
font-weight:normal;
font-family: 'lucida-grande', arial, helvetica, sans-serif;
color:#7f1a08;
}
.logo-row-h h3{
font-size: 1.4em;
}

.bullets{
margin:30px 0px 60px 0px;
}
.bullets ul{
list-style-image: url(../img/bulletpoint.gif);
list-style-position:outside;

}

.bullets li{
font-family: 'lucida-grande', arial, helvetica, sans-serif;
line-height:1.5em;
font-size:1.6em;
margin-top:20px;
margin-left:20px;
}


.thumbnail-content-image img{
border:10px solid #fff;
margin-top:20px;
	-moz-box-shadow:0px 2px 2px 2px rgba(0,0,0,0.1); /* Firefox - alte Syntax */
	-webkit-box-shadow:0px 2px 2px 2px rgba(0,0,0,0.1); /* Safari, Chrome - alte Syntax */
	box-shadow:0px 2px 2px 2px rgba(0,0,0,0.1); /* alle neuen Browser, W3C Standard */
}

.thumbnail-content-image img:hover{
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter:alpha(opacity=70);
}

.thumbnail-content-image{
width: 680px;
border:0px;
margin-bottom:30px;
}

.image-subline{
font-family: 'Papyrus'; 
margin-top:20px;
font-size:1.7em;
color:#7f1a08;
}


.content-link {
margin-top:30px;
margin-bottom:20px;
}

.content-link a:link, .content-link a:visited, .content-link a:active{
font-family: 'lucida-grande', arial, helvetica, sans-serif;
color:#fff;
font-size:1.4em;
font-weight:normal;
letter-spacing:0.5px;
padding:10px 15px 8px 15px;
background-color:#771e0c;
}

.content-link a:hover{
text-decoration:none;
background-color:#c99e8b;
color:#771e0c;

}

.anker{
height:60px;
width:60px;
margin-top:90px;
float:right;
color:#7f1a08;

-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter:alpha(opacity=70);

}

.anker:hover{
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
}

/* --------------------------------------- BILDERGALERIEN -------------------------------------------- */
.image-row-h{
width:680px;
height:300px;
margin-top:30px;
margin-bottom:30px;
}

.image-row-h-column{
width:200px;
height:300px;
background-color:#fff;
float:left;
padding:5px;
text-align:center;
	-moz-box-shadow:0px 2px 2px 2px rgba(0,0,0,0.1); /* Firefox - alte Syntax */
	-webkit-box-shadow:0px 2px 2px 2px rgba(0,0,0,0.1); /* Safari, Chrome - alte Syntax */
	box-shadow:0px 2px 2px 2px rgba(0,0,0,0.1); /* alle neuen Browser, W3C Standard */

}

.image-row-h-column img{
width: 190px;
height:190px;
margin-bottom:15px;
}
.image-row-h-column img:hover{
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter:alpha(opacity=70);
}

.image-row-h-column a:link, .image-row-h-column a:visited, .image-row-h-column a:active {
font-size:13px;
color:#7f1a08;
font-weight:normal;
text-decoration:none;
font-family: trebuchet, verdana, arial, sans-serif;
}
.image-row-h-column a:hover{
text-decoration:underline;
}

.logo-row-h{
width:680px;
min-height:200px;
margin-top:30px;
margin-bottom:30px;
}


.logo-row-h-column{
width:140px;
height:auto;
background-color:#fff;
float:left;
padding:5px;
text-align:center;
	-moz-box-shadow:0px 2px 2px 2px rgba(0,0,0,0.1); /* Firefox - alte Syntax */
	-webkit-box-shadow:0px 2px 2px 2px rgba(0,0,0,0.1); /* Safari, Chrome - alte Syntax */
	box-shadow:0px 2px 2px 2px rgba(0,0,0,0.1); /* alle neuen Browser, W3C Standard */

}
.logo-row-h-column h3{
font-size:1.3em;
}
.logo-row-h-column img{
width: 120px;
margin-bottom:15px;
}

.logo-row-h-column img:hover{
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter:alpha(opacity=70);
}
.logo-row-h-column a:link, .logo-row-h-column a:visited, .logo-row-h-column a:active {
font-size:13px;
color:#7f1a08;
font-weight:normal;
text-decoration:none;
font-family: trebuchet, verdana, arial, sans-serif;
}
.logo-row-h-column a:hover{
text-decoration:underline;
}

/*-----------------------------------------------------Bildergalerie Referenzen----------------------*/


.referenz-galerie {
width:680px;
min-height:200px;

float:left;
}

.referenz-galerie h2{
margin-bottom:30px;
}
.thumbnail{
background-color:#fff;
float:left;
padding:5px;
	-moz-box-shadow:0px 2px 2px 2px rgba(0,0,0,0.1); /* Firefox - alte Syntax */
	-webkit-box-shadow:0px 2px 2px 2px rgba(0,0,0,0.1); /* Safari, Chrome - alte Syntax */
	box-shadow:0px 2px 2px 2px rgba(0,0,0,0.1); /* alle neuen Browser, W3C Standard */
	margin-right:15px;
margin-bottom:30px;
}

.thumbnail img{
width:130px;
height:130px;
border:0px;	
/*padding-bottom:15px;*/
}

.thumbnail img:hover{
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter:alpha(opacity=70);
}


/* --------------------------------------- CONTENT LEFT -------------------------------------------- */

.content-left{
width:240px;
float:left;
}

.logo-left{
width:170px;
height:215px;
float:left;
}

.content-left .anschrift{
margin-top:30px;
float:left;
width:240px;
color:#7f1a08;
}
.content-left .anschrift p, .content-left .rufnummern{
font-family: 'lucida-grande', arial, helvetica, sans-serif;
font-size:1.4em;
line-height:1.6em;
margin-top:20px;
}
.content-left .anschrift em{
font-family: 'lucida-grande', arial, helvetica, sans-serif;
font-size:1.8em;
font-weight:bold;
}

.content-left .rufnummern a:link{
color:#7f1a08;
font-weight:normal;
}

.rufnummern .number-category, .rufnummern .number-value{
float:left;
margin-bottom:30px;
}
.number-value{
margin-left:15px;
}

/* --------------------------------------- HEADER SLIDER -------------------------------------------- */



#container {
	width:940px;
	padding:0px;
	margin:0 auto;
	position:relative;
}

#example {
	top:0px;
	width:940px;
	height:350px;
	position:relative;
	left:-5px;
}

/*
#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}*/

#frame {
	position:absolute;
	width:940px;
	height:341px;
	top:-3px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:55px;
	z-index:100;

}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:940px;
	overflow:hidden;
	position:relative;
	display:none;
			border:5px solid #fff;
				-moz-box-shadow:0px 5px 4px 4px rgba(0,0,0,0.2); /* Firefox - alte Syntax */
	-webkit-box-shadow:0px 5px 4px 4px rgba(0,0,0,0.2); /* Safari, Chrome - alte Syntax */
	box-shadow:0px 5px 4px 4px rgba(0,0,0,0.2); /* alle neuen Browser, W3C Standard */
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:940px;
	height:328px;
	display:block;

}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:140px;
	left:5px;
	width:43px;
	height:60px;
	display:block;
	z-index:101;
}

#slides .next {
	left:903px;
}

/*
	Pagination
*/

.pagination {
position:relative;
	margin:0 auto;
	top:-50px;
	width:130px;
	z-index:999;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	margin:5px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Footer
*/

.footer {
border:1px;
margin-bottom:0px;
width:100%;
height:55px;
border-top:6px solid #6f4a22;
float:left;
background-color:#ebddcd;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f1e6da /*{a-bar-background-start}*/), to( #dec6ac /*{a-bar-background-end}*/)); /* Saf4 , Chrome */
	background-image: -webkit-linear-gradient( #f1e6da /*{a-bar-background-start}*/, #dec6ac /*{a-bar-background-end}*/); /* Chrome 10 , Saf5.1  */
	background-image:    -moz-linear-gradient( #f1e6da /*{a-bar-background-start}*/, #dec6ac /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f1e6da /*{a-bar-background-start}*/, #dec6ac /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f1e6da /*{a-bar-background-start}*/, #dec6ac /*{a-bar-background-end}*/); /* Opera 11.10  */
	background-image:         linear-gradient( #f1e6da /*{a-bar-background-start}*/, #dec6ac /*{a-bar-background-end}*/);
}
.footer .copyright{
width:960px;
margin:0px auto;
height:30px;
margin-top:20px;
font-size:1.2em;
}
.footer .copyright a{
font-family: 'Papyrus'; 
font-weight:bold;
font-size:10px;
letter-spacing:0.3px;

color:#771e0c;
margin-left:20px;
}


/*
	Anchors
*/

a:link,a:visited {
	color:#599100;
	text-decoration:none;
}

a:hover,a:active {
	color:#599100;
	text-decoration:underline;
}






/*--------------------------------------------- Kontakt -----------------------------------------------------------------*/

.formular{
margin-top:50px;
  width:670px;

  }
.nutzerdaten{
  width: 300px;
 float:left;

} 


.defbreite {
font-size:1.4em;
  width:300px;
    height:30px;
  margin-bottom:6px;
  background-color:#f2f2f2;
  border:0px;
  -moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter:alpha(opacity=80);

}
.textfeld{
margin-bottom:40px;
  background-color:#f2f2f2;
  border:0px;
}

.nachrichtenfeld{
  width:310px;
 float:right;
  font-size:14px;
  font-family: 'lucida-grande', arial, helvetica, sans-serif;
}

.textfeld{
  float:right;
    font-size:13px;
  -moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter:alpha(opacity=80);
  }

.value, .hinweis{
  width:300px;
  height:40px;
  margin-bottom:6px;
  color:#888;
  border:0px;
	text-decoration:none;
 font-size:13px;
   color:#666666;
   padding:0px;

}
.hinweis{
float:left;
  width:360px;
  height:20px;
position:relative;
padding-top:30px;
}


.abschicken {
margin-top:20px;
font-family: 'lucida-grande', arial, helvetica, sans-serif;
color:#fff;
font-size:1.4em;
font-weight:normal;
letter-spacing:0.5px;
padding:10px 15px 8px 15px;
background-color:#771e0c;
border:0px;
   }
   .abschicken:hover {
  background-color:#c99e8b;
color:#771e0c; 
   }