/*
	**	Stylesheet Formatierungen für camping-voellan.com
	**
	**	line endings: unix; encoding: utf-8; BOM: off; tabs: yes; tab width: 4
	**
	**	@copyright	(c) 2007 Profi IT KG
	**	@author		tommy(at)profi(dot)it
	**	@since		27.07.2007 10:25:08
	*/

	@import url('style-reset.css');

	body {
		font: 100%/100% Arial, Helvetica, sans-serif;
		color: #756f55;
		background: #cddf8d url('../img/bg-cddf8d.png');
	}

	/* common elements */
	a {
		text-decoration: none;
		color: #756f55;
	}

	a:hover {
		text-decoration: underline;
		color: #756f55;
	}

	a.white {
		color: #fff;
	}

	a.white:hover {
		color: #fff;
	}

	.clear {
		clear: both;
		font-size: 0%;
		height: 0px;
		line-height: 0%;
	}

	img.block {
		display: block;
	}

	/* page structure */
	div#wrap {
		position: absolute;
		left: 50%;
		width: 811px;
		margin-left: -405px;
		background-color: #fff;
		font-size: 70%;
	}

		div#header {
			margin-bottom: 4px;
			padding-left: 4px;
		}

			img.header-image {
				float: left;
				border-top: 4px solid #fff;
				border-right: 4px solid #fff;
			}

			a.maillink {
				float: left;
				width: 169px;
				background: #ee8d38 url('../img/bg-ee8d38.png');
				text-align: center;
				line-height: 23px;
				border-bottom: 4px solid #fff;
				border-right: 4px solid #fff;
			}

			div#box-weather {
				float: left;
				width: 110px;
				height: 67px;
				background: #ee8d38 url('../img/bg-weather-box.png') 7px center no-repeat;
				border-right: 4px solid #fff;
				padding: 20px 0 0 59px;
			}

		/* children of #content-container */
			div.column {
				float: left;
			}

			div#sidebar-left {
				margin-left: 4px;
				width: 170px;
			}

				div#box-address {
					background: #9cb900 url('../img/bg-9cb900.png');
					color: #fff;
					padding: 10px;
					border-bottom: 4px solid #fff;
				}

					div#box-address p {
						line-height: 130%;
					}

			div#content {
				margin-left: 36px;
				margin-right: 4px;
				width: 424px;
			}

			div#sidebar-right {
				margin-right: 4px;
				width: 169px;
			}

				div#form-express {
					color: #fff;
					background: #ee8d38 url('../img/bg-ee8d38.png');
					padding: 15px;
				}

					div#form-express legend {
						color: #fff;
					}

					div#form-express label {
						display: block;
						margin: 5% 0;
					}

					div#form-express form fieldset ol li {
						margin-bottom: 5%;
						position: relative;
					}

					#form-express form fieldset ol li div.calendarbutton {
						top: 20px !important;
						left: 80px !important;
					}

					div#form-express input.submit {
						text-align: left;
						border: 0;
						padding: 0;
						color: #fff;
						background: #ee8d38 url('../img/btn-submit.png') right center no-repeat;
						width: 100%;
					}

					div#form-express input.submit:hover {
						cursor: pointer;
					}

					div#form-express select.select-day {
						width: 30%;
					}

					div#form-express select.select-month {
						width: 67%;
					}

					div#form-express select {
						width: 100%;
					}

				ul#logo-list li {
					text-align: center;
					margin-top: 15px;
				}

	/* menus */
	ul.menu.language {
		background: #cddf8d url('../img/bg-cddf8d.png');
		border-left: 4px solid #fff;
		text-transform: uppercase;
	}

	ul.menu.language a {
		text-decoration: none;
		color: #756f55;
		line-height: 22px;
	}

	ul.menu.language a:hover,
	ul.menu.language li.active a {
		/*font-weight: bold;*/
		text-decoration: underline;
	}

	ul.menu.language li {
		display: inline;
		border-right: 1px solid #756f55;
		padding: 0 5px;
	}

	ul.menu.language li.last-item {
		border-right: 0;
	}
	
	ul.menu.main a {
		display: block;
		text-decoration: none;
		color: #fff;
		background: #9cb900 url('../img/bg-9cb900.png');
		padding: 0 10px;
		line-height: 190%;
	}

	ul.menu.main a:hover,
	ul.menu.main a.active {
		color: #9cb900;
		background: #fff;
		font-weight: bold;
	}

	ul.menu.main li {
		border-bottom: 1px solid #fff;
	}

	ul.menu.extra li a {
		line-height: 190%;
	}

	/* content elements */
	div.text-content {
		padding-right: 20px;
		margin-bottom: 5%;
	}

	h1, h2, h3, h4, h5, h6 {
		margin: 2% 0;
		color: #4f4a38;
		font-size: 125%;
		font-weight: bold;
	}

	h1 {
		color: #79b614;
	}

	h2 {
		font-size: 115%;
	}

	h3 {
		font-size: 100%;
		margin-top: 5%;
	}

	p.bodytext {
		line-height: 150%;
		margin: 2% 0;
	}

	strong {
		font-weight: bold;
	}

	/* content lists */
	div.text-content ol {
		list-style-type: decimal;
	}

	div.text-content ul {
		list-style-type: disc;
	}

	div.text-content ol li,
	div.text-content ul li {
		margin-left: 10%;
		line-height: 150%;
	}

	/* table elements */
	table.styled {
		border: 1px solid #756f55;
	}

	table.styled td {
		border: 1px solid #756f55;
		padding: 0 2%;
	}

	/* form elements */
	form fieldset {
		border: none;
	}

	form legend {
		font-weight: bold;
		padding: 0;
		margin: 0;
	}

	form label {
		cursor: pointer;
	}

	form input,
	form select,
	form textarea {
		font: 100% Arial, Helvetica, sans-serif;
	}

	form input[type=text],
	form select,
	form textarea {
	}

	form input[type=text],
	form textarea {
		border: 1px solid #ee8d38;
	}

	/* contact/request form */
	form.complex p.form-error {
		color: #c00;
		background: #fff url('../../../../typo3/sysext/t3skin/icons/gfx/icon_warning.gif') 2% center no-repeat;
		/*border: 1px solid #c00;*/
		padding: 2% 2% 2% 7%;
		font-weight: bold;
	}

	form.complex fieldset ol li {
		margin: 0;
		margin: 2% 0;
	}

	form.complex fieldset ol li.required label:before {
		content: "* ";
	}

	form.complex fieldset ol li.required label {
		font-weight: bold;
	}

	form.complex fieldset ol li label {
		display: inline;
		float: left;
		width: 25%;
		margin: 0;
		line-height: 100%;
	}

	form.complex fieldset ol li fieldset ol {
		margin-left: 25%;
	}

	form.complex fieldset ol li fieldset ol li label {
		float: none;
	}

	form.complex fieldset ol li {
		clear: both;
		line-height: 100%;
		position: relative;
	}

	/* added to fix DatePickerControls buggy position calculation */
	form.complex fieldset ol li div.calendarbutton {
		top: 0px !important;
		left: 190px !important;
	}

	form.complex input[type=text],
	form.complex textarea {
		width: 60%;
		margin-right: 2%;
	}

	form.complex input[type=text].no-width-change {
		width: auto;
	}

	/* override datepicker definitions */
	#CalendarPickerControl table,
	#CalendarPickerControl td {
		border-collapse: separate !important;
		text-align: center !important;
		font-family: inherit !important;
		padding: 2px !important;
	}
	
	/* freecap elements */
	.tx-srfreecap-pi2-cant-read {
		font-size: .9em;
		line-height: 150%;
		margin: 2% 0;
	}

	.tx-srfreecap-pi2-cant-read a:link {
		background-color: transparent;
		font-weight: bold;
	}