/* CSS Document */
body{
	margin: 0;
	padding: 0;
	height:100%;
	background-color: #f8bb7c;
	background-image: url(../img/back.jpg);
	background-position: top;
	background-repeat: repeat-x;
   font-family: verdana, sans-serif;
	font-size: 11px;
	word-spacing: -0.2pt;
	line-height: 1.7;
	color: #4A3313;
}
font{
   font-family: verdana, sans-serif;
   font-size: 11px;
   word-spacing: -0.2pt;
   line-height: 1.7;
	color:#4A3313;;
}
hr{
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dc7711;
}
#breite{
	width:965px;
	height:100%;
	margin:0px auto;
	overflow: auto;
}
#header {
   height:148px;
}
#logo {
   height:148px;
}
#small{
	display: inline;
	float: right;
	width: 774px;
	font-size: 10px;
	line-height: 1.7;
	color: #FADFC5;
	text-align: right;
	padding-top:10px;
}
#small strong{
	font-size: 10px;
	line-height: 1.7;
	color: #FADFC5;
	text-align: right;
	font-weight: bold;
}
#small a{
	font-size: 10px;
	line-height: 1.7;
	color: #FADFC5;
	text-align: right;
	text-decoration:none;
}
#small a:link{
	font-size: 10px;
	line-height: 1.7;
	color: #FADFC5;
	text-align: right;
	text-decoration:none;
}
#small a:active{
	text-decoration:none;
}
#small a:visited{
	text-decoration:none;
}
#small a:hover{
	text-decoration:underline;
}
#main{
	width:965px;
	height:100%;
	top:148px;
	overflow: hidden;
}
#right{
   width:749px;
	float:right;
}
#left{
	background-image: url(../img/left_back.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #f8bb7c;
	width: 147px;
	height:100%;
	padding: 42px 46px 42px 23px;
	font-family: verdana, sans-serif;
	font-size: 10px;
	word-spacing: -0.2pt;
	line-height: 1.5;
	color: #4A3313;
	float:left;
}
#left a{
	color: #982601;
	text-decoration:underline;
	line-height: 1.9;
}
#left a:link{
	color: #982601;
	text-decoration:underline;
	line-height: 1.9;
}
#left a:active{
	color: #982601;
	text-decoration:underline;
}
#left a:visited{
	color: #982601;
	text-decoration:underline;
}
#left a:hover{
	color: #ffffff;
	text-decoration:underline;
}
h1{
	font-family:"Trebuchet MS", "Times New Roman", sans-serif, Arial;
	font-size:26px;
	color:#FEF2E7;
	line-height:28px;
	font-weight:normal;
	text-decoration: none;
}
h2{
	font-family:"Trebuchet MS", "Times New Roman", sans-serif, Arial;
	font-size:16px;
	color:#982601;
	line-height:24px;
	font-weight:normal;
	text-decoration: none;
}
h3{
	font-family:"Trebuchet MS", "Times New Roman", sans-serif, Arial;
	font-size:16px;
	color:#982601;
	line-height:18px;
	font-weight:bold;
	text-decoration: none;
   background-color: #f1aa61;
	padding:4px;
}
h4{
	font-family:"Trebuchet MS", "Times New Roman", sans-serif, Arial;
	font-size:16px;
	color:#982601;
	line-height:18px;
	font-weight:bold;
	text-decoration: none;
}
#content{
   font-family: verdana, sans-serif;
   font-size: 11px;
   word-spacing: -0.2pt;
   line-height: 1.7;
	color:#4A3313;
	padding-top: 25px;
	padding-bottom: 50px;
}
#content a{
	color:#982601;
	text-decoration:underline;
}
#content a:link{
	color:#982601;
	text-decoration:underline;
}
#content a:visited{
	text-decoration:underline;
}
#content a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#content a:active{
	color:#982601;
	text-decoration:underline;
}
#content ul{
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#content li{
	list-style-type: none;
	padding-left: 13px;
	background-image:  url(../img/li.gif);
	background-repeat:no-repeat;
	list-style-image: none;
	line-height:20px;
}
#navi{
	font-family:"Trebuchet MS", "Times New Roman", sans-serif, Arial;
	font-size:12px;
	color:#ffffff
}
td.orange{
	background-color:#f2ab62;
	padding:10px;
}

