/*
Name:		Site.css
Zweck:		Container, Aufbau, Layout
Ersteller:	SH
=============================
*/


/*
Allgemeine Styles
=============================
*/

* {
	outline:none;
}


body {
		background:URL("../images/layout/bg.jpg") center center  repeat-y #e9e9e9;;
	}
html, body {
		height:100%;
		min-height:100%;
	}

img {
		border: 0px;
		padding:0px;
		margin:0px;
	}

.clear {
		clear: both;
	}
.hide{
		display: none;
	}

h1 {
		display:block;
		height:100px;
		width:393px;
		float:left;
		margin-left:24px;
		background:URL("../images/layout/taz_horgen_logo.jpg") no-repeat;
	}
	
h1 a {
		display:block;
		height:78px;
	}

address {
		padding:5px 5px 5px 5px
	}

/*
Top Container
=============================
*/
div#top-container {
		width:978px;
		margin:auto;
		position:relative;
		min-height:100%;
	}

/*
Head Container
=============================
*/
div#head-container {
		height:105px;
		border-bottom:9px solid #8fc3ea;
		margin:0px 13px;
	}

div#headernavi-container  ul {
		list-style:none;
		float:right;
		margin:5px 10px 0px 10px;
		padding:0px;
	}
div#headernavi-container  li {
		float:left;
		padding:5px;
	}

/*
navPrimary
=============================
*/
div#nav-container {
		position:absolute;
		right:13px;
		top:80px;
	}
ul#navPrimary {
		list-style:none;
		margin:0px;
		padding:0px;
		margin-right:2px;
	}

ul#navPrimary li {
		margin-right:1px;
		padding:0px 0px 0px 0px;
		list-style:none;
		float:left;	
	}
	
ul#navPrimary a span {		
		background: url("../images/layout/nav_left.jpg") no-repeat left top #d1d1d1;
		display:block;
		padding:5px 7px 5px 9px;
	}
	
ul#navPrimary a.current span,
ul#navPrimary li.current a span,  
ul#navPrimary  a:hover span {
		padding:5px 7px 6px 9px;
		background: url("../images/layout/nav_left_hover.jpg") no-repeat left top #8fc3ea;	
	}

ul#navPrimary a,
ul#navPrimary a:visited {

		background: url("../images/layout/nav_right.jpg") no-repeat right top #d1d1d1;
		display:block;
		padding-right:2px;

	}
ul#navPrimary a:hover,
ul#navPrimary a:active,
ul#navPrimary a.current,
ul#navPrimary li.current a
 {
		background: url("../images/layout/nav_right_hover.jpg") no-repeat right top #8fc3ea;
		margin-bottom:0px;
		padding-right:2px;
	}

/*
Secondary nav
=============================
*/

div#subnav-container {
		width:235px;
		float:left;
		background:white;
		margin:0 15px;
	}
	
ul#navSecondary {
		list-style:none;
		margin:30px 25px 0 30px;
		padding:0px;
	}
	
ul#navSecondary li {
		border-bottom:1px solid #e6e6e6;
		padding:0px;
		margin:0px;
	}
	
ul#navSecondary li ul {
		list-style:none;
		padding:0px 0px 0px 30px;
		border-top:1px solid #e6e6e6;
		margin:0px;
	}
	
ul#navSecondary li ul  li.last{
		border-bottom:0px;
	}
	
ul#navSecondary a ,
ul#navSecondary a:visited,
ul#navSecondary a.first{
		background:none;
		display:block;
		padding:6px 3px 6px 10px;
		margin:0px;
	}
	
ul#navSecondary a:hover,
ul#navSecondary a.current
 {
		background:#f5f5f5;
	}
	
ul#navSecondary ul  a:hover,
ul#navSecondary ul a.current {
		background:#d0e6f6;
	}

/*
Content-container
=============================
*/

div#content-container {
		float:right;
		width:685px;
		margin:0 13px 0 0px;
		min-height:100%;
		padding-bottom:60px;
	}
div#content-container2 {
		float:left;
		width:427px;
		float:left;
		margin:0;
		padding:0px;
	}
div#tools {
		display:block;
}
div#img-container {
	width:270px;
	min-height:100%;
	float:left;
	margin-top:15px;
}

