/* -----------------------------------------------------------------------------------------------------------------
	common
----------------------------------------------------------------------------------------------------------------- */	
	/* some nice to have resets */
	p,div, body, img { padding: 0; margin: 0; }
	a img{ border: none; }
	
	h1{color: #feba00; font-size: 1.8em;  text-transform: uppercase; border-bottom: 1px solid #fff; font-weight: normal; }
	h3{color: #feba00; font-size: 12px; background: url(img/h3.bg.gif) no-repeat; padding-left: 10px;}
	h4{color: #FEBA00; border-bottom: 1px solid #FEBA00; font-weight: bold; font-size: 12px; }
	
	/* Clearing floats without extra markup - Based on How To Clear Floats Without Structural Markup by PiE
	   [http://www.positioniseverything.net/easyclearing.html] */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	/* Regular clearing -  apply to column that should drop below previous ones. */
	.clear { clear: both; }
	
/* -----------------------------------------------------------------------------------------------------------------
	YOUR site layout
----------------------------------------------------------------------------------------------------------------- */
	.px210x750 .col1  { width: 209px; border-right: 1px solid #dcdcdc; }
	.px210x750 .col2  {	width: 750px;	}
	
	.px210px516 .col1{ width: 209px; background: #002a45;}
	.px210px516 .col2{ width: 516px;}
	
	.px210px368px148px .col1 { width: 209px; background: #002a45; }
	.px210px368px148px .col2 { width: 368px; }
	.px210px368px148px .col3 { width: 148px; }
	
/* -----------------------------------------------------------------------------------------------------------------
	predefined layout - add your site layout before; everything else after
----------------------------------------------------------------------------------------------------------------- */
	#wrap { width: 726px; margin: 0 auto; padding: 0; background: #006ba0; }

	.colmask { position: relative; clear: both; width: 100%; overflow: hidden; background: url(img/wrap.bg.gif) repeat-x; min-height: 650px;}
	.colmask .col1, .colmask .col2, .colmask .col3, .colmask .col4 { float: left; }
	
	/* |-------------------------50%-------------------------|-------------------------50%-------------------------| */
	.p50x50 .col1, .p50x50 .col2 { width: 49.9%; }
	/* |----------20%----------|----------------------------------------80%----------------------------------------| */
	.p20x80 .col1 { width: 19.9%; }
	.p20x80 .col2 { width: 79.9%; }
	/* |------------25%------------|--------------------------------------75%--------------------------------------| */
	.p25x75 .col1 { width: 24.9%; }
	.p25x75 .col2 { width: 74.9%; }
	/* |----------------------------------------80%----------------------------------------|----------20%----------| */
	.p80x20 .col1 { width: 79.9%; }
	.p80x20 .col2 { width: 19.9%; }
	/* |---------------30%---------------|-----------------------------------70%-----------------------------------| */
	.p30x70 .col1 { width: 29.9%; }
	.p30x70 .col2 { width: 69.9%; }
	/* |-----------------------------------70%-----------------------------------|---------------30%---------------| */
	.p70x30 .col1 { width: 69.9%; background: none;}
	.p70x30 .col2 { width: 29.9%; }
	/* |----------------33%----------------|----------------33%----------------|----------------33%----------------|  */
	.p33x33x33 .col1, .p33x33x33 .col2, .p33x33x33 .col3 { width: 33.2%; }
	/* |------------25%------------|-------------------------50%-------------------------|------------25%------------|  */
	.p25x50x25 .col1, .p25x50x25 .col3 { width: 24.45%; }
	.p25x50x25 .col2 { width: 50.9%; }	
	/* |------------25%------------|------------25%------------|------------25%------------|------------25%------------| */
	.p25x25x25x25 .col1, .p25x25x25x25 .col2, .p25x25x25x25 .col3, .p25x25x25x25 .col4 { width: 24.9%; }
	
	/* getting equal hight blocks; works due to the hidden overflow on colmask */
	.equal .col1, .equal .col2, .equal .col3, .equal .col4 { margin-bottom: -30000px; padding-bottom: 30000px; }
	
	/* set the default margin for the content div */
	#contentMain { margin: 0 10px; min-height: 550px;}
	
	/* give them some nice margin */
	.col1 .content, .col2 .content, .col3 .content { margin: 0 10px; }
	
	/* override col1 left margin and col2 right margin for 2 cols */
	/*.p50x50 .col1 .content, .p20x80 .col1 .content, .p80x20 .col1 .content, .p30x70 .col1 .content, .p70x30 .col1 .content { margin-left: 0; }
	.p50x50 .col2 .content, .p20x80 .col2 .content, .p80x20 .col2 .content, .p30x70 .col2 .content, .p70x30 .col2 .content { margin-right: 0; } */
	
	/* override col1 left margin and col3 right margin for 3 cols */
	/*.p33x33x33 .col1 .content, .p25x50x25 .col1 .content { margin-left: 0; }
	.p33x33x33 .col3 .content, .p25x50x25 .col3 .content { margin-right: 0; }*/

/* -----------------------------------------------------------------------------------------------------------------
	YOUR everything else
----------------------------------------------------------------------------------------------------------------- */
	body { background: #0066a6 url(img/body.bg.gif) repeat-x; color: #fff; font-family: Tahoma, Arial, Helvetica; font-size: 11px; }
	a { color: #feba00; text-decoration: none; }
		a:hover { color: #feba00; text-decoration: underline; }
	
	#menuMain a { color: #feba00; font-size: 11px; font-weight: bold;}
		.active { font-weight: bold; color: #fff;}
		.ifsub{background: url(img/arrow_right.gif) right center no-repeat; }
	#menuMain {margin: 15px; padding: 0;}
		#menuMain li{list-style: none; border-bottom: 1px solid #fff; padding: 5px 15px;}
	
	.col2 ul li .ifsub{background: none;}
	
	#homeLink { display: block; height: 40px; text-decoration: none; }
	
	
	#header { background: url(img/header.bg.jpg) no-repeat; height: 250px; }
	#footer { height: 30px; text-align: right; color: #fff; background: url(img/footer.bg.gif) repeat-y; padding: 10px 15px 0 0; }
		#footer a{color: #fff; text-transform: uppercase; font-size: 10px;}
			#footer a:hover{ color: #fff;}
	
	.subscribeform{margin: 15px; }
		.inputform{width: 120px; }
			.submit{width: 25px; height: 25px; border: none; background: #feba00; font-size: 12px;}
	
	.pdf{ text-decoration: underline; background: url(img/pdf.bg.gif) no-repeat; padding-left: 25px;}
	.mail{text-decoration: underline; background: url(img/mail.gif) left bottom no-repeat; padding-left: 20px;}
	
	.infotxt{ position: absolute; bottom: 80px; margin-left: 15px; font-size: 11px;}
	.gemeindelogo{ position: absolute; bottom: 30px; margin-left: 15px;}
	.validator{ position: absolute; bottom: 0; margin: 0; padding: 0; margin-left: 15px;}
	.validator li{ float: left; list-style: none; margin: 0 3px;}
	
	.breadcrumb { border-top: 1px solid #dcdcdc; padding: 1px 0 0 10px; font-size: 11px; color: #aaa; margin-top: 5px; }
		.breadcrumb a { color: #aaa; text-decoration: none; }
		.breadcrumb a:hover { color: #000; text-decoration: underline; }
	
	.tx-indexedsearch-searchbox{padding: 20px;}
	.tx-indexedsearch-searchbox-sword{ margin-left: 5px;}
	.tx-indexedsearch-searchbox-button{width: 206px; height: 23px; margin-top: 10px; margin-left: 5px;}
	
	.tx-tslastupdate-pi1{margin-left: 15px;}
	
	/* FORM */
	fieldset { border: 1px solid #ccc; }
	fieldset div { margin: 5px 0; }
	textarea { width: 450px; }
	legend { padding: 0 10px; }
	label { width: 100px; display: block; float: left; }
	input { width: 200px; }
	input.csc-mailform-radio { width: 10px; }
	#mailformBereich label, #mailformNewsletter_abonnieren label { float: none; display: inline; }