@charset "utf-8";
/* CSS Document */

/* Head */
.head_c
{
	width: 100%;
	height: 366px;
	
	background-color: #FFFFFF;
}

.head_c .site_image
{
	width: 100%;
	min-width: 986px;
	max-width: 1369px;
	height: 366px;
	margin: 0 auto 0 auto;
	position: relative;
	top: 0px;
	overflow: hidden;
	z-index: 10;
}

.head_c .site_image > img
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 15;
}

.head_c .head
{
	width: 986px;
	height: 366px;
	margin: 0 auto 0 auto;
	position: relative;
	top: 0px;
	z-index: 20;
}

/* Wetter */
.menubox3cc
{
	width: 163px;
	height: 125px;
	padding: 15px 0 0 15px;
	position: absolute;
	right: 45px;
	top: 0px;
	
	background: #173A75;
}

.wetter_hover_c
{
	width: 100%;
	height: 0px;
}

.wetter_hover
{
	width: 986px;
	margin: 0 auto 0 auto;
	height: 0px;
	position: relative;
	z-index: 110;
}

/* Head bottom */
.head_bottom_c
{
	width: 100%;
	min-width: 984px;
	max-width: 1460px;
	margin: 0 auto 0 auto;
	background-image: url(../img/backgrounds/page_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}

.head_bottom
{
	width: 984px;
	height: 100px;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 50;
	
	background-image: url(../img/backgrounds/head_bottom_bgc.png);
	background-repeat: no-repeat;
}

.hb
{
	width: 148px;
	height: 309px;
	position: absolute;
	z-index: 10;
	
	padding: 15px 20px;
}

.hb.box1
{
	top: 50px;
	left: 40px;
	
	background-image: url(../img/backgrounds/hb_box1_bg.png);
	background-repeat: no-repeat;
}

.hb.box2
{
	top: 50px;
	left: 239px;
	
	background-image: url(../img/backgrounds/hb_box2_bg.png);
	background-repeat: no-repeat;
}

.hb.box3
{
	top: 50px;
	left: 438px;
	
	background-image: url(../img/backgrounds/hb_box3_bg.png);
	background-repeat: no-repeat;
}

/* Right */
.c_right
{
	width: 250px;
	float: left;
}

.wetter_bottom
{
	width: 162px;
	height: 15px;
	float: left;
	padding: 5px 8px 5px 8px;
	background-color: #173A75;
	margin: 0 0 30px 62px;
	display: inline;
	text-align: center;
}

.wetter_bottom a
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}

.box
{
	width: 164px;
	min-height: 100px;
	float: left;
	padding: 10px 8px 15px 8px;
	margin: 0 0 30px 62px;
	display: inline;
}

.box.bordered
{
	width: 164px;
	border: 1px solid #CCCCCC;
		font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #4F4F4F;
	line-height: 20px;
}
.box.bordered strong
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #4F4F4F;
	line-height: 23px;
	font-weight: bold;
}
.box.bordered a
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #4F4F4F;
	line-height: 20px;
   text-decoration: underline;
}
}

#preis-table-a 
{
	padding:0;
	color:#4F4F4F;
	margin:0;
	background-color: #E8E8E8;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #ffffff;
	border-left-color: #ffffff;
}
td.preislistetop {
	background-color:#0B4C85;
	color:#ffffff;
}

#preis-table-a td
{
	padding:4px;
	color:#4F4F4F;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	background-color: #E8E8E8;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
#preis-table-a td table td
{
	background: #E8E8E8;
	color:#4F4F4F;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:#ffffff;
}
#preis-table-a tr:hover td
{
	background: #F4F4F4;
	color: #4F4F4F;
}
#preis-table-a tr.preislistetop td{
	background-color:#0B4C85;
	color:#ffffff;
}
.hervorgehoben {
   background-color:#235CA3;
   border:1px solid #e6e6e6;
   padding:25px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 20px;
}
.hervorgehoben2 {
   background-color:#E8E8E8;
   border:1px solid #e6e6e6;
   padding:25px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #4F4F4F;
	line-height: 20px;
}
.hervorgehoben #pauschale a  {
   	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration:underline;
}
.hervorgehoben2 #pauschale a {
   	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #0B4C85;
	text-decoration:underline;
}

.mypets{ /*header of 1st demo*/
	cursor: hand;
	cursor: pointer;
	padding: 2px 5px;
	height:25px;
	border: 1px solid white;
	background: #0B4C85;
	font-family: Tahoma, Geneva, sans-serif;
	background-image: url(../img/hg_header.jpg);
	background-repeat:no-repeat;
	text-indent:25px;
	line-height:25px;
	font-size:14px;
	color:#ffffff;
}
.openpet{ /*class added to contents of 1st demo when they are open*/
	background: #E8E8E8;
	color: #0B4C85;
	background-image: url(../img/hg_header2.jpg);
	background-repeat:no-repeat;
	text-indent:25px;
}
.thepet{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
}
.technology{ /*header of 2nd demo*/
	cursor: hand;
	cursor: pointer;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	margin: 10px 0;
}
.content a{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #1E4C88;
	line-height:20px;
	text-decoration: underline;
}
.content a .hervorgehoben{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height:20px;
	text-decoration: underline;
}
.content a:link{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #1E4C88;
	line-height:20px;
	text-decoration: underline;
}
.content a:active{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #1E4C88;
	line-height:20px;
	text-decoration: underline;
}
.content a:hover{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #EFBF1E;
	line-height:20px;
	text-decoration: underline;
}
.content a:visited{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #1E4C88;
	line-height:20px;
	text-decoration: underline;
}
.content ul{
	margin: 7px 0px 0px 15px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	list-style-image: url(../img/li.gif);
	background-image: none;
}
.content li{
	font-family: Verdana, Geneva, sans-serif;
	background-image: none;
	margin:0px;
	padding:0px;
}
/*---------------------GOOGLE-MAPS-----------------------------*/

#maprahmen {
   border: 1px solid #125aba;
   width: 100%;
   text-align: center;
}

#karte {
   width: 100%; 
   height: 320px;
}

#input-hintergrund {
   background: #d8e4f4;
   padding: 5px;
}

#inputaddress {
   width: 300px;
   padding: 1px;
   height: 20px;
   border: 1px solid #125aba;
   background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #666666;
}

#mapsButton1 {
   width: 200px;
   height: 25px;
   padding: 3px;
   border: 1px solid #f7d695;
   color: #fff;
   background: #33588B url(../img/button-hg.jpg) repeat-x top;
   vertical-align: bottom;
}

#mapsButton1:hover {
   border: 1px solid #f7d695;
   font-weight: bold;
   background: #03497C url(../img/button-hg.jpg) repeat-x top;
   cursor: hand;
}

.mapposition {
   color: #000;
   font-size: 12px;
}
/*-------------------*/

h1
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #0B4C85;
	line-height:30px;
	
	margin: 0;
	padding: 0;
}

h2
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #C5C6C7;
	text-align: center;
	
	margin: 0;
	padding: 10px 0 0 0;
}
h3
{
	font-family:Verdana, Geneva, sans-serif;
	color:#7E7E7E;
	font-size:15;
	line-height:24px;
	margin:0px;
}
h4
{
	font-family:Verdana, Geneva, sans-serif;
	color:#7E7E7E;
	font-size:12;
	line-height:20px;
	margin:0px;
}
hr{
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #a2bbda;
	height: 1px;
}
