/* Gemeinde Oberndorf, main.css - (C) 2007 Weber eBusiness Servcies, Andre Simmert */

/* A L L G M E I N * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
 	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.75em;
}

a:link, a:visited, a:active {
	color: #000;
	text-decoration: underline;
}

img {
	border: none;
}

.clear {
	display: block;
	clear: both;
}

small, .small {
	font-size: .9em;
}

dfn, .hidden {
	position: absolute !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

/* S E I T E N R A S T E R * * * * * * * * * * * * * * * * * * * * * * * * * * */

#container {
  width: 793px;
  padding: 22px 0 24px 10px;
}

#rootline {
  margin: 0 245px 2px 0;
  padding: 0;
  font-size: .9em;
}

h1 {
  margin: 0 215px 0 0;
  padding: 2px 9px 2px 9px;
  background: #ddeed6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  text-transform: uppercase;
}

#right {
  float: right;
  width: 182px;
  margin: -20px 0 0 0;
}
	#right .box {
		border: 1px solid #ccc;
		margin: 0 0 14px 0;
	}
	  #right .box h3 {
	    background: #FFCC00;
	    font-size: 1.1em;
	    padding: 1px 0 3px 12px;
	    margin: 0;
	    font-weight: normal;
	  }

    #right .box .jumpernav {
    	list-style: none;
    	max-width: none;
    	margin: 20px 16px 10px 0;
    	padding: 0;
    }
    
    	#right .box .jumpernav li {
    	  background: none;
    		border-bottom: 1px dashed #ccc;
    		margin: 0 0 0 8px;
    		padding: 0;
    	}
    
    	#right .box .jumpernav a:link,
    	#right .box .jumpernav a:visited,
    	#right .box .jumpernav a:active {
    	  background-position: 8px 4px;
    	  margin: 0 0 0 -8px;
    	  padding-left: 24px;
    	  text-decoration: none;
    	}
    	#right .box .jumpernav a:hover {
        background-color: #fffbec
    	}
  
/*
	  
	    #right ul.jumpernav li {
	      display: block;
	      overflow: hidden;
	      padding: 0 0 0 21px;
	      margin: 0 0 0 -37px;
	      border-bottom: 1px dashed #ccc;
	    }
	    #right ul.jumpernav li a:active, #right ul.jumpernav li a:link, #right ul.jumpernav li a:hover {
	      text-decoration: none;
	      margin: 0;
	      padding: 0;
	    }
*/
#content {
  margin: 0 215px 0 0;
}

	#content .box {
		border-bottom: 2px solid #ccc;
		background: #fff;
		margin: 16px 0 0 0;
		overflow: hidden; /* Noetig, damit das clear im Footer nicht global wirkt */
	}

		#content .box h3 { /* Navi rechts*/
		display: block;
		width: 200px;
			float: left;
			/*background: #dfe3d6;*/
			background: #DDEED6;
			margin: 0;
			padding: 2px 7px 2px 23px;
		color: #000;
			font-family: Verdana, Arial, sans-serif;
			font-size: 1.1em;
			text-transform: uppercase;
		}
		
		#content .box h4 {
		  max-width: 420px;
			margin: 32px 8px 0 8px;
			font-size: 1.2em;
			font-weight: bold;
		}

		#content .box .topspace {
			clear: left;
			height: 12px;
		}

		#content .box p {
		  position: relative; /* IE 6 Bugfix */
		  max-width: 420px;
			margin: 7px 8px 7px 8px;
			line-height: 1.35em;
		}

		#content .box ul {
		  list-style: none;
		  max-width: 420px;
			margin: 16px;
			padding: 0;
		}
		
		  #content .box ul li {
		    background: transparent url(/fileadmin/images/default/bully.gif) no-repeat 0 6px;
				margin: 0;
				padding: 0 0 0 16px;
			}

		#content .box .foot {
			clear: both;
			max-width: none;
			border-top: 1px solid #ccc;
			margin: 28px 0 0 8px;
			padding: 4px 16px 12px 0;
			font-size: 0.9em;
			text-align: right;
		}

		#content .box .foot_list {
			margin-top: 0;
  		border-top: none;
		}

    #content .box .foot_bigimage {
			margin-top: 0;
  		margin-left: 0;
  		padding-left: 8px;
		}

			#content .box .foot a:link, #content .box .foot a:visited, #content .box .foot a:active {
				display: block;
				float: left;
			}

			#content .box .foot a.toplink:link, #content .box .foot a.toplink:visited, #content .box .foot a.toplink:active {
				display: block;
				float: none;
				background: transparent url(/fileadmin/images/default/toplink_back.gif) no-repeat 100% 3px;
				margin: 0 0 0 300px;
				padding: 0 12px 0 0;
				text-decoration: none;
			}

		/* Verschiede Elemente innerhalb einer Box */
		#content .box .image {
		  clear: right;
			float: right;
			width: 218px;
			margin: -47px 0 0 16px;
		}
		
		  #content .box img {
				display: block;
				margin: 16px 0 0 0;
			}

			#content .box .image p {
				margin: 2px 8px 16px 0;
				font-size: 0.9em;
			}

		/* Icons im Content */
		#content .box .icon {
			background: transparent url(/fileadmin/images/default/icons/default.gif) no-repeat 0 3px;
			padding: 0 0 0 24px;
		}
		
		  #content .box .icon a:link,
		  #content .box .icon a:visited,
		  #content .box .icon a:active,
			#content .box a.icon:link,
		  #content .box a.icon:visited,
		  #content .box a.icon:active {
				text-decoration: underline;
			}

	#content form label {
	  display: block;
	}

/* E L E M E N T E * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Horizontale Linien (grau) */
#content .box hr {
	height: 1px;
	border: none;
	background: #ccc;
	margin: 16px 0 -4px 8px;
	color: #ccc;
}

/* Formulare im Raster */
form {
	margin: 0;
}

	form input, form select, form textarea {
		background: #fff;
		border: none;
		border: 1px solid #ccc;
		color: #666;
		font-family: Arial, Verdana, sans-serif;
		font-size: 1em;
	}
	form input.submit {
		border: none;
		border: 1px solid #ccc;
		/*background: transparent url(/fileadmin/images/default/submit_back.gif) no-repeat 100% 50%;*/
		background: #fff;
		color: #333;
		text-align: center;
		cursor: hand;
		cursor: pointer;
	}


/* Formulare im Content */
#content .box form {

}

	#content .box form input,
	#content .box form select,
	#content .box form textarea {
		border: none;
		border: 1px solid #ccc;
		padding: 0 1px 0 1px;
	}

	#content .box form p.row {
	  clear: left;
	  max-width: none;
		margin-top: 0;
		margin-bottom: 0;
	}
	
	  #content .box form p.row label {
	    display: block;
			float: left;
			width: 138px;
			padding: 1px 0 0 0;
			font-weight: bold;
			text-align: right;
		}
		
		#content .box form p.row input,
		#content .box form p.row select,
		#content .box form p.row textarea {
		  display: block;
		  width: 263px;
			margin: 0 0 6px 152px;
		}
 		#content .box form p.row input.small,
		#content .box form p.row select.small,
		#content .box form p.row textarea.small {
		  width: 122px;
		}
		#content .box form p.row input.checkbox {
			width: auto;
		}

	#content .box form input.submit,
	#content .box form p.row input.submit {
	  width: auto;
	  border: none;
	  margin: 0 0 0 152px;
	  padding: 0 12px 0 13px;
	  font-size: .9em;
		font-weight: bold;
	}
	
  	
/* Icon-Links (siehe Footer) */
a.icon:link, a.icon:visited, a.icon:active,
.icon_link a:link, .icon_link a:visited, .icon_link a:active {
	display: block;
	padding: 0 0 0 23px;
	background: transparent url(/fileadmin/images/default/icons/default.gif) no-repeat 0 3px;
	color: #333;
	text-decoration: none;
	text-align: left;
}
a.icon:hover,
.icon_link a:hover {
	color: #000;
	text-decoration: underline;
}

/* Links mit Pfeil */
a.arrowlink:link, a.arrowlink:visited, a.arrowlink:active,
.arrowlink a:link, .arrowlink a:visited, .arrowlink a:active {
	display: block;
	background: transparent url(/fileadmin/images/default/arrowlink_back.gif) no-repeat 0 3px;
	padding: 0 0 0 16px;
	font-weight: bold;
	text-align: left;
}


/* Links mit Doppel-Pfeil */
a.doublearrowlink:link, a.doublearrowlink:visited, a.doublearrowlink:active,
.doublearrowlink a:link, .doublearrowlink a:visited, .doublearrowlink a:active {
	display: block;
	background: transparent url(/fileadmin/images/default/doublearrowlink_back.gif) no-repeat 0 4px;
	padding: 0 0 0 16px;
	text-align: left;
}


/* A-Z Sprungnavigation */
#content .box .indexbar {
	height: 1%; /* IE-Bugfix */
	background: transparent url(/fileadmin/images/default/indexbar_back.gif) repeat-x 0 100%;
	margin: 16px 0 16px 8px;
	padding: 0;
	line-height: 1.35em;
}

	#content .box .indexbar .clear {
		display: block;
	}

	#content .box .indexbar a:link, #content .box .indexbar a:visited, #content .box .indexbar a:active {
	  padding: 0 0 4px 0;
	  float: left;
	  display: block;
	  width: 1.3em;
	  text-align: center;
		text-decoration: none;
	}
	#content .box .indexbar a:hover {
	  border-bottom: 4px solid #039;
	  padding-bottom: 0;
	  font-weight: bold;
	}


