/*	Client: zugersinfonietta www.zugersinfonietta.ch
	Autor: Alexander Albrecht www.christen.ch
	© 2007–2011

	Screen
	CSS-Version 1.03
	13.06.2011
*/

/*	<!-- !   INITAL RESET --> */
	/* !HTML UNDOS */
:link, :visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em; font-weight: normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
acronym {cursor: help;}
address	{font-style: normal;}
table {border-spacing: 0;}

	/* ADDITIONAL UNDOS */
* {margin: 0; padding: 0;}
img {border: 0;}

	/* INITIAL SETTINGS */
html {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}




/*	<!-- !   SITE GENERAL SETTINGS --> */
body {
	font-family: 'Courier New', Courier, monospace;
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 17px;
	color: #000000;

	min-width: 900px;
}

a {	color: #000; }
a:link, a:visited { text-decoration: underline; }
a:hover, a:focus { text-decoration: none; outline: none; }




/*	<!-- !   SITE --> */
div#site {
	font-size: 13px;
	position: relative;
	left: 50%;
	margin-left: -430px;
	width: 860px;
}

iframe {
	border: none;
}




/*	<!-- !   HEADER --> */

div#header {
	height: 60px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #BEBEBE;
}

div#header a#logolink {
	position: relative;
	top: 25px;
	left: 670px;
	height: 23px;
	width: 190px;	
	display: block;

	z-index: 11;
}

div#header h1#logo {
	position: relative;
	top: 25px;
	left: 670px;
	height: 23px;
	width: 190px;
	
	margin-top: -23px;

	background: transparent url("../img/zugersinfonietta.gif") no-repeat 0 0;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
	
	z-index: 10;
}

div#header div#logoplain { visibility: collapse; }


/*	<!-- !   CONTENT --> */

div#contentintro h2 {
	font-family: 'Times New Roman', Times, serif;
	text-indent: -9000px;
	font-size: 60px;
	line-height: 10px;
	font-weight: bold;
}

div#contentintro a {
	display: block;
	margin: -80px 0 0 0;
/* 	height: 334px; */
	padding-bottom: 20px;
}



div#contentsaisonuebersicht div.saisonuebersichtzeile {
	width: 860px;
	clear: both;
}

div#contentsaisonuebersicht div.saisonuebersichtzeile div.event {
	width: 390px;
	float: left;
	padding: 0 40px 30px 0;
}

div#contentsaisonuebersicht div.saisonuebersichtzeile div.event h3 {
	text-indent: -9000px;
}

div#contentsaisonuebersicht div.saisonuebersichtzeile div.event img {
	margin: -18px 0 0 0;
}

div#contentsaisonuebersicht div.saisonuebersichtzeile div.event p,
div#contentsaisonuebersicht div.saisonuebersichtzeile div.event a {
	display: block;
	margin: 0 0 20px 0;
}



div#contentsaisonevent h2 {
	text-indent: -9000px;
}

div#contentsaisonevent img#fotoevent {
	margin: -16px 0 0 0;
	padding: 0 0 20px 0;
	display: block;
}

div#contentsaisonevent img#bigevent {
	margin: 0 0 60px 0;
	display: block;
}

div#contentsaisonevent div#saisoneventtext h4 {
	font-weight: bold;
	margin-bottom: 20px;
}

div#contentsaisonevent div#saisoneventtext h5 {
	font-weight: bold;
	margin: 0;
}

div#contentsaisonevent div#saisoneventtext {
	width: 500px;
}

div#contentsaisonevent div#saisoneventtext.xxl { /* für breite Formulare wichtig */
	width: 830px;
}

div#contentsaisonevent div#saisoneventtext p {
	width: 500px;
	margin: 0 0 20px 0;
}

div#contentsaisonevent div#saisoneventtext div.date {
	width: 500px;
	margin: 0 0 20px 0;
}

div#contentsaisonevent div#saisoneventtext div.date p {
	font-weight: bold;
	margin: 0;
	width: 860px;
}

div#contentsaisonevent div#saisoneventtext div.date p.datezusammenarbeit {
	font-weight: normal;
}

div#contentsaisonevent div#saisoneventtext p.xxl {
	width: 860px;
}



div#contentdasorchester img#bigheadline {
	height: 84px;
	margin: -16px 0 20px 0;
	display: block;
}

div#contentdasorchester div#contentdasorchestertextspalte {
	width: 500px;
}

div#contentdasorchester div#contentdasorchestertextspalte.xxl {
	width: 860px;
}

div#contentdasorchester div#contentdasorchestertextspalte h3 {
	font-weight: bold;
}

div#contentdasorchester div#contentdasorchestertextspalte h3,
div#contentdasorchester div#contentdasorchestertextspalte p {
	margin: 0 0 20px 0;
}

div#contentdasorchester div#contentdasorchestertextspalte p,
div#contentdasorchester div#contentdasorchestertextspalte ul,
div#contentdasorchester div#contentdasorchestertextspalte table {
	margin: 0 0 40px 0;
}

div#contentdasorchester div#contentdasorchestertextspalte ul li.listenabstand {
	margin: 0 0 30px 0;
}

	body#profil div#contentdasorchester div#contentdasorchestertextspalte ul,
	body#profil div#contentdasorchester div#contentdasorchestertextspalte ul li {
		margin: 0 0 20px 0;
	}

div#contentdasorchester div#contentdasorchestertextspalte.profil p {
	margin: 0 0 20px 0;
}

div#contentdasorchester div#contentdasorchestertextspalte div.mehrspaltig {
	float: left;
	margin: 0 40px 0 0;
}

div#contentdasorchester div#contentdasorchestertextspalte img {
	padding: 0 0 15px 0;
}

div#contentdasorchester div#contentdasorchestertextspalte.fotos img {
	width: 500px;
	height: 333px;
	margin: 0 0 10px 0;
}

div#contentdasorchester div#contentdasorchestertextspalte p.downloadfoto {
	margin: 0 0 10px 0;
}

div#contentdasorchester div#contentdasorchestertextspalte table tr td.spalte1 {
	width: 250px;
}

div#contentdasorchester div#contentdasorchestertextspalte table tr td.spalte2 {
	width: 25px;
}

div#errorsuccess { padding: 40px 0; }
div#errorsuccess p { padding: 0 0 20px 0; }
div#errorsuccess p#error { color: #FF0000; font-weight: bold; font-size: 16px; line-height: 20px; }
div#errorsuccess p#success { color: #00b300; font-weight: bold; font-size: 16px; line-height: 20px; }

/*	<!-- !   FOOTER --> */

div#footer {
	margin-top: 20px;
	height: 20px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #BEBEBE;
}

div#footer a {
	/* font-weight: bold; */
	text-align: right;
	text-decoration: none;
	display: block;
	margin: 2px 0 0 0;
}

div#footer a:link,
div#footer a:visited {
	color: #FFFFFF;
}

div#footer a:hover,
div#footer a:active {
	color: #000000;
}

/*	<!-- !   SEVERAL CLASSES --> */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */