/* ######################################################################### */
/*   URL: www.sv-dreilinden.de                                               */
/*   Path: ./_css/svd_2.5.css                                                */
/*   Author: tatze - www.gearz.de                                            */
/*   Date: 14.09.2006  (26.07.2008)                                          */
/* ######################################################################### */


/* ######################################################################### */
/* General Output */
/* ######################################################################### */

@media all {

	body {
		background: white;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size: 9pt;
	}

	table {
		font-size: 9pt;
		width: 100%;
	}

	tr, th, td {
		background-color: white;
		padding: 10px;
		vertical-align: top;
		font-weight: normal;
	}
	
	h1, h2, h3, h4, h5, h6 {
		padding-top: 15px;
		padding-bottom: 5px;
		font-weight: bold;
	}
	
	h3 { font-size: 1.1em; }
	
	li, dd { padding-bottom: 0.5em; }
	
	dt { font-weight: bold; }

	td ul {
		margin: 0;
		padding: 0;
		padding-left: 15px;
	}
	
	.align-middle {
		vertical-align: middle;
	}

	.picture {
		float: right;
		padding: 10px;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	
	.center { text-align: center; }
	
	.right { text-align: right; }
	
	.left { text-align: left; }
	
	.floatright { float: right; }
	
	.floatleft { float: left; }
	
	.clear {clear:both;}
	
	.red { color: red; }
	
	.large { font-size: 11pt; }
	
	.medium { font-size: 9pt; }
	
	.small { font-size: 8pt; }
	
	.bold { font-weight: bold; }
	
	.normal { font-style: normal; }
	
	.top { vertical-align: top; }
	
	.middle { vertical-align: middle; }
	
	.bottom { vertical-align: bottom; }
	
	.indent { margin-left: 1.5em; }
	
	.middle { vertical-align: middle; }
	
	.left { text-align: left; }
	
	.underline { text-decoration: underline; }
	
	.wide { width: 95%; }
	
	.date {
		color: #777;
		float: right;
		position: relative;
		top: 1.5em;
	}
	
	.autoCenter {
		margin: auto;
		padding: 10px;
		width: 500px;
	}
}


/* ######################################################################### */
/* Display Output */
/* ######################################################################### */

@media screen {
	
	a {
		color: #003399;
		text-decoration: underline;
	}

	a:hover {color: #336699; }

	#header {
		background: url("../_img/sv-dreilinden.png") no-repeat 410px 0px;
		height: 110px;
		width: 600px;
		vertical-align: middle; 
		text-align: left;
		border: 2px solid #003399;
		border-bottom: none;
	}

	#vb-image { 
	    background: white url("../_img/volleyball.png") no-repeat top left;
	    width: 604px;
	}
	
	#nav {
		display: block;
		width: 600px;
		border: 2px solid #003399;
		border-bottom: none;
		background: #003399;
	}

	#nav a {
		background: #003399;
		border-left: 1px solid #003399;
		border-right: 1px solid #003399;
		height: 25px;
		color: white;
		width: 80px;
		font-size: 10pt;
		text-decoration: none;
		display: table-cell;
		vertical-align: middle;
		padding-left: 20px;
		padding-right: 20px;
	}

	html>body #nav a {
		width: 80px;
	}


	#nav a:hover {
		color: #003399;
		background-color: silver;
		border-bottom: 1px solid black;
	}

	#nav a.active {
		color: #003399;
		background-color: #f4f4f4;
		border: none;
		border-bottom: 1px solid #f4f4f4;
	}

	#nav a.active:hover {
		color: #003399;
		background-color: #f4f4f4;
		border-bottom: 1px solid #f4f4f4;
	}

	#content {
		background: #f4f4f4;
		border: 2px solid #003399;
		border-top: 1px solid #f4f4f4;
		text-align: left;
		width: 560px;
		padding: 20px;
		padding-top: 0;
		padding-bottom: 50px;
	}

	#InternetExplorer-Sux {
		display: block;
		width: 560px;
		margin-left: 20px;
		margin-top: 20px;
	}
	
	#footer {
		padding-top: 20px;
	}
	
	#footer, #footer a {
		color: #999;
		font-size: 9px;
		text-decoration: none;
	}

	.download {
		width: 200px;
		text-align: center;
	}
	
	.button {
		border: 1px solid #444;
		background: #f0f0f0;
		padding: 3px;
		margin: 0;
		padding-left: 8px;
		padding-right: 8px;
		text-shadow: 2px 2px 2px #aaa;
		display: block;
		width: 184px;
	}	
	
	.button:hover {
		background: #e8e8e8;
		text-shadow: none;
	}
	
	.print { display: none; }

}

/* ######################################################################### */
/* Printer Output */
/* ######################################################################### */

@media print {
	body, .date { color: black; }
	#header, #nav, #footer, .dontprint { display: none; }
	#content { text-align: left; }
	.print { font-size: 10px; }
	a, a:visited { color: black; text-decoration: underline; }
}