/*
 * Styles für pangaya.de
 * Autor: Anne Böhnke
 * Letzte Änderung: 01.04.2009
 * 
 */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
	background: #a1c8e2 url(../img/bg_body.jpg) top center no-repeat;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size: 14px;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}



#page {
	/*background: #a1c8e2 url(../img/bg_main.jpg) bottom center no-repeat;*/
	background: transparent url(../img/bg_body.jpg) top center no-repeat;
	margin: 0 auto;
	width: 1000px;
	position: relative;
}

a {
	text-decoration: none;
	outline: none;
}

/* START Logo */

#header {
	padding: 9px 15px 0px 22px;
}
* html #header {
	padding: 0 15px 8px 22px;
}
*+html #header {
	margin-bottom: 23px;
}

#logo {
	background: transparent url(../img/logo.png) top left no-repeat;
	width: 190px;
	height: 158px;
}
* html #logo {
	position: absolute;
	top: 12px;
}

	#logo h1,
	#logo h2 {
		display: none;
	}
	
	#logo a {
		display: block;
		width: 215px;
		height: 155px;
	}
	
		#logo a span {
			display: none;
		}

/* END Logo */


/* START Menu */
		
#menu {
	width: 523px;
	height: 140px;
	position: absolute;
	left: 230px;
	top: 20px;
	background-color: #fff;
	font-family: Georgia, Verdana, Arial;
}

	#menu ul {
		margin: 0;
		padding: 35px 0 0 0;
	}		
	*+html #menu ul {
		padding: 32px 0 0 0;
	}		

		#menu ul li {
			list-style-type: none;
			clear: both;
		}		
		#menu ul li.main {
			display: block;
			height: 32px;
			padding: 0;
			margin: 0 10px;
		}		

			#menu ul li a.mainmenu {
				float: left;
				display: block;
				height: 30px;
				text-indent: -8000px;
			}		

			#menu ul li a.menu4 {
				width: 85px;
				background: #fff url(../img/menu_1.gif)
			}		
			#menu ul li a.menu4act {
				width: 85px;
				background: #fff url(../img/menu_1_act.gif)
			}		
				#menu ul li.first {
					border-bottom: 2px solid #005f8d;
				}
						
			#menu ul li a.menu5 {
				width: 105px;
				background: #fff url(../img/menu_2.gif)
			}		
			#menu ul li a.menu5act {
				width: 105px;
				background: #fff url(../img/menu_2_act.gif)
			}		
				#menu ul li.second {
					border-bottom: 2px solid #005f8d;
					padding-top: 3px;
				}

			#menu ul li a.menu6 {
				width: 65px;
				background: #fff url(../img/menu_3.gif)
			}		
			#menu ul li a.menu6act {
				width: 65px;
				background: #fff url(../img/menu_3_act.gif)
			}
				
				#menu ul li a.mainmenu span {
					display: none;
				}		

	
			#menu ul li ul.sub {
				float: left;
				padding: 0;
			}		

				#menu ul li ul.sub li {
					float: left;
					clear: none;
					padding: 11px 0 0 0;
				}		

					#menu ul li ul.sub li a {
						color: #000;
						text-decoration: none;
						padding: 0 0 0 12px;
						font-size: 11px;
					}
					
					#menu ul li ul.sub li a:hover,
					#menu ul li ul.sub li a.active {
						color: #b93334;
					}

/* END Menu */

/* START Content */

#content {
	padding: 23px 28px 17px;
	height: 540px;
}
*+html #content {
	padding-top: 0;
}
* html #content {
	padding-top: 185px;
	padding-bottom: 0;
}

#left {
	width: 180px;
	margin-right: 20px;
	float: left;
	padding-top: 0;
	margin-top: -2px;
}
* html #left {
	padding-top: 0;
	margin-top: -4px;
}
#main {
	width: 492px;
	margin-right: 20px;
	margin-top: 4px;
	padding: 0 20px 5px 12px;
	height: 465px;
	overflow: auto;
}
* html #main {
	position: absolute;
	top: 193px;
	left: 229px;
	margin-top: 2px;
}
#margin {
	width: 200px;
	position:absolute;
	top: 190px;
	right: 28px;
}
* html #margin {
	top: 190px;
}


/* START Content-Elemente */

#main h1 {
	background-color: #fff;
	font-size: 14px;
	padding: 0;
	color: #b93334;
	margin: 0 0 10px 0;
}
* html #main h1 {
	padding-top: 3px;
}

