@media all{ /* screen,projection,tv,handheld*/
	.vereingw{
		color:#29B955;
	}
	
	.vereinsg{
		color:#FCAC00;
	}
	
	.vereinbs{
		color:#007EBB;
	}
	
	.textrot{
		color:#8C0000;
	}
	
	.alert {
		color: #A60000;
	}
	
	body {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10pt;
		font-weight: normal;
		margin: 0 auto;
		min-width: 960px;
		max-width: 1200px;
		background: #fefefe url(logos/bg_stripes.png) repeat 0 0;
		background-attachment:fixed;
	}
	
	a {
		color: #0F8899;
		text-decoration: none;	
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	a.link-arrow {
		white-space: nowrap;
	}
	
	a.link-arrow:after {
		content: url(logos/link-arrow.gif); 
		padding-left: 5px;
	}		
	
	#pagetitle{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		font-size:4.5em;
		color: #e8e8e8;
		text-align:center;
		text-transform: lowercase;
		text-shadow: #aaa 0 -1px 0;
		background: url(logos/unitanz-logo-75-emboss.png) 1.3em 0 no-repeat;
		height:75px;
		width:100%;
		margin-top: 0.5em;
		text-indent: 2.5em;
	}
	#pagetitle p{
		margin: 0; padding-top: 0.2em;
	}
	#rootnavigation,#seconderynavigation{
		font-size: 1.1em;
		text-align: left;
		clear:both;
		float: left;
		width: 160px;
		margin-left: 25px;
	}
	
	#rootnavigationcontent{		
		font-weight: normal;
		line-height: 1.3;
		color: #fff;
		margin-top: 1em;
		margin-bottom: 0; 
		padding: 1em 0;
		background-color: #C81A1D;
		
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		border-bottom-left-radius: 20px;
		-webkit-border-top-left-radius: 20px;
		-moz-border-radius-topleft: 20px;
		border-top-left-radius: 20px;
		
		-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
		-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
		box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
		
	}
	
	#seconderynavigationcontent{		
		font-weight: normal;
		line-height: 1.3;
		color: #fff;
		margin-top: 0.5em;
		margin-bottom: 1em; 
		padding: 1em 0;
		margin-left: 2em;
		background-color: #FCAC00;
		
		-webkit-border-top-left-radius: 20px;
		-moz-border-radius-topleft: 20px;
		border-top-left-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		border-bottom-left-radius: 20px;
			
		-webkit-box-shadow: 2px 3px 6px rgba(0,0,0,0.4);
		-moz-box-shadow: 2px 3px 6px rgba(0,0,0,0.4);
		box-shadow: 2px 3px 6px rgba(0,0,0,0.4);	
	}
	
	#content{
		margin-top:1em;
		margin-left: 12em;
	}
	
	#rootnavigationcontent a, #rootnavigationcontent em,
	#seconderynavigationcontent a, #seconderynavigationcontent em {
		font-family: "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif;
		font-weight: normal;
		text-shadow: 0 0 0 transparent, 1px 1px 1px rgba(0, 0, 0, 0.5);
		text-transform: uppercase;
		display: block;
		padding: 0.15em 0.7em;
		margin: 0.15em 1em;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		border-color: #ca1414;
		border: 1px solid transparent;

                -webkit-transition: border-color .1s linear, background .1s linear;
                -moz-transition: border-color .1s linear, background .1s linear;
                -o-transition: border-color 1s linear, background 1s linear;
                -ms-transition: border-color .1s linear, background .1s linear;
                transition: border-color .1s linear, background .1s linear;
	}
	
	#rootnavigationcontent a:first-child,
	#seconderynavigationcontent a:first-child {
		border-top: none;
	}
	
	#rootnavigationcontent em,
	#seconderynavigationcontent em {
		font-style: normal;
		color: #fff;
		border-color: rgb(0,0,0) rgb(255,255,255) rgb(255,255,255) rgb(0,0,0);
		border-color: rgba(0,0,0,0.4) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(0,0,0,0.4);
		background: rgb(0,0,0);
		background: rgba(0,0,0,0.2);
	}
	
	#rootnavigationcontent a.sub,
	#seconderynavigationcontent a.sub {
		font-size: 75%;
		text-align: left;
		text-indent: 2.5em;
		margin: 4px 0;
		border-top: none;
	}
	
	#rootnavigationcontent a.sub:hover:before,
	#seconderynavigationcontent a.sub:hover:before {
		content: url(logos/link-arrow-lightgrey.gif);
		margin-left: -0.9em;
		padding-right: 0.5em;
		border-color: transparent;
		background: none;
	}
	
	#rootnavigationcontent a.sub:hover,
	#seconderynavigationcontent a.sub:hover {
		border-color: transparent;
		background: transparent;
	}
	
	#rootnavigationcontent a:link,
	#seconderynavigationcontent a:link,
	#rootnavigationcontent a:visited,
	#seconderynavigationcontent a:visited {
		text-decoration: none;
		color: #fff;
	}
	
	#rootnavigationcontent a:hover,
	#seconderynavigationcontent a:hover {
		border-color: rgb(0,0,0) rgb(255,255,255) rgb(255,255,255) rgb(0,0,0);
		border-color: rgba(0,0,0,0.4) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(0,0,0,0.4);
		background: rgb(0,0,0);
		background: rgba(0,0,0,0.2);

	}
	
	hr {
		border:none; 
		border-top: 0 solid #e8e8e8; 
		background-color:#e8e8e8; 
		height:1px; 
		width: 100%;
	}
	
	div.section {
		font-weight: normal;
		color: #222;
		line-height: 1.8em;
		background-color: #f7f7f7;
		margin: 1.1em 2em 1.5em 3.5em; 
		padding: 1em 1.5em 1em 2em;
		
		-webkit-border-bottom-right-radius: 15px;
		-moz-border-radius-bottomright: 15px;
		border-bottom-right-radius: 15px;
		-webkit-border-top-right-radius: 15px;
		-moz-border-radius-topright: 15px;
		border-top-right-radius: 15px;
		
		-webkit-box-shadow: -2px 2px 6px rgba(0,0,0,0.3);
		-moz-box-shadow: -2px 2px 6px rgba(0,0,0,0.3);
		box-shadow: -2px 2px 6px rgba(0,0,0,0.3);	
		
		border: 1px solid #e6e6e6;
	}
	
	div.section h1 {
		font-family:  Helvetica, "Trebuchet MS", Arial, sans-serif;/*Georgia, "Times New Roman", serif;*/
		font-size:2.4em;
		font-style:normal;
		font-weight:normal;
		letter-spacing: -1px;
		line-height: 1.1em;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
		color:#333;
		margin-top:0;
		padding-top:15px;
		padding-bottom:5px;
	}
	
	div.section h2 {
		font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
		font-size:1.5em;
		font-weight: normal;
		font-style: normal;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
		color:#454545;
		margin-top:0;
		padding-top:10px;
	}
	
	div.faq h3 {
		font-family: Georgia, "Times New Roman", serif;
		font-size:1em;
		font-weight: normal;
		font-style: normal;
		text-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
		color:#454545;
		line-height:1.2em;
		margin-top:0;
		padding-top:0;
	}
	
	.kurstd {
		text-align:center;
		border:thin solid #ccc;
	}
	
	.inhalte {
		color:#444;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
		font-size:1.2em;
		padding-top: 10px;
	}
	
	input[type="text"], input[type="email"], input[type="password"] {
		font-size: 1.1em;
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px; 
		-o-border-radius: 6px; 
		border-radius: 6px;
		padding: 6px;
	}
	
	input[type="submit"], input[type="button"], input[type="reset"], input#email-button  {
		font-family: Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-size: 1.1em; 
		line-height: 1;
		color: #444;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85); 
		margin: 10px 0;
		padding: 8px 20px;
		border: 1px solid #ccc; 
		/* von Lukas
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb)); 
		background-image: -webkit-linear-gradient(0 100% 90deg, #bbb, #fff); 
		background-image: -moz-linear-gradient(0 100% 90deg, #bbb, #fff); 
		background-image: -ms-linear-gradient(0 100% 90deg, #bbb, #fff); 
		*/
		background-color: #f5f6f7; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #bbbbbb 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#bbbbbb 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#bbbbbb 100%); /* IE10+ */
		background: linear-gradient(top,  #ffffff 0%,#bbbbbb 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 will be ignored in ie10  http://blogs.msdn.com/b/ie/archive/2011/12/07/moving-to-standards-based-web-graphics-in-ie10.aspx */
		-webkit-border-radius: 23px; 
		-moz-border-radius: 23px; 
		-o-border-radius: 23px; 
		border-radius: 23px;
	}
	
	input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input#email-button:hover  {
		color: #111;  
		-webkit-box-shadow: 0 0 6px rgba(125, 150, 190, 0.95); 
		-moz-box-shadow: 0 0 6px rgba(125, 150, 190, 0.95); 
		box-shadow: 0 0 6px rgba(125, 150, 190, 0.95);
	}
	
	#idMailingliste input[type="text"], #idMailingliste input[type="email"], #idMailingliste input[type="password"] {
		width: 250px;
	}
	
	table.newstable, .terminliste table {
		border-collapse: collapse;
	}
	
	table.newstable th, .terminliste table th{
		font-weight: normal;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
		color: #555;
		padding: 6px 4px;
		border-bottom: 1px solid #e8e8e8;
	}
	
	table.newstable td, .terminliste table td{
		border-bottom: 1px dotted #efefef;
		color: #444;
		padding: 6px 4px;
		vertical-align: top;
	}
	
	table td.newstime{
		white-space:nowrap;
		text-align:left;
		min-width:70px;
	}
	table td.newsauthor{
		white-space:nowrap;
		text-align:left;
	}
	
	table th.category {
		min-width:50px;
	}
	
	table th.date {
		min-width:60px;
	}
	
	table th.time {
		white-space:nowrap;
		min-width:70px;
	}
	
	table th.content {
		text-align: left;
	}
	
	table th.author {
		white-space:nowrap;
		text-align: left;
		min-width:80px;
	}
	
	table.column2 {
		width: 100%;
	}
	
	table.column2 td {
		text-align: left;
		vertical-align: top;
		width: 50%;
		padding-right: 25px;
	}
	
	table.column3 {
		width: 100%;
	}
	
	table.column3 td {
		text-align: left;
		vertical-align: top;
		width: 33%;
		padding-right: 25px;
	}
	
	table.column4 {
		width: 100%;
	}
	
	table.column4 td {
		text-align: left;
		vertical-align: top;
		width: 25%;
		padding-right: 15px;
	}
	
	#idKursUebersichtTabelle table{
		border-spacing: 10px;
	}
	
	#idKursUebersichtTabelle table th {
		font-weight: normal;
		padding: 10px 8px;
	}
	
	#idKursUebersichtTabelle table td{
		color: #444;
		padding: 6px 8px;
	}
	.nowrap {
		white-space: nowrap;
	}

	ul {
		padding-left: 1em;
	}

	li {
		list-style-image: url(logos/link-arrow-grey.gif);
	}
	
	.multicolumn2 {
		-moz-column-count: 2;
		-moz-column-gap: 50px;
		-webkit-column-count: 2;
		-webkit-column-gap: 50px;
		-ms-column-count: 2;
		-ms-column-gap: 50px;
		column-count: 2;
		column-gap: 50px;
	}
	
	.multicolumn3 {
		-moz-column-count: 3;
		-moz-column-gap: 50px;
		-webkit-column-count: 3;
		-webkit-column-gap: 50px;
		-ms-column-count: 3;
		-ms-column-gap: 50px;
		column-count: 3;
		column-gap: 50px;
	}

	.multicolumn4 {
		-moz-column-count: 4;
		-moz-column-gap: 50px;
		-webkit-column-count: 4;
		-webkit-column-gap: 50px;
		-ms-column-count: 4;
		-ms-column-gap: 50px;
		column-count: 4;
		column-gap: 50px;
	}
	textarea {
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		-o-border-radius: 6px;
		border-radius: 6px;
		border-width: 2px;
		border-color: rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0);
		border-color: rgba(0,0,0,0.35) rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.35);
		padding: 6px;
	}
	#registrationdate{
		position: fixed;
		right: 2em;
		top: 0;
		padding: 5px 0 7px;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		border-bottom-left-radius: 20px;
		-webkit-border-bottom-right-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		border-bottom-right-radius: 20px;
		
		background-color: #80BCDC;
		color: #fff;
		
		-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
		box-shadow: 0 2px 4px rgba(0,0,0,0.3);	
	}
	#registrationdate:hover{
		background-color: #0078B8;
	}
	
	#registrationdate a.link-arrow{
		font-family: "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		font-weight: normal;
		color: #fff;
		padding: 5px 10px 7px;
	}
	
	#registrationdate a.link-arrow:hover{
		text-decoration: none;
	}
	
	#registrationdate a.link-arrow:after {
		content: url(logos/link-arrow-white.gif); 
	 	padding-left: 5px;
	}
}
/*******************************************************************************
	mobile view
*******************************************************************************/
@media all and (max-width: 400px) {
	body{
		font-size:medium;
		min-width:0;
	}
	#pagetitle{
		background-image:none;
		display:none;
	}
	#rootnavigation,#seconderynavigation{
		float: none;
		width: auto;
		margin: 0;
		font-size:2em;
	}
	#rootnavigationcontent,#seconderynavigationcontent{
		border-color: #900;
		font-size:1em;
	}
	div.section {
		margin: 0.5em auto auto auto;
		padding: 1em;
		line-height: normal;
	}
	div.section h2 {	
		padding-top:0;
	}

	#content{
		margin-left: 0;
	}
	#rootnavigationcontent a.sub {
		text-align: right;
		font-size: 0.8em;
	}
	#idKursUebersichtTabelle{
		display:none;
	}
	.hideMobile{
		display:none;
	}
	/*kill table :-)*/
	td,th{
		display:block;
	}
	table th.content {
		text-align: center;
	}
	table.column2 td {
		width: auto;
		padding-right: 0;
	}
	table.column3 td {
		width: auto;
		padding-right: 0;
	}
	table.column4 td {
		width: auto;
		padding-right: 0;
	}
	.newsdate{
		font-weight:bold;
	}
}
/*******************************************************************************
	preview view (opera speed dial)
*******************************************************************************/
@media screen and (view-mode: minimized) {	
	body{
		margin:0;
		padding:0;
		min-width:0;
	}
	#content{
		margin:0;
		padding:0;
	}
	#pagetitle{
		background-image:none;
		display:none;
	}
	#rootnavigation{
		display:none;
	}
	div.section{
		display:none;
	}
	div.section h2, div.section h1 {	/* Raumname */
		padding-top:0;
		margin:0;
		font-size:.5em;
		text-align:center;
	}
	#idTermine{
		font-size:x-small;
		display:block;
		margin:0;
		padding:0;
	}
	td,th{
		display:table-cell;
	}
	.hidePreview{
		display:none;
	}
	table.newstable th, table.newstable td{
		padding:0;
	}
	td{
		border-bottom:1px solid gray;
		margin:0;
		padding:0;
	}
}
@media print {
	#pagetitle{
		background-image:none;
	}
	.printHidden{
		display:none;
	}
	div.section {
		border: none; 
	}
	#content{
		margin-left: auto;
	}
}
/*sonst malt Gecko wild rahmen um Linkbilder*/
img {
	border:none;
}
form {
	margin: 0;
	padding: 0;
}