/* Jumpernavi (Kategorie-Navigation) */

#content .box .jumpernav {
	list-style: none;
	max-width: none;
	margin: 20px 16px 10px 0;
	padding: 0;
}

	#content .box .jumpernav li {
	  background: none;
		border-bottom: 1px dashed #ccc;
		margin: 0 0 0 8px;
		padding: 0;
	}

	#content .box .jumpernav a:link,
	#content .box .jumpernav a:visited,
	#content .box .jumpernav a:active {
	  background-position: 8px 4px;
	  margin: 0 0 0 -8px;
	  padding-left: 24px;
	  text-decoration: none;
	}

/* Liste */

#content .box .list {
	max-width: none;
	list-style: none;
	margin: 0 0 0 8px;
	padding: 0;
}


  #content .box .list li {
    position: relative; /* IE-Bugfix */
    background: none;
		border-bottom: 1px solid #ccc;
		margin: 0;
		padding: 19px 0 13px 0;
	}

		#content .box .list li .right {
			float: right;
		  width: 144px;
		  margin: -19px 0 0 0;
		}

			#content .box .list li .right .list_image {
			  border-left: 7px solid #fc0;
				background: #fffbec;
			}


	      #content .box .list li .right .list_image img {
					display: block;
				}

		  #content .box .list li .right a:link,
			#content .box .list li .right a:visited,
			#content .box .list li .right a:active {
				float: right;
				margin-top: 19px;
				margin-right: 16px;
			}

		#content .box .list li .left {
		  background: transparent url(/fileadmin/images/default/list_li_back.gif) no-repeat 0 5px;
		  margin: 0 160px 0 0;
		  padding: 0 0 0 16px;
		  line-height: 1.35em;
		}

			#content .box .list li .left .arrowlink {
			  margin: 10px 0 0 0;
			  line-height: 1em;
			}


/* Icon-Liste (siehe Stellenangebote) */
#content .box .icon_list {
	list-style: none;
	margin: 16px 8px 16px 8px;
}

	#content .box .icon_list li {
	  background: none;
		margin: 1px 0 0 0;
		padding: 4px 8px 2px 32px;
		font-weight: bold;
	}
	.green #content .box .icon_list li {
		background: #f7fbf2 url(/fileadmin/images/default/icons/default_green.gif) no-repeat 8px 7px;
	}


/* Detailansicht */
#content .detail .description {
  max-width: 420px;
	margin: 0 8px 0 8px;
	padding: 0 0 9px 0;
}

#content .detail .description {
	background: transparent url(/fileadmin/images/default/detail_description_back_orange.gif) no-repeat 100% 100%;
}

  #content .detail .description p {
		margin-left: 0;
		margin-right: 0;
	}

#content .detail dl.images {
	float: right;
	clear: right;
	width: 218px;
	margin: 0;
	padding: 0;
}

  #content .detail dl.images dd {
    margin: 0 0 16px 0;
    padding: 0;
  }
  #content .detail dl.images dd {
		background: #fffbeb;
  }

	  #content .detail dl.images dd img {
			display: block;
	  }
	  #content .detail dl.images dd img {
			border-left: 8px solid #fc0;
	  }


#content .detail .info {
  /* max-width: 420px; */
  max-width: 350px;
	margin: 18px 8px 0 8px;
}
#content .detail .info {
	background: transparent url(/fileadmin/images/default/detail_info_back_yellow.gif) repeat-y 0 0;
}

  #content .detail .info dt {
		display: block;
		float: left;
		clear: left;
		width: 110px;
		border-top: 1px solid #fff;
		padding: 2px 0 0 0;
		font-size: .9em;
		font-weight: bold;
		text-align: right;
	}

  #content .detail .info dd {
    border-top: 1px solid #fff;
		margin: 0 0 0 110px;
		padding: 1px 0 1px 16px;
		position: relative;
	}

	  #content .detail .info dd ul {
	    margin: 0;
		}


/* Seitenwechsel */