.textelement,
.textelement_box {
	clear: both;
}

	.textelement h2,
	.textelement_box h2 {
		background-color: #fff;
		padding: 0;
		color: #b93334;
		font-size: 12px;
		margin: 10px 0 3px 0;
	}

	.textelement p,
	.textelement_box p {
		padding: 0 0 8px 0;
		margin: 0;
	}

		#main p.bodytext a,
		.textelement p a,
		.textelement_box p a {
			color: #005f8d;
			background: transparent url(../img/btn_arrow.png) center right no-repeat;
			padding-right: 8px;
		}
		*+html #main p.bodytext a,
		*+html #main p.bodytext a.internal-link {
			background: transparent url(../img/btn_arrow.png) 4px left no-repeat;
			padding-left: 8px;
		}
		* html #main p.bodytext a,
		* html #main p.bodytext a.internal-link {
			background: transparent url(../img/btn_arrow2.gif) 4px left no-repeat;
			padding-left: 8px;
		}

	.textelement ul,
	.textelement_box ul {
		padding: 0;
		margin: 0 0 8px 15px;
	}
		.textelement ul li,
		.textelement_box ul li {
			padding-bottom: 8px;
			list-style-image: url(../img/icon_bullet.gif);
		}

	.textelement ol,
	.textelement_box ol {
		padding: 0;
		margin: 0 0 8px 18px;
	}
	*+html .textelement ol,
	*+html .textelement_box ol {
		margin-left: 23px;
	}
	* html .textelement ol,
	* html .textelement_box ol {
		margin-left: 23px;
	}
		.textelement ol li,
		.textelement_box ol li {
			padding-bottom: 8px;
		}


	.textelement_box .content {
		padding: 0 0 8px 0;
		margin: 0;
		width: auto;
		float: left;
		width: 245px;
	}

	.textelement_box .margin {
		padding: 8px;
		margin: 10px 0 10px 20px;
		width: 184px;
		float: left;
		background-color: #d8cac0;
	}

		.textelement_box .margin ul {
			padding: 0;
			margin: 0 0 8px 13px;
		}
			.textelement_box .margin ul li {
				padding-bottom: 8px;
			}

#main dd.csc-textpic-caption {
	font-size: 11px;
	padding-top: 3px;
	color: #666;
}

.imageelement ul {
	padding: 0;
	margin: 0 0 8px 0px;
}
	.imageelement ul li {
		list-style-type: none;
		float: left;
		padding: 0 10px 10px 0;
	}


.tableelement table {
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%
}
*+html .tableelement table {
	width: 95%
}
* html .tableelement table {
	width: 95%
}

	.tableelement table td {
		border: 1px solid #d8cac0;
		padding: 5px 8px;
	}
		.tableelement table td a {
			color: #005f8d;
			background: transparent url(../img/btn_arrow.png) center right no-repeat;
			padding-right: 8px;
		}
		* html .tableelement table td a {
			background: transparent url(../img/btn_arrow2.gif) center left no-repeat;
			padding-left: 8px;
		}
	
	.tableelement table td.price {
		width: 30%;
		text-align: right;
		color: #b93334;
		font-weight: bold;
	}
	.tableelement table td.headline {
		width: 70%;
		color: #b93334;
		font-weight: bold;
	}
	.tableelement table td.text {
		background-color: #d8cac0;
	}

	.tableelement ul {
		padding: 0;
		margin: 0 0 8px 15px;
	}
		.tableelement ul li {
			padding-bottom: 8px;
			list-style-image: url(../img/icon_bullet.gif);
		}

	.tableelement ol {
		padding: 0;
		margin: 0 0 8px 18px;
	}
	*+html .tableelement ol {
		margin-left: 23px;
	}
	* html .tableelement ol {
		margin-left: 23px;
	}
		.tableelement ol li {
			padding-bottom: 8px;
		}

	
.listbox,
.textbox {
	width: 180px;
	font-size: 11px;
	padding-bottom: 12px;
}

	.listbox h3,
	.textbox h3 {
		width: 164px;
		background-color: #fff;
		height: auto;
		padding: 5px 8px;
		color: #b93334;
		margin: 0 0 8px 0;
		font-size: 13px;
	}


	.listbox h4,
	.textbox h4 {
		padding: 0 8px;
		color: #b93334;
		margin: 0 0 0 0;
		font-size: 12px;
	}

	.listbox img,
	.textbox img {
		width: auto;
		margin-bottom: 3px;
	}

	.listbox span.country,
	.textbox span.country {
		float: left;
		padding-left: 8px;
	}

	.listbox p,
	.textbox p {
		padding: 0px 8px 3px 8px;
		margin: 0;
	}

	.listbox p.link,
	.textbox p.link {
		padding: 0 8px;
		margin: 0;
	}
		.listbox p a,
		.textbox p a,
		.textbox p.link a {
			color: #005f8d;
			background: transparent url(../img/btn_arrow.png) center right no-repeat;
			padding-right: 8px;
		}
	
		*+html .textbox p a,
		*+html .textbox p.link a {
			background: transparent url(../img/btn_arrow.pgn) 3px left no-repeat;
			padding-right: 0;
			padding-left: 10px;
		}
		* html .listbox p a,
		* html .textbox p a,
		* html .textbox p a.internal-link,
		* html .textbox p.link a {
			background: transparent url(../img/btn_arrow2.gif) 3px left no-repeat;
			padding-right: 0;
			padding-left: 10px;
		}
	
.listbox .list-item {
	margin-bottom: 10px;
}

	.listbox .list-item p {
		padding-top: 0;
	}