ul#svSiteMap li {
	list-style-image:url("../images/layout/pfeil_rot.gif");
	margin-left:20px;
}
ul#svSiteMap a {
	font-weight:normal;
}		
/*
Boxen
=============================
*/
div.boxblue {
		width:179px;
		background:URL("../images/layout/bg_box.jpg") no-repeat bottom;
		margin:10px 13px 20px 30px;
		padding-bottom:25px;
	}
div.boxblue h2 {
		background:URL("../images/layout/box_blue.jpg") no-repeat;
		padding:4px 0 0 10px;
		margin:0px 0px 0px 0px;
		display:block;
		height:20px;
	}
div.boxblue .summary {
		padding:20px 10px 24px 10px;
	}
div.boxblue p {
		padding:5px 5px 20 10px;
		margin:0px;
	}
div.summary a,
div.summary a:visited  
	 {
	 	padding:10px 0px 0px 10px;
		background:transparent url(../images/layout/pfeil.gif) no-repeat 0px 13px;
		
	 }
div.boxblue p.link {
		padding:5px 5px 25px 110px;
		margin:0px;
	}	
/*
Newsdisplay
=============================
*/	
div#sysNews {
		width:179px;
		background:URL("../images/layout/bg_box.jpg") no-repeat bottom;
		margin:10px 13px 0px 30px;
	}
div#sysNews h3 {
		background:URL("../images/layout/box_blue.jpg") no-repeat;
		padding:4px 0 0 10px;
		margin:0px 0px 0px 0px;
		display:block;
		height:20px;
	}
div#sysNews p {
		padding:5px 5px 25 10px;
		margin:0px;
	}
div#sysNews p.link {
		padding:5px 5px 25px 110px;
		margin:0px;
	}	

#svNewsletterContainer label {
	width:100px;
	
}



/*
Searchfield
=============================
*/
div.searchbox  {
		background:URL("../images/layout/search_bg.jpg") no-repeat;
		width:179px;
		height:55px;
		margin:10px 13px 0px 30px;
		padding:17px 0px 0px 5px;
		
	}
div.searchbox  a {
		outline-style:none;
	}
div.searchbox input.searchfield {
		width:104px;
		height:19px;
		padding:1px 4px 0px 5px;
		background:URL("../images/layout/inputbg.jpg") no-repeat;
		border:0px;
	}
div.searchbox input.submitsearch {
		background:URL("../images/layout/search.jpg") no-repeat;
		outline:none;
		border:0;
		height:19px;
		width:22px;
		overflow:0;
	}
	


/*
Secondary nav
=============================
*/
div#svSessionTools,
div#svFavoritesList,
div#right-container div#svPageTools {
	width:179px;
	margin-top:10px;
	margin:10px 13px 0 15px;
}

div#right-container {
		width:205px;
		float:left;
		background:white;
		margin:0px 0px 0px 30px;
	}	
	
ul#usertools
	{
		list-style:none;
		margin:0 0 0 30px;
	}
ul#usertools li
	{
		margin-bottom:10px;
	}
ul#usertools a.weather
	{
		background:URL("../images/layout/wetter.jpg") no-repeat;
		padding:7px 0px 10px 27px;
		
	}
ul#usertools a.bookmark
	{
		background:URL("../images/layout/bookmark.jpg") no-repeat 4px 4px;
		padding:7px 0px 0px 27px;
	}
	/*
Graue Boxen
=============================
*/
div.boxgrey  {
		background:URL("../images/layout/bg_box.jpg") no-repeat bottom;
		width:179px;
		margin:10px 13px 0 15px;
		padding-bottom:25px;		
	}

div.boxgrey form  {
		margin:0px;
		padding:0px;
	
	}

div.boxgrey h2 {
		background:URL("../images/layout/box_grey.jpg") no-repeat;
		padding:4px 0 0 10px;
		margin:0px 0px 10px 0px;
		display:block;
		height:20px;
	}
div.boxgrey  a {
		outline-style:none;
	}
div.boxgrey td {
	
		vertical-align:middle;
	}
div.boxgrey input {
		width:107px;
		height:19px;
		padding:1px 4px 0 2px;
		margin:0px 0px 0px 5px;
		background:URL("../images/layout/inputbg.jpg") no-repeat;
		border:0px;
	}

div.boxgrey .submit {
		background:URL("../images/layout/submit.jpg") no-repeat;
		outline:none;
		margin-right:4px;
		border:0;
		height:20px;
		width:21px;
	}
div.boxgrey .checkbox {
		width:21px;
	}
ul#svPageTools {
		list-style:none;
	
}
li#print {
		margin:10px 36px 0 0;
	
}	
/*
Breadcrumb
=============================
*/
div#breadcrumb-container {
		padding:10px 10px 0px 0px;
		border-bottom:1px dotted #646464;
		margin-bottom:5px;
	}
div#breadcrumb-container ul {
		margin-bottom:9px;
	}
/*
Footer
=============================
*/
div#footer {
		border-top:1px dotted #646464;
		clear:both;
		padding:10px;		
		float:right;
		width:663px;
		margin:0 13px 0 0px;
}
div#footer-container {
		clear:both;
		background:URL("../images/layout/bg.jpg") center center  repeat-y;
		width:978px;
		height:40px;
		margin:-60px auto 0 auto;	
		
	}
/*
Name:		content.css
Zweck:		User Content Styles
Ersteller:	SH
=============================
*/

.content {
		margin:0 0 0px 0;
		padding:10px 30px 0px 0;
		min-height:100%;
	}
.content h2 {
		margin:0px 0px 30px 0px;
	}		
.content  h3{
		padding:0px 0px 30px 0px;
	}
	
.content p{
		margin:0px;
		padding:0px;
} 
.content #svPortal p {

	}
.content ul{
		padding:10px 0px 0px 0px;
	}
/* 
Weitere Klassen
=================================================== 
*/

.content h2.pageTitle{
		text-transform:uppercase;
		margin:0px;
	}

.contentimage{
		padding:4px;
		border:1px solid #bebebe;
	}
.content table td {
		padding-left:0px;
}

div.rightcolumn {
		width:230px;
}

/*
Table für Bild nebenan
*/	
table.content_tb {
		width:100%;
	}
table.content_tb td.td_img
	{
		width:300px;
		margin:0px;
		padding-right:0px;
		text-align:right;
	}
table.content_tb td.td_text
	{
		padding-left:0px 0px 0px 20px;
		margin-left:0px;
	}
	
/*
Tabellenformatierung
*/
.content table tr.shade,
.content table td.tbl_schattierung 
	{
		background:#FBFBFB none repeat scroll 0 0;
		border-bottom:1px solid #C5C5C5;
		border-top:1px solid #C5C5C5;
	}

.content table.tbl_durchschuss tr td 
	{
		padding:2px 0;
		vertical-align:top;
	}
.content table .tbl_dottedline
 	{
		background:transparent url(../images/layout/dots.gif) repeat-x scroll center top;
		height:6px;
		padding-bottom:6px;	
	}

.content table .tbl_titel
	{
		font-weight:bold;
		padding-bottom:2px;
	}

/*
Legende
*/
div#legende {
	margin:10px;
	padding-left:20px;
}

div#legende ul	 {
	padding:10px;
	list-style:none;
	color:#8fc3ea;
	width:160px;
	float:left;
	margin:10px 0px 0px 0px;
}
div#legende li.title	 {
	color:#330033;
	font-weight:bold;
	padding-left:10px;
}
div#legende li	 {
	height:27px;
	clear:both;
	font-size:11px;
}
div#legende p.icon {
	color:white;
	width:50px;
	font-weight:bold;
	font-size:9px;
	float:left;
	height:26px;
	text-align:center;
	background:URL("../images/layout/step_ico_legend.jpg") no-repeat 12px -1px;
}

/*
News-Portal anzeige
*/	

div#svPortal dl {
	padding:0px 0px 10px 0;
	position:relative;
}

div#svPortal dt {
	display:block;
	padding:10px 10px 10px 10px;
	position:relative;
	background:#8fc3ea;
}
div#svPortal dt.meldung {
		background:none;
		border-bottom:1px dotted #646464;
		padding: 0;
		margin:0px;
		color:#8FC3EA;
		
}

div#svPortal dt.meldung a{
	padding: 10px 10px 10px 50px;
	margin:10px;
	display:block;
	color:#8FC3EA;
}
div#svPortal dt.meldung span{
	padding: 9px 10px 0px 50px;
	color:#8fc3ea;
	margin:10px;
	display:block;
}