#content .pages {
	margin: 0 16px 0 16px;
}
#content .box .pages {
	margin: 16px 8px 0 0;
	padding: 0 0 16px 0;
}

	#content .pages p {
		float: left;
		margin-top: 13px;
	}

	#content .pages .page_count {
	  margin-top: 14px;
		margin-left: 16px;
		font-size: .9em;
	}
	
	#content .pages p span,
	#content .box .pages a:link,
	#content .box .pages a:visited,
	#content .box .pages a:active,
	#content .box .pages strong {
		display: block;
		float: left;
		background: #fff;
		margin: 0 0 0 8px;
		padding: 1px 4px 1px 5px;
		color: #000;
		font-weight: bold;
		text-decoration: none;
	}

	#content .box .pages a:link,
	#content .box .pages a:visited,
	#content .box .pages a:active,
	#content .box .pages strong {
	  background: #e5e9ee;
	  border-right: 1px solid #a6b094;
	  border-bottom: 1px solid #a6b094;
	}
	
	#content .box .pages span.next_link,
	#content .box .pages span.previous_link {
		background: transparent;
		padding: 0;
		font-weight: normal;
	}

	#content .pages .prev_next a:link,
	#content .pages .prev_next a:visited,
	#content .pages .prev_next a:active,
	#content .box .pages .next_link a:link,
	#content .box .pages .next_link a:visited,
	#content .box .pages .next_link a:active,
	#content .box .pages .previous_link a:link,
	#content .box .pages .previous_link a:visited,
	#content .box .pages .previous_link a:active {
		border: none;
		background: transparent url(/fileadmin/images/default/arrowlink_back.gif) no-repeat 0 5px;
		padding: 0 0 0 8px;
		font-size: .9em;
		text-align: left;
		text-decoration: underline;
	}

	#content .pages .prev_next a:link,
	#content .pages .prev_next a:visited,
	#content .pages .prev_next a:active {
    margin-left: 16px;
	}

	/* Mouseover gelb */
	.yellow #content .pages .prev_next a:hover,
	.yellow #content .box .pages .next_link a:hover,
	.yellow #content .box .pages .previous_link a:hover {
		background-position: 0 -45px;
		color: #e67200;
	}
	/* Mouseover blau */
	.blue #content .pages .prev_next a:hover,
	.blue #content .box .pages .next_link a:hover,
	.blue #content .box .pages .previous_link a:hover {
		background-position: 0 -95px;
		color: #039;
	}
	/* Mouseover orange */
	.orange #content .pages .prev_next a:hover,
	.orange #content .box .pages .next_link a:hover,
	.orange #content .box .pages .previous_link a:hover {
		background-position: 0 -145px;
		color: #ff7200;
 }
	/* Mouseover rot */
	.red #content .pages .prev_next a:hover,
	.red #content .box .pages .next_link a:hover,
	.red #content .box .pages .previous_link a:hover {
		background-position: 0 -195px;
		color: #d00;
	}
	/* Mouseover gruen */
	.green #content .pages .prev_next a:hover,
	.green #content .box .pages .next_link a:hover,
	.greem #content .box .pages .previous_link a:hover {
		background-position: 0 -245px;
		color: #68b500;
	}

	.yellow #content .pages p span,
	.yellow #content .box .pages strong {
	  border-bottom: 4px solid #fc0;
	}
	.blue #content .pages p span,
	.blue #content .box .pages strong {
	  border-bottom: 4px solid #039;
	}
	.orange #content .pages p span,
	.orange #content .box .pages strong {
	  border-bottom: 4px solid #ff7200;
	}
	.red #content .pages p span,
	.red #content .box .pages strong {
	  border-bottom: 4px solid #d00;
	}
	.green #content .pages p span,
	.green #content .box .pages strong {
	  border-bottom: 4px solid #68b500;
	}

	#content .pages p a:link span,
	#content .pages p a:visited span,
	#content .pages p a:active span {
		border: none;
		cursor: pointer;
		cursor: hand;
	}


/* Weiterführende Links */

#content .box .relation {
	margin: 0 0 0 8px;
}

	#content .box .relation dt {
		margin: 15px 0 0 0;
		padding: 6px 8px 0 16px;
		color: #666;
		font-size: .9em;
		font-weight: bold;
	}
	#content .box .relation dt {
	  background: transparent url(/fileadmin/images/default/relation_dt_back_yellow.gif) no-repeat 0 0;
	}
	
	#content .box .relation dd {
		margin: 0 8px 0 24px;
	}
	
	  #content .box .relation dd ul {
			list-style: none;
			margin: 6px 0 0 0;
			padding: 0;
		}
		
		  #content .box .relation dd ul li {
		    background: none;
				margin: 2px 0 0 0;
				padding: 0;
			}


/* Großbildansicht */

#content .box p.bigimage {
	max-width: none;
	width: 420px;
	height: 420px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
p.bigimage {
  background: #fffbec;
}

  #content .box p.bigimage img {
  	display: inline;
  	margin: 0;
  }

#content .box p.bigimage_desc {
  width: 420px;
  margin: 0 auto 0 auto;
  padding: 24px 0 24px 0;
}