/*
 *	file: basic.css
 *	date: 9.11.2009
 */

/**
 * Browser reset
 * 
 * @section reset
 */
* { margin:0; padding:0; }
html { height: 101%; }
option { padding-left: 2px; }
fieldset, img, hr { border:0 solid; }
ul { list-style:none; }
table { font-size: inherit; font-size: 100%; }

/**
 * Markupfreies Clearing
 * 
 * @section clearing 
 */
.lClear { overflow:hidden; }
.gClear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gClear { display: block; } /* Safari */

/* === helfer === */
.clear { clear: both; font-size:0px;line-height:0px; }
.cl { clear:both }
.mt { margin-top: 20px; }
.mb { margin-bottom: 20px; }
.zero { margin:0 !important; padding:0 !important; }
.error { background: #bbb; color: red; font-weight: bold; }
#noScript { text-align:center; border:1px dashed red; color:red; background-color:#F9FDCB; padding:10px; }
	#noScript p { margin-bottom:7px; }

/* === 1. Struktur === */
body { background: url(../images/struktur/17.gif) repeat top left; text-align:center; font-size: 12px; font-family:Arial, Helvetica, sans-serif; color: black; }
#container { background: white url(../images/struktur/bgSite3.jpg) no-repeat top right; text-align:left; width:1000px; margin: 0 auto; font-size:12px; }
#header {  } 

#content { clear:both; margin-top:20px; padding: 0 25px; line-height: 19px; font-size: 13px; color:#666; }
	#content p { padding-top: 15px; }    

#footer { clear:both; margin-top: 35px; }
	#footer ul { float:left; display: inline; background-color: #6CA6CD; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; }
	#footer li { float:left; display:inline; width: auto; }
		#footer li#copyright { color: white; font-weight: bold; margin:8px 9px 8px 25px; }
		#footer li a { display:block; color: white; margin:8px 9px; }
		#footer li a:link, #footer li a:visited { text-decoration: none; }
		#footer li a:hover, #footer li a:active { text-decoration: underline; }		
#logo { display:block; padding: 25px 0 0 190px; }

h1 { margin: 15px 0 15px 40px; font-size:35px; line-height:46px; font-family: 'Comic Sans MS', Arial, sans-serif; color: #666; width:580px; }
	.contact h1 { margin-left:0; }
h2 { color:#4c7490; margin:20px 0 12px; font-size:22px; font-family: 'Comic Sans MS', Arial, sans-serif; }
h3 { color:#4c7490; margin:10px 0; font-family: 'Comic Sans MS', Arial, sans-serif; }

.site_start a.gray:link, a.gray:visited, a:link, a:visited { color:#666; text-decoration:none; }
.site_start a.gray:hover, .site_start a.gray:active { text-decoration:none; } 
a:hover, a:active { text-decoration: underline; }
.site_start a, .site_news a, .site_start #content ul a { color: #6CA6CD; }
#content ul a { color: #4C7490; }
  

/* === Startseite === */
#intro {float:left;display:inline;width:400px; }
	#newPhotos { margin-top:25px; }
	#newPhotos h2, #news h2 { margin-top:0px; }
#standings {float:right;display:inline;width:450px;margin-right:20px;}
.standingTables { margin-bottom:15px; color:#333; }
	.standingTables { color:#333; }
		.leftStandigTable {float:left;display:inline;width:200px;overflow:hidden; margin-right:30px; }
		.rightStandigTable {float:left;display:inline;width:200px;overflow:hidden; margin-right:15px; }
.site_start h1 { line-height:46px; margin-bottom:10px; }   
.site_start h2 { margin-top:25px; font-size:18px; color:#666; }
#photonews { margin-top:20px; }
#news { /*float:right;display:inline;width:420px;*/ }
	#accordion a { background:#6CA6CD; border:1px solid #ccc; border-bottom-width:0; font-weight:bold; color:#fff; display:block; padding:3px 5px; }
	#accordion div { background:#fbfbfb; border: 1px solid #ccc; border-top-width:0; padding:4px 5px; }
	#accordion p { padding-top:0; }
    
/* Springer und Galerie */
.site_springer h2, .site_galerie h2 { background-color:#6CA6CD; padding:5px 5px 4px; color:white; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:15px 0 0; 
                    -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px;}
.site_springer h3, .site_galerie h3 { color:#555; font-family:Arial, Helvetica, sans-serif; margin:25px 0 0; } 
.site_springer .border, .site_galerie .border { border: 1px solid #6CA6CD; padding:5px; background:#fafafa; }  
    #content .border p { padding:0; margin:0; }  
.site_springer #filterTab, .site_galerie #filterTab { margin:8px 0 4px; }
    .site_springer #filterTab label, .site_galerie #filterTab label { font-weight:bold; }
/* === Navigation === */
/* == 1.Ebene == */
#nav { margin-top:39px; position:relative; height: 80px; width: 550px; font-size: 12px; }
	#nav li { float: left; display: inline; width: auto; margin-right: 2px; }	
	#nav li a { text-decoration: none; color: black; font-weight: bold; display: block; padding: 6px 9px; background:#cdcdcd; }
	/* Hintergrund für aktives Element setzen */
	#informatives #navInformatives a, #akteure #navAkteure a, #fotos #navFotos a, #interaktiv #navInteraktiv a { background: white;  }
	/* 1.Ebene aktiv setzen */
	#informatives #navInformatives a:hover, #akteure #navAkteure a:hover, #fotos #navFotos a:hover, #interaktiv #navInteraktiv a:hover,
	#informatives #nav li a:hover, #akteure #nav li a:hover, #fotos #nav li a:hover, #interaktiv #nav li a:hover,	
	#informatives #nav li:hover a, #akteure #nav li:hover a, #fotos #nav li:hover a, 
	#interaktiv #nav li:hover a { color:white; background: #CF966E; }      
	/* == 2.Ebene == */	
	#nav li ul { display:none; position: absolute; left: 0; top: 25px; padding: 5px 0 3px 3px; background: #CF966E; width: 420px; } 					            
	#informatives #navInformatives ul, #akteure #navAkteure ul, #fotos #navFotos ul, #interaktiv #navInteraktiv ul { background: white; display:block; } /* aktive Subnav hat weissen Hintergrund */
	
	#informatives #navInformatives:hover ul, #akteure #navAkteure:hover ul, #fotos #navFotos:hover ul, #interaktiv #navInteraktiv:hover ul, 
	#informatives #nav li.over ul, #akteure #nav li.over ul, #fotos #nav li.over ul, #interaktiv #nav li.over ul { background: #CF966E; } /* hover subnav */
	
	#nav li:hover ul, #nav li.over ul { display: block; z-index: 6000; } /* mache Subnav von inaktiver Topnavi aktiv */		
	a.sn:link, a.sn:visited { color:black !important; float:left; display:inline; width:auto; border-bottom:1px solid black; padding: 2px 10px; }
	a.sn:hover, a.sn:active { color:white !important; border-bottom:1px solid black; background: #CF966E; }

/* === Galerieübersicht === */
#galOverview {  }
	#galOverview a:link, #galOverview a:visited { text-decoration: none; color: #4c7490; }
	#galOverview a:hover, #galOverview a:active { text-decoration: underline; }
		#galOverview h3 { margin: 0 0 3px; font-size:15px; }
		#galOverview .overviewItem { clear:both; float:left; display:inline; width:800px; margin:3px 0 0; }
			#galOverview .addInfo { float:left; display:inline; width:800px; }
			#galOverview .addInfo img { float:left; display:inline; margin: 3px 5px 0 0; width: 100px; }
			#galOverview .addInfo p { float:left; display:inline; margin:0; padding:0; }
	
/* === Galerie === */	
#gallery { font-family: 'Comic Sans MS', Arial, sans-serif; color: #585858; } 
	#gallery h1 { font-size:30px; margin:15px 0 0 10px; } 
	#gallery p { margin: 0 0 25px 13px; font-size:16px; }
	#gallery a { float:left; display:inline; height:130px; width:130px; }
		#gallery a img { background-color:white; border:1px solid #bbb; margin:0 10px 10px 0; padding:6px; }
		#gallery a:hover img { border:1px solid #6CA6CD; }
		
/* === Impressum === */
#impressum { padding-top:15px; }		
	#impressum img { float:left; display:inline; margin: 3px 5px 5px 3px; border:1px solid #E5C034; padding:3px; background:#FFEFDB;; } 

/* === Kontaktformular === */
#contactForm { padding-top: 30px; }
	#contactForm label { float:left; display:inline; width:80px; margin:0 0 10px 0; padding: 2px 0;}
	#contactForm input, #contactForm select, #contactForm textarea {
						color:#666; border: 1px solid #bbb; float: left; display:inline; margin:0 0 10px 10px; padding: 2px 0; width: 200px; }
	#contactForm .btn { float:left; margin:25px 10px 0 0; width:100px; padding:2px 0; background:#bbb; }
	#contactForm .hover { color:black; background: #CF966E; border: 1px solid #CF966E; cursor:pointer; }
	#contactForm .focus { background: #bbb; border:1px solid #666; color:black; }

/* === Springer === */
#content p.spr_birthday { padding-top:0; font-size:16px; margin-left:40px; }

/* === Links === */
.linkCollection { padding-top:20px; float:left; display:inline; width:250px; overflow:hidden; margin:0 28px 10px 0;  }

/* === Advertisement === */
#advertisement { clear:both; width:1000px; margin:20px auto 0; }
    #advertisement a { float:left; display:inline; margin-left:25px; }

/* === tablesorter === */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:6px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #efefef;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/struktur/tabsorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody a {
	color:#4c7490;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/struktur/tabsorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/struktur/tabsorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #6CA6CD; color:white;
}