div#svPortal dt.files a {
	margin-left:20px;	
}



div#svPortal p.icon {
	color:white;
	width:50px;
	font-weight:bold;
	float:left;
	padding-top:8px;
	height:19px;
	text-align:center;
	background:URL("../images/layout/step_ico.jpg") no-repeat center 2px;
}
div#svPortal .summary {
	padding:0 0 10px 0px;	
	float:right;
	width:100%;
}
div#svPortal .summary img {
	float:left;
	padding-right:10px;
}
div#svPortal dt, div#svPortal dt span {
	color:white;
}	
div#svPortal p {
	font-weight:normal;
	
}
div#svPortal .next {
	border-bottom:1px dotted #646464;
	margin-bottom:20px;
	padding-bottom:10px;
}
div#svPortal .readMore  {
	background:URL("../images/layout/pfeil_rot.gif") no-repeat 0px 3px;
	padding-left:10px;
}	

div#svPortal ul {
	list-style:none;
	padding:0px;
	margin:0px;
	
}

div#svPortal li.title {
	padding-top:10px;
	font-weight:bold;

	}
div#svPortal li.summaryImage {
	background:URL("../images/layout/bg_gallery_img.jpg") no-repeat;
	float:left;
	padding:10px 30px 0px 0px;
	margin:0 30px 0px 0;
	}
div#svPortal img.summaryImage  {
	border:1px solid #bebebe;
	
}
div#svPortal .summary  {
	float:left;
	
}
div#svPortal .gallery {
	width:400px;
	float:left;	
}


/*
Gallery anzeige
*/	
#svGallery {
	width: 100%;
	height: 500px;
}
div#svGallery ul li {
	padding:0px;
	margin:0px;
	width:122px;
}
div#svGallery ul li img {
	padding:4px;
		border:1px solid #bebebe;
}

div#svPageTools {
	
	margin:0px;	
}
.spacegallery {
	position: relative;
	overflow: hidden;
}
.spacegallery img {
	position: absolute;
	left: 50%;
}
.spacegallery a {
	position: absolute;
	z-index: 1000;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(images/blank.gif);
}



/*
Kontaktformualr
*/

fieldset {
		padding:0px;
		width:521px;
}
fieldset input#zip 
	{
		float:left;
		width:78px;
	}
fieldset input#place 
	{
		float:left;
		width:132px;
	}
label {
		width:29%;
}
label.place {
		width:10%;
}
fieldset input.text {
	width:300px;
	margin-right:15px;
}
fieldset label {
	font-weight:normal;
	text-align:left;
}
fieldset textarea {
	width:55%;
}
.content p.success {
	margin:30px 0;
	padding:10px 10px 10px 10px;	
	
}
p#welcome {
	float:left;
	margin:14px 20px 0 0;
	padding:0px;
	
}
ul#navSession {
	float:left;
	margin:14px 12px 0 0;
	display:block;
	
}
div#svLoginContainer h3,
div#svEditProfile h3 {
	background: #8fc3ea;
	display:block;
	padding:5px 10px;
}
div#svLoginContainer,
div#svEditProfile 
 {
	margin:0 0 0 0;
	width:100%;
}
div#svLoginContainer label,
div#svEditProfile label,
div#svLoginContainer input.checkbox,
div#svEditProfile input.checkbox ,
 
 {
	float:left;
}
div#svLoginContainer input.text,
div#svEditProfile input.text
 {
	width:200px;
}
div#svLoginContainer li.req,
div#svEditProfile li.req  {
	padding:0px;
	margin:0px
}
div#svLoginContainer li,
div#svEditProfile li
	{
		height:40px;
		
	}
div#svLoginContainer input.submit, div.buttons input.submit,
div#svEditProfile input.submit {
	float:right;
	width:145px;
	height:28px;
	background:URL("../images/layout/bgbutton.jpg") no-repeat;
	border:0px;
	margin-top:10px;
	font-size:11px;
}

.content p.required {
	padding-left:16px;
	margin:0px 0 10px 0;	
}

.content p.error
{
	margin:10px auto;
	padding:5px 10px;
	border:1px solid #d6d6d6;
	width:322px;
	background:#cccccc;
	
}
div#svEditProfile li  {
	height:20px;
	}
	
.content .svIndex {
border-top:0px;
padding-top:1em;
}