/* 
Project:     Stock — Golf + Schiffs-Reisen
Version:     1.0
Author:      Stefan Fels (stefan@mediaprojekte.de)
Layout:      Jan Scharnowski (jan@mediaprojekte.de)
Author URIs: http://www.in-koelle-jemaat.de/
             http://www.mediaprojekte.de/
*/
 

/* general... */
* { border: 0; border-collapse: collapse; empty-cells: show; margin: 0; padding: 0; }
body { font-size: 62.5%; }

:link, :visited, :hover, :active, :focus { text-decoration: none; }

b, strong { font-weight: bolder; }
em, i { font-style: italic; }

address { font-style: normal; }
code, kbd, pre { font-family: monospace; }

legend { display: block; }

li, ol, ul { list-style: none; }

object { background-color: transparent; margin: 1em 0; }

input { background: #e8e7df url(images/bg-formfield.png) repeat-x 0 0; border-bottom: 1px solid #d1d8d8; border-left: 1px solid #b1bcbc; border-right: 1px solid #b1bcbc; border-top: 1px solid #617070; font-size: 11px; height: 16px; line-height: 16px; margin: 0 0 10px; padding: 0 2px; }
input:hover, input:active, input:focus { background: #fff none; }
textarea { background-color: #e8e7df; border-bottom: 1px solid #d1d8d8; border-left: 1px solid #b1bcbc; border-right: 1px solid #b1bcbc; border-top: 1px solid #617070; font-size: 11px; line-height: 16px; margin: 0 0 10px; }
textarea:hover, textarea:active, textarea:focus { background-color: #fff; }
button { background-color: #e8e7df; background-position: 4px 50%; background-repeat: no-repeat; border-bottom: 1px solid #617070; border-left: 1px solid #b1bcbc; border-right: 1px solid #b1bcbc; border-top: 1px solid #d1d8d8; font-size: 11px; height: 20px; line-height: 20px; margin: 0 0 10px; padding: 0 2px 0 22px; }
* html button { padding: 0 2px 0 12px; }	/* styles only for IE6 */
*+html button { padding: 0 2px 0 12px; }	/* styles only for IE7 */
button:hover { background-color: #fff; }
button:active, 
button:focus { border-bottom: 1px solid #d1d8d8; border-left: 1px solid #b1bcbc; border-right: 1px solid #b1bcbc; border-top: 1px solid #617070; }

abbr, acronym { border-bottom: 1px dotted #ccc; cursor: help; }

small { font-size: smaller; }
/* ...general */
/* site specific... */
	/* headlines... */
	h1, h2, h3, h4, h5, h6, caption { font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; line-height: 1em; margin: 0 0 .5em; }
		h1 { font-size: 12px; }
		h2, h4 { font-size: 12px; font-weight: normal; }
		h3, h5 { font-size: 15px; }
		h6 { font-size: 12px; margin: 0 0 3px; }
	/* ...headlines */
	/* links... */
	a, a:link, a:visited { background-color: transparent; color: #ae2f2b; }
	a:hover, a:active, a:focus { background-color: transparent; color: #600; outline: none; /* outline: @ Firefox, remove ugly dotted border */ }
	a[rel=external] { background: transparent url(images/arr-extlink.png) no-repeat 1px 6px; padding: 0 0 0 10px; }
	/* links */
/* ...site specific */
/* layout... */
body { background: #dddcc8 url(images/bg-body.png) repeat-x 0 0; color: #838170; font: 12px/20px Verdana,Arial,Helvetica,sans-serif; position: relative; }
	#page { background: #dddcc8 url(images/bg-page.png) no-repeat 0 0; width: 996px; }
	* html #page { background-image: url(images/bg-page.gif); }	/* styles only for IE6 */
		#header { height: 240px; position: relative; }
			#header h1 { background: transparent url(images/logo-stock.png) no-repeat 0 0; height: 207px; left: 31px; position: absolute; top: 12px; width: 125px; }
				#header h1 a { display: block; height: 174px; margin: 0 14px 33px; text-indent: -999em; width: 97px; }
			* html #header h1 { background-image: url(images/logo-stock.gif); }	/* styles only for IE6 */
			#keyvisual { left: 220px; position: relative; top: 70px; }
		#contentArea { background: transparent url(images/bg-content.png) repeat-y 220px 240px; min-height: 400px; }
		* html #contentArea { background-image: url(images/bg-content.gif); }	/* styles only for IE6 */
			#column1 { float: left; padding: 10px 8px 0 34px; width: 178px; }
				#column1 li { background: transparent url(images/bg-page-item.png) no-repeat left bottom; line-height: 30px; }
					#column1 li a { padding: 0 0 0 10px; }
					#column1 li a:link, 
					#column1 li a:visited { background: transparent; color: #838170; }
					#column1 li a:hover, 
					#column1 li a:active, 
					#column1 li a:focus { background: transparent; color: #ae2f2b; }
					#column1 li.active a, 
					#column1 li.active a:link, 
					#column1 li.active a:visited, 
					#column1 li.active a:hover, 
					#column1 li.active a:active, 
					#column1 li.active a:focus { background: transparent url(images/arr-rectangle.png) no-repeat 0 50%; color: #ae2f2b; }
			#column2 { float: left; padding: 19px 30px 50px; width: 445px; }
				#column2 h2 { background: transparent url(images/arr-rectangle.png) no-repeat 0 50%; padding: 0 10px; }
				#column2 h2#home { background: transparent url(images/h2-home.png) no-repeat 0 0; height: 114px; padding: 0 0 20px; text-indent: -999em; width: 397px; }
				#column2 h3 { color: #ae2f2b; padding: 0 8px 12px; }
				#column2 p { clear: both; margin: 0 0 1em; }
					#column2 .red { color: #ae2f2b; }
					#column2 .left { float: left; }
					#column2 .right { float: right; }
					#column2 .schmal { margin: 20px 0 0; width: 155px; }
					#column2 p img { border: 7px solid #fff; }
					#column2 p img.none { border: 0; }
					#column2 p img.left { margin: 5px 10px 10px 0; }
					#column2 p img.right { margin: 5px 0 10px 10px; }
				#column2 form { float: left; margin: 20px 20px 0 0; width: 260px; }
					#column2 legend { display: none; }
					#column2 label { clear: both; display: block; float: left; width: 70px; }
					* html #column2 label { height: 20px; margin: 0 0 8px; }	/* styles only for IE6 */
					*+html #column2 label { height: 20px; margin: 0 0 8px; }	/* styles only for IE7 */
					#column2 label.inline { clear: none; display: block; float: left; text-align: center; width: 40px; }
					#column2 input { float: right; width: 178px; }
					#column2 input#plz { float: left; margin: 0 0 10px 6px; width: 45px; }
					* html #column2 input#plz { display: block; margin: 0 0 5px 6px; }	/* styles only for IE6 */
					*+html #column2 input#plz { display: block; margin: 0 0 5px 6px; }	/* styles only for IE7 */
					#column2 input#ort { width: 84px; }
					#column2 textarea { float: right; height: 100px; width: 182px; }
					#column2 #controls { clear: both; text-align: right; }
						#column2 button#reset { background-image: url(images/ico-cancel.png); }
						* html #column2 button#reset { background-image: url(images/ico-cancel.gif); }	/* styles only for IE6 */
						#column2 button#submit { background-image: url(images/ico-accept.png); }
						* html #column2 button#submit { background-image: url(images/ico-accept.gif); }	/* styles only for IE6 */
			#column3 { float: left; padding: 19px 15px 40px; width: 185px; }
				#column3 li { margin: 0 0 50px; }
				#column3 h4 { background: transparent url(images/arr-rectangle.png) no-repeat 0 50%; padding: 0 10px; }
				#column3 h5 { color: #ae2f2b; padding: 0 8px 12px; }
				#column3 h6 { color: #ae2f2b; }
				#column3 li a.pdf { background: transparent url(images/ico-pdf.png) no-repeat 0 0; display: block; line-height: 20px; margin: 0 15px; padding: 0 0 0 26px; }
				#column3 li a:link, 
				#column3 li a:visited { background-color: transparent; color: #838170; }
				#column3 li a:hover, 
				#column3 li a:active, 
				#column3 li a:focus { background-color: transparent; color: #ae2f2b; }
				#column3 p { line-height: 18px; }
				#column3 p.botpad { padding: 0 0 7px; }
			#footer { background: #dddcc8 url(images/bg-footer.png) no-repeat 220px 0; clear: both; min-height: 50px; }
			* html #footer { background-image: url(images/bg-footer.gif); }	/* styles only for IE6 */
				#footer p { font-size: 10px; line-height: 18px; padding: 16px 56px 10px 220px; text-align: center; }
/* ...layout */