.testimonial .images {
	background-color: #fff;
	padding: 10px 10px 3px 10px;
	margin-bottom: 5px;
	overflow: hidden;
}
.testimonial .one {
	height: 113px;
}
.testimonial .two {
	height: 230px;
}

* html .testimonial .one {
	height: 113px;
}
*+html .testimonial .one {
	height: 113px;
}
* html .testimonial .two {
	height: 228px;
}
*+html .testimonial .two {
	height: 228px;
}

	.testimonial .images .csc-header,
	.testimonial .images .csc-textpic-caption {
		display: none;
	}
	
	.testimonial .images dl.csc-textpic-image dt {
		display: block !important;
	}

	.testimonial .images dl.csc-textpic-image dt img {
		padding-bottom: 2px;
	}
	*+html .testimonial .images dl.csc-textpic-image dt img {
		padding-bottom: 4px;
	}
	* html .testimonial .images dl.csc-textpic-image dt img {
		padding-bottom: 6px;
		width: 160px !important;
		height: 107px !important;
	}
	
.testimonial .p {
	font-style: italic;
}
.testimonial .name {
	display: block;
	margin-top: 3px;
	font-style: normal;	
}

.formerrors ul {
	padding: 5px 20px;
	margin: 20px 0 8px 0;
	background-color: #f3d3d1;
	width: 430px;
}
	.formerrors ul li {
		padding-bottom: 3px;
		color: red;
	}


.form fieldset {
	border: 0;	
	padding: 0;
	margin: 0;
}
	.form fieldset legend {
		color: #b93334;
		font-weight: bold;
		padding-left: 0;
		margin-left: 0;
	}
	*+html .form fieldset legend {
		margin-left: -7px;
	}
	* html .form fieldset legend {
		margin-left: -7px;
	}
	
	.form fieldset ul {
		margin: 10px 0 0 1px;
		padding: 0;
	}

		.form fieldset ul li {
			list-style-type: none;
			padding-bottom: 5px;
		}

			.form fieldset ul li label {
				width: 150px;
				display: block;
				float: left;
				font-weight: bold;
				padding-top: 5px;
			}
			
			.form fieldset ul li input,
			.form fieldset ul li textarea {
				border: 1px solid #d8cac0;
				width: 300px;
				padding: 3px 0;
			}
			
			.form fieldset ul li input#frau,
			.form fieldset ul li input#herr {
				width: 15px;
				margin-left: 5px;
				border: 0pt none;
			}
			.form fieldset ul li input#frau {
				margin-left: 0;
			}

			.form fieldset ul li textarea {
				width: 300px;
				font-family: Arial, sans-serif;
				font-size: 12px;
			}
	
			.form fieldset ul li #title {
				margin-left: 0;
			}
	.form .form_actions {
		padding-left: 394px;
	}
	*+html .form .form_actions {
		padding-left: 383px;
	}
	* html .form .form_actions {
		padding-left: 383px;
	}
			
		.form .form_actions input {
			display: block;
			background-color: #d8cac0;
			border: 0;
			padding: 3px 5px;
			font-weight: bold;
			font-size: 11px;
		}

#map,
#map_en,
#map_fr,
#map_es,
#map_pt {
	position: relative;
	width: 490px;
	margin: 0;
	padding: 0;
}
#coords a {
	position: absolute;
	display: none;
	font-size: 11px;
	color: #005F8D;
	background: transparent url(../img/l_dot.png) center left no-repeat;
	padding-left: 8px;
}
#coords a:hover {
	color: #B93334;
	background: transparent url(../img/l_dot_on.png) center left no-repeat;
}

#map a {
	display: block;
}
#map a.double {
	display: none;
}
#map_en a.en {
	display: block;
}
#map_fr a.fr {
	display: block;
}
#map_es a.es {
	display: block;
}
#map_pt a.pt {
	display: block;
}

#left .csc-header {
	margin: 15px 0 8px 0;
}

	#left .csc-header h1 {
		width: 164px;
		background-color: #fff;
		padding: 5px 8px;
		color: #b93334;
		margin: 0 0 8px 0;
		font-size: 13px !important;
	}

	#left ul.csc-menu {
		padding: 0 8px;
		margin: 0;
	}
		
		#left ul.csc-menu li {
			list-style-type: none;
			padding: 0 0 2px 0;
		}

		#left ul.csc-menu li a {
			color: #005f8d;
			background: transparent url(../img/btn_arrow.png) center right no-repeat;
			padding-right: 8px;
			font-size: 11px;
		}
	
		* html #left ul.csc-menu li a {
			background: transparent url(../img/btn_arrow2.gif) 0 3px no-repeat;
			padding-right: 0;
			padding-left: 10px;
		}

/* END Content-Elemente */

/* END Content */

/* START Footer */

#footer {
	padding: 0 28px 29px 40px;
	font-size: 11px;
}

	#footer ul {
		padding: 0;
		margin: 0;
	}

		#footer ul li {
			list-style-type: none;
			float: left;
		}
	
			#footer ul li a {
				color: #fff;
				padding: 0 25px 0 0;
			}

/* END Footer */