td.orange2{
	background-color:#fdbd7c;
	padding:10px;
}
td.orange3{
	border: 1px solid #facb9c;
	padding:10px;
}


/*Credits: CSSplay Modified by Cris D to add "you are here" highlighting*/
.preload2 {
	background: none;
}
.menu2 {
	margin:0; 
	height:35px; 
	width:700px;
	background: none;
	repeat-x; position:relative; 
	font-family:"Trebuchet MS", "Times New Roman", sans-serif, Arial;
	list-style-type:none; 
	padding-left:0px;
	padding-right:0px; 
	padding-top:0; 
	padding-bottom:0;
}
.menu2 li.top {
	display:block;
	float:left; 
	position:relative;
}
.menu2 li a.top_link {
	display:block; 
	float:left; 
	height:35px; 
	line-height:35px; 
	color: #ffffff;
	text-decoration:none;
	font-size:12px; 
	padding-left:3px;
	padding-right:3px; 
	cursor:pointer;
}
.menu2 li a.top_link span {
	float:left; 
	display:block; 
	padding:0px 6px 0px 6px; 
	height:35px;
}
.menu2 li a.top_link span.down {
	float:left;
	display:block;
	height:35px; 
	color: #ffffff;
	padding-left:5px; 
	padding-right:5px;
	padding-top:0;
	padding-bottom:0;
}
.menu2 li a.top_link:hover {
	color:#B8332E;
	background-color:#e5e8ef;
}
.menu2 li a.top_link:hover span {
	color: #B8332E;
	}
.menu2 li a.top_link:hover span.down {
	color: #B8332E;

}

/*You are here top link*/
.menu2 li.top a.current_link span.down {
	color:#ffffff;
}
.menu2 li.top a.current_link {
	display:block; 
	float:left; 
	height:35px;
	line-height:35px;
	color:#B8332E;
	background-color:#f7b97c;
	text-decoration:none; 
	font-size:12px; 
	padding:0 6px 0px 6px; 
	cursor:pointer;
}
.menu2 li.top a.current_link span {
	float:left; 
	display:block; 
	padding:0 6px 0px 6px; 
	height:35px;
}
.menu2 li.top a.current_link span.down {
	float:left;
	display:block;
	height: 35px; 
	color: #6e1c04;
	padding-left:0px; 
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
}
.menu2 li.top a.current_link:hover {
	color:#c53323;
	background-color:#f7b97c;
}
.menu2 li.top a.current_link:hover span {
	color: #B8332E;
}
.menu2 li.top a.current_link:hover span.down {
	color: #B8332E;
}
/*                 */

.menu2 li:hover > a.top_link {
	color:#B8332E;
	background-color:#f7b97c;
}
.menu2 li:hover > a.top_link span {
	color: #B8332E;
}
.menu2 li:hover > a.top_link span.down {
	color: #B8332E;
}
.menu2 table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	top:0; 
	left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {
	visibility:visible;
}
.menu2 li:hover {
	position:relative; z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}
.menu2 :hover ul.sub {
	left:0px;
	top:35px;
	color:#842217;
	background-color:#f7b97c;
	display:block;
	border: none;
	white-space:nowrap;
	width:207px;
	height:auto;
	padding-top: 6px;
	padding-bottom:6px;
}
.menu2 :hover ul.sub li {
	display:block; 
	height:25px;
	position:relative; 
	float:left; 
	width:207px;
}
.menu2 :hover ul.sub li a {
	display:block;
	padding-left:6px;
	padding-right:6px;
	font-size:12px; 
	height:25px;
	width:195px;
	line-height:25px;
	text-indent:3px;
	color: #B8332E;
	text-decoration:none;
}
.menu2 :hover ul.sub li a.fly {
	background:#f7b97c;
}
.menu2 :hover ul.sub li a:hover {
	background:#f6d0a1; 
	color:#842217;
}
.menu2 :hover ul.sub li a.fly:hover {
	background:#f6d0a1; 
	color:#842217;
}
.menu2 :hover ul li:hover > a.fly {
	background:#f6d0a1; 
	color:#842217;
} 
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{
	left:auto;
	top:-4px;
	background:#f6d0a1;
	display:block;
	color:#842217;
	padding:0px 0px;
	white-space:nowrap;
	width:207px;
	z-index:200;
	height:auto;
	display: block;
}

#box-table-a
{
   font-family: verdana, sans-serif;
	font-size: 12px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 2px;
	background: #f1aa61;
	border-top: 1px solid #facb9c;
	border-bottom: 1px solid #fbeddf;
	color: #B8332E;
}
#box-table-a td
{
	font-size:11px;
	padding: 2px;
	background: #f9bf86; 
	border-bottom: 1px solid #fbeddf;
	color: #4A3313;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #fde3c8;
	color: #4A3313;
}
table.anfrage td a{
   font-family: verdana, sans-serif;
	font-size:11px;
	color:#F7FAFC;
	background-color:#ffffff;
	margin: 0px;
	padding: 4px;
	line-height:40px;
	text-decoration:none;
   border:1px solid #facb9c;
}
table.anfrage td a:link{
   font-family: verdana, sans-serif;
	font-size:11px;
	color:#F7FAFC;
	background-color:#ffffff;
	margin: 0px;
	padding: 4px;
	line-height:40px;
	text-decoration:none;
   border:1px solid #facb9c;
}
table.anfrage td a:visited{
	text-decoration:none;
}
table.anfrage td a:hover{
	background-image: none;
	background-color:#f1aa61;
	color:#A92C1E;
	text-decoration:none;
}
table.anfrage td a:active{
	text-decoration:none;
}

#gallery {
	height: 144px;
	background-color: #f9c289;
	text-align: center;
	width:100%;
	position: static; 

}
#footer {
	height: 150px;
	background-color: #6f1e02;
	background-image: url(../img/footer_back.jpg);
	background-position: top;
	background-repeat: repeat-x;
	font-size: 10px;
	line-height: 1.7;
	color: #FADFC5;
	text-align: center;
	padding-top: 10px;
	position: relative;
}
#footer a{
	text-decoration:none;
	color: #F2AC66;
}
#footer a:link{
	text-decoration:none;
	color: #F2AC66;
}
#footer a:active{
	text-decoration:none;
}
#footer a:visited{
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

#hilfe{
	font-size: 10px;
	line-height: 1.7;
	color: #725226;
	text-decoration:none;
	padding-bottom:25px;
}
#hilfe a{
	font-size: 10px;
	line-height: 1.7;
	color: #725226;
	text-decoration:none;
}
#hilfe a:link{
	font-size: 10px;
	line-height: 1.7;
	color: #725226;
	text-decoration:none;
}
#hilfe a:active{
	text-decoration:none;
}
#hilfe a:visited{
	text-decoration:none;
}
#hilfe a:hover{
	text-decoration:underline;
}

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    border: 0px;
	 text-align: center;
	 vertical-align: middle;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
   width: 755px;
   padding: 32px 55px;
  	text-align: center;
   vertical-align: middle;
	margin: 0 auto;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
   width:  755px;
   height: 80px;
  	text-align: center;
   vertical-align: middle;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 170px;
    height: 80px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 25px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 50px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/next-horizontal.png) no-repeat 0 0;
	 vertical-align: middle;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 50px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	 text-align:center;
 	 vertical-align: middle;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
 	 text-align:center;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
 	 text-align:center;
}

.jcarousel-list li,
.jcarousel-item {
    float:left;
	 list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 170px;
    height: 80px;
 	 text-align:center;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
 	 text-align:center;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
 	 text-align:center;
}
#mycarousel {
	text-align: center;
   vertical-align: middle;
}