html { background:transparent; height: 100%; }
body { 
	margin:0;
	padding:0;
	font: 14px/1.4 HelveticaNeue, Helvetica, Arial;
	color:#666;
    background: #F2F2F2;
	height: 100%;
}

div {
	margin: 0;
	padding: 0;
}

#map {
	background-color: #E5E3DF;
	height: 610px;
	position: relative;
	width: 450px;
}

#tinymce {
    background: #fff;
}

#main-content, .main-content {
    height: 100%;
    overflow: hidden;
    padding-bottom: 60px;
    width: 100%;
}
#main, #footer{ clear:both;}

/*Links*/
a {color:#30383A; text-decoration: none; } 
a:hover {color:#30383A; text-decoration: none;}
a:active, a:focus { position : relative;  }
a:visited{ /* color:#D71929; */}
a.read-more {
	
}


.teasertext, #testimonials strong  {
	font-size: 140%;
	color:#666;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-style: italic;
	font-weight: normal;
}
/*-----Typography-----*/
   
h1 {font-size: 27px; line-height: 34px; margin-bottom: 10px;  font-weight: normal; color: #ABCC59; font-family: HelveticaNeue, Helvetica, Arial;
 }


h2 {font-size: 17px; line-height: 19px; font-weight: normal; color:#ABCC59; margin-bottom: 10px; }
h3 {font-size: 16px; line-height: 19px;  }
h4 {font-size: 14px; font-weight: bold;}
p  {margin: 0 0 8px 0; }
	
	
em {font-style: italic;}

strong {
	font-weight: bold;
	color: #E80000  !important;
	
}

blockquote { 

	margin:0 0 0 0; 
	padding-left:16px; 
	font-size: 16px; 
	line-height: 22px; 
	border-left:1px solid #4e4e4e;
}

ul#translations {
	padding-top: 8px;
	padding-left: 40px;
	width: 300px;
	text-align: left;
}

ul#translations li {
	margin: 0;
	padding: 0;
	position: relative;
	list-style:none !important;
	float: left;
}

ul#translations li a {
	height:18px;
	color: #fff;
	border-left: 1px solid #fff !important;
	padding: 0 10px;
	font-size: 90%;
}


 
ul#translations li:first-child a {
	/*	background: transparent url(../images/flag-germany.png) no-repeat 50% 50%; */
	border: none !important;
	padding: 0 10px 0 0;
}


#appointment {
	position: absolute;
	left: 40px;
	top: 10px;
	color: #fff;
}
#outerwrapper {
	width:940px;
	padding: 0px 30px 0px;
	background: #fff;
	margin: 0 auto;
	height: auto !important;
	min-height: 100% !important;
	height: 100%;
	overflow: hidden;
	position: relative;
}

#primaryContent {
	float:right;
	position:relative;
	padding-top: 40px;
}

	
#primaryContent {width:450px; }

#secondaryContent {
	float:left;
	width:450px;
}

/*-----Header-----*/
#header {
	position: relative;
	height: 195px; 
	margin: 0px 0px 0px -30px;
	/* border-bottom:1px solid #333; */
	background: #ABCC59;
	width: 1000px;
	border-bottom: 4px solid #888;
	z-index: 200;
}

#emergency {
	float: right;
	padding: 5px 10px 5px 20px;
	height: 30px;
	color: #fff;
	line-height: 16px;
	background: #92AD4C;
	font-size: 90%;
}

#emergency span {
	width: 120px !important;
	display:inline-block;
}

#service-holder {
	position: absolute;
	right: 40px;
	top:0;
	z-index: 2;
	line-height: 24px;
	height: 24px;
}
#situation {
	float: right;
	background: #9FBD53;
	padding: 5px 22px 5px;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
}

#situation a {
	color: #fff;
}


.col-1 {
	width: 200px;
	height: 260px;
	float: left;
}

.col-2 {
	position:relative;
	width: 600px;
	float: left;
}


#col-left {
	width: 250px;
	float: left;
}

#col-right {
	width: 250px;
	float: right;
}




h2.tagline {
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding: 0px 60px;
}





.pagetitle { font-size: 32px; font-weight: normal; right: 40px; top:74px; position: absolute; color: #fff !important; }
.pagetitle span {
	display: block;
	font-size:60%;
}

.hno-palma-de-mallorca {
	background: transparent url(../images/hno-palma-de-mallorca.png) no-repeat;
	text-indent: -9000px;
	width: 337px;
	height: 82px;
	position: absolute;
	left:40px;
	top: 50px;
}

#pagetitle h2{margin:0; padding:0 55px 0 55px; font-size: 54px; display:inline; background: url(../images/ornament-left.png) 0 50% no-repeat;}
#pagetitle h2 span{padding:0 55px 0 0; background: url(../images/ornament-right.png) 100% 50%  no-repeat;}


/*-----footer-----*/
#footer{ 
	position: absolute;
	bottom: 0;
	padding: 0px 30px;
	margin: 0px 0 0 -30px;
	width: 940px;
	background: #fff;
	overflow: hidden;
	border-top: 3px solid #ccc;
}
#footernav{  padding:0; margin:0; text-align: left; }
#footernav ul {list-style:none; padding:10px 0 10px 0; overflow:hidden; margin:0 auto;}
#footernav ul li {display: inline; padding:0 5px 0 5px; margin:0; text-transform: uppercase; border-left: 1px solid #ccc;}
#footernav ul li:first-child {
	border:none;
	padding:0 10px 0 0;
}
#footernav ul li a {display: inline;  color:#666; font-size: 8pt; }
#footernav ul li a:hover {display: inline;  color:#E80000 ; }


/* image floats */
img.left, img.right, img.center { padding:8px; background:#fff9eb; border-bottom:1px solid #a3a3a3; border-right:1px solid #a3a3a3;}
img.left { float:left; margin:0 12px 12px 0;}
img.right { float:right; margin:0 0 12px 12px; }
img.center { margin:0 auto 16px;}


/* image with caption floats */
div.captionImage { padding: 14px; background:#fff9eb; border-bottom:1px solid #a3a3a3; border-right:1px solid #a3a3a3; }
div.left {float:left; margin:0 12px 8px 0;}
div.right {float:right; margin:0 12px 0 8px;}
div.captionImage p {font-style: italic; margin-bottom: 8px; padding:0; font-size: 12px}
div.captionImage img.left, div.captionImage img.right, div.captionImage img.center{float:none; padding:0; background:transparent; outline:1px solid #a3a3a3; border:0;}


div.Actions input.action {
background: #ABCC59; 
font-weight:bold; 
color:#fff; 
-moz-box-shadow: 1px 1px 0px #333;
-webkit-box-shadow:1px 1px 0px #333;
box-shadow: 1px 1px 0px #333;
}

div.Actions input.action:hover {
	color: #fff;
	background: #555;
}

.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block; }
/* End hide from IE-mac */

#text-overlay {
	margin: 0px 0 30px 0;
	border-bottom: 1px solid #ddd;
	color: #999;
	font-size: 8px;
	font-weight:normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}

a.back-link {
	display: block;
	border-top: 1px solid #eee;
	margin-top:20px;
}


#news-list .news-summary {
	border-bottom: 2px solid #ccc;
	margin-bottom: 18px;
	overflow: hidden;
}

#news-list .news-date  {
	font-weight: bold;
	margin-bottom: 18px;
	overflow: hidden;
	text-align: right;
	border-right: 1px solid #ccc;
	padding-right:10px;
}


#Account table  {
 	width:100%;
}
#Account th  {
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}

#Account th,td  {
	        padding: 5px 0;
}


.gallery {    margin: 0 0 20px 0; background: url(../images/spinner.gif) 50% no-repeat; height: 400px; width: 450px;  }

.gallery .holder ul {
position: relative;
width: 450px;
height: 400px;
}
.gallery .holder ul li {
position: absolute;
top: 0;
left: 0;
width: 450px;
height: 400px;
visibility: hidden;
opacity:0;

}

.gallery-activities .holder ul {
position: relative;
width: 450px;
height: 400px;
}
.gallery-activities .holder ul li {
position: absolute;
top: 0;
left: 0;
width: 450px;
height: 400px;
visibility: hidden;
opacity:0;

}


p#pagination {
	clear: both;
	text-align: right;
	font-size: 14px;
}

table.address {
	margin-bottom: 50px;
}
table.address td {
	border-bottom: 1px solid #ddd;
	
}

#primaryContent ul {
	margin:0px;
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
	
}


#primaryContent ul li {
	background: #ffffff;
	margin-left: 30px;
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 5px;
}

#primaryContent ul li:first-child {
}

#primaryContent ul li a {
	color: #666;
	text-decoration: underline;
}

#primaryContent ul li a:hover {
	color: #ABCC59;
}

#wrap {
	margin-top: 30px;
	overflow: hidden;
}


.col {
    width: 190px;
    padding-right: 22px;
    border-right: 1px solid #ccc;
    float:left;
    margin-right: 22px
}

.col.last {
    margin-right: 0;
    padding-right: 0;
    border:none;
    
}

#prev-next {
	padding-top: 20px;
}
#prev-next a {
	float:right;
	color: #666;
	font-size: 90%;
	width: 220px;
	text-align: right;
}

#prev-next a span {
	color: #aaa !important;
	display: block;
}

#prev-next a:first-child {
	text-align: left;
	float:left;
	width: 220px;
	
}