/* Basis CSS
SC Münster 08, 1. Handball Damenmanschaft
scm08-handball-damen.de
Letzte Aenderung: 26.08.2010
*/

* {
margin:0;
padding:0;
}

html {
	font-size: 75%; 	
}

html>body {
	font-size: 12px;
}

body {
	background:#e3e6e7;
	text-align: center;	
	font-family:Verdana, Arial, sans-serif;
	color: #193452;
}

a:link {
color: #CC1416;
text-decoration: none;
}

a:visited {
color: #CC1416;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a img {
border: none;
}

/* Clearfix
--------------------------------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */

a:focus {
outline: none;
}

/* Layout
--------------------------------------------------------------------------------------- */

div#wrapper {
margin: 26px auto;
width: 900px;
max-width: 100%;
}

/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */

.lefts {
float: left;
margin: 0 0.5em 0.5em 0;
}

.right {
float: right;
margin: 0 0 0.5em 0.5em;
}

.imageLeft {
float: left;
display: inline;
margin: 0 0.5em 0.5em 0;
}

.imageRight {
float: right;
display: inline;
margin: 0 0 0.5em 0.5em;
}

/* Content
--------------------------------------------------------------------------------------- */

#inhalt {
padding: 0 30px;
font: 0.9em/18px Verdana, Arial, Helvetica, sans-serif; 
}

#inhalt h1, #inhalt h2 {
font-size:1.7em;
line-height:130%;
color:#505A59;
margin-bottom: 0.5em;	

}
#inhalt h3, #inhalt h4, #inhalt h5, #inhalt h6 {
font-size:1.1em;
line-height:22px;
color:#505A59;;
font-weight:800;
/*margin-top: 1em;	*/
}

#inhalt p {
margin: 1em 0;	
}

#inhalt ul {
margin: 1em 0;	
}

#inhalt ul li {
margin: 0 2em;	
}

strong, b {font-weight:800}
#lu { border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#ff0000 }
.red { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:18px; color:#CC1F2F; font-style:normal; font-weight:300; text-decoration:none; }
.bigred { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height:22px; color:#CC1F2F; font-style:normal; font-weight:800; text-decoration:none }
.mitarbeiter { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:18px; color:#FFFFFF; font-style:normal; font-weight:300; text-decoration:none; }

.adresse { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:18px; color:#999999; font-style:normal; font-weight:300; text-decoration:none; }

.info { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:300; color:#ffffff; line-height:17px; text-decoration:none }

.navhit { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:800; font-size:10px; line-height:21px; text-decoration:none; color:#CC1F2F }

/* Navigation
--------------------------------------------------------------------------------------- */
a.nav { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:800; font-size:10px; line-height:17px; text-decoration:none; color:#000000 }
a.nav:visited { color:#000000; font-weight:800; text-decoration:none }
a.nav:hover { color:#CC1F2F; font-weight:800; text-decoration:none }
a.nav:active { color:#990000;  font-weight:800; text-decoration:none }

a.info { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:300; font-size:10px; line-height:18px; text-decoration:underline; color:#000000 }
a.info:visited { color:#999999; font-weight:800; text-decoration:none }
a.info:hover { color:#B4A66A; font-weight:300; text-decoration:none }
a.info:active { color:#990000;  font-weight:800; text-decoration:none }

.impressumhit { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:300; font-size:9px; line-height:18px; text-decoration:none; color:#000000 }

a.impressum { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:300; font-size:9px; line-height:18px; text-decoration:none; color:#999999 }
a.impressum:visited { color:#999999; font-weight:300; text-decoration:none }
a.impressum:hover { color:#CC1F2F; font-weight:300; text-decoration:none }
a.impressum:active { color:#990000;  font-weight:300; text-decoration:none }

a.mail { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:300; font-size:9px; line-height:18px; text-decoration:none; color:#999999 }
a.mail:visited { color:#999999; font-weight:300; text-decoration:none }
a.mail:hover { color:#CC1F2F; font-weight:300; text-decoration:none }
a.mail:active { color:#990000;  font-weight:300; text-decoration:none }

a.mitarbeiter { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:800; font-size:10px; line-height:18px; text-decoration:none; color:#FFFFFF }
a.mitarbeiter:visited { color:#efefef; font-weight:800; text-decoration:none }
a.mitarbeiter:hover { color:#990000; font-weight:800; text-decoration:none }
a.mitarbeiter:active { color:#990000;  font-weight:800; text-decoration:none }

/* Listview
--------------------------------------------------------------------------------------- */

ul.listview {
list-style: none;
border-top: 1px solid #ccc;
padding-top: 1em;
margin: 0;
}
ul.listview li {
border-bottom: 1px solid #ccc;
margin: 0 !important;
padding: 1em 0;
}
ul.listview h3 {
margin-bottom: 1em;
}
span.listviewDatum { color: #666; }

.lvnaviwrap {
clear: both;
overflow: hidden;
padding: 7px 0;
}

.lvback {
width: 100px;
float: left;
display: inline;
text-align: left;
font-weight: 700;
}

.lvnext {
width: 100px;
float: left;
display: inline;
text-align: right;
font-weight: 700;
}

.lvcenter {
width: 420px;
float: left;
display: inline;
text-align: center;
}
.lvcenter a {
font-weight: 700;
}

/* Bildergalerie
--------------------------------------------------------------------------------------- */

td.imagebox {
	background-color: #F1F1F1;
	border: 1px solid #AEAFAF;
	padding: 5px;
        width: 100px;
        font-size: .9em;
        line-height: 150%;
}
.imagebox img {
        border: none;
}

table.imageboxindex  {
	line-height: 130%;
	color: #00004C;
	background-color: #F1F1F1;
	border: 1px solid #CCCCCC;
	padding: 5px;
       margin-bottom: 1em;

}
td.imageboximg {
width: 100px;
}
td.imageboximg a:hover {
border-bottom: 0px;

}
table.imageboxindex td {
vertical-align: top;
}

td.gallerynavi {
	background-color: #F1F1F1;
	border-right: 16px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
padding: 3px;
}
.imagebox img, .imageboxindex img {
border: none;
}
.imagebox h3 {
	font-size: 1em;
margin: 0.5em 0;
}

.imagebox span {
display: block;
margin: 3px;
}

/* Navi
---------------------------------------------------------- */
div#navigation ul{
margin:0;
padding:0;
list-style-type:none;
}

div#navigation .news, 
div#navigation .news_on, 
div#navigation .mannschaft, 
div#navigation .mannschaft_on, 
div#navigation .trainingszeiten, 
div#navigation .trainingszeiten_on, 
div#navigation .tabelle-ergebnisse, 
div#navigation .tabelle-ergebnisse_on, 
div#navigation .spielberichte, 
div#navigation .spielberichte_on, 
div#navigation .chronik-rueckblicke, 
div#navigation .chronik-rueckblicke_on,
div#navigation .sponsoren, 
div#navigation .sponsoren_on, 
div#navigation .fotos, 
div#navigation .fotos_on, 
div#navigation .links, 
div#navigation .links_on,
div#navigation .trinkspruch, 
div#navigation .trinkspruch_on,  
div#navigation .kontakt, 
div#navigation .kontakt_on, 
div#navigation .impressum ,
div#navigation .impressum_on 
{
width:206px;
height:26px;
display:block;
} 

div#navigation .news{background: url(/fileadmin/img/news_off.gif);}
div#navigation .news_on, div#navigation .news:hover{background: url(/fileadmin/img/news_on.gif);}

div#navigation .mannschaft{background: url(/fileadmin/img/mannschaft_off.gif);}
div#navigation .mannschaft_on, div#navigation .mannschaft:hover{background: url(/fileadmin/img/mannschaft_on.gif);}

div#navigation .trainingszeiten{background: url(/fileadmin/img/trainingszeiten_off.gif);}
div#navigation .trainingszeiten_on, div#navigation .trainingszeiten:hover{background: url(/fileadmin/img/trainingszeiten_on.gif);}

div#navigation .tabelle-ergebnisse{background: url(/fileadmin/img/tabelle_off.gif);}
div#navigation .tabelle-ergebnisse_on, div#navigation .tabelle-ergebnisse:hover{background: url(/fileadmin/img/tabelle_on.gif);}

div#navigation .spielberichte{background: url(/fileadmin/img/spielberichte_off.gif);}
div#navigation .spielberichte_on, div#navigation .spielberichte:hover{background: url(/fileadmin/img/spielberichte_on.gif);}

div#navigation .chronik-rueckblicke{background: url(/fileadmin/img/chronik_off.gif);}
div#navigation .chronik-rueckblicke_on, div#navigation .chronik-rueckblicke:hover{background: url(/fileadmin/img/chronik_on.gif);}

div#navigation .sponsoren{background: url(/fileadmin/img/sponsoren_off.gif);}
div#navigation .sponsoren_on, div#navigation .sponsoren:hover{background: url(/fileadmin/img/sponsoren_on.gif);}

div#navigation .fotos{background: url(/fileadmin/img/fotos_off.gif);}
div#navigation .fotos_on, div#navigation .fotos:hover{background: url(/fileadmin/img/fotos_on.gif);}

div#navigation .links{background: url(/fileadmin/img/links_off.gif);}
div#navigation .links_on, div#navigation .links:hover{background: url(/fileadmin/img/links_on.gif);}

div#navigation .trinkspruch{background: url(/fileadmin/img/trinkspruch_off.gif);}
div#navigation .trinkspruch_on, div#navigation .trinkspruch:hover{background: url(/fileadmin/img/trinkspruch_on.gif);}

div#navigation .kontakt{background: url(/fileadmin/img/kontakt_off.gif);}
div#navigation .kontakt_on, div#navigation .kontakt:hover{background: url(/fileadmin/img/kontakt_on.gif);}

div#navigation .impressum{background: url(/fileadmin/img/impressum_off.gif);}
div#navigation .impressum_on, div#navigation .impressum:hover{background: url(/fileadmin/img/impressum_on.gif);}

/* Formulare
--------------------------------------------------------------------------------------- */
	form {margin-top: 2em;}
	form div{margin:.5em 0;clear:both;}
	label{display:block;}
	fieldset{margin:0;padding:0;border:none;}
	legend{font-weight:bold;}
	input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}
	fieldset{
		border:1px solid #ccc;
		padding:1em 2em;
		margin:0 0 1.5em 0;
		}
	legend{padding:2px 5px;}	
	form div.col{clear:none;}form div.first{clear:both;}
	form div{overflow:hidden;}
	
	input[type="text"], input[type="password"], textarea, .field, .area, select{
		border:1px solid #aaa;
		padding:5px;
		background:#fff;
		width:300px;
		line-height:1em;
		margin:0;
		}
	select{width:312px;}
	textarea, .area{overflow:auto; height:150px; width:400px;}
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#f5f5f5;outline:none;}
	.submit{}
	button{
		border:none;
		background:#555;
		color:#fff;
		padding:0 2.5em;
		height:2em;
		line-height:2em;
		cursor:pointer;
		}
		
	.form fieldset{border:none;margin:0;padding:0;}
	.form legend{display:none;}
	.form div{clear:both;margin:.5em 0;}
	.form label{
		float:left;
		width:150px;
		}
	.form .field, .form .area{
		width:250px;
		padding:3px;
		}
	.form select{padding:3px;width:256px;}
	.form .submit{margin-left:150px;}
.versteckt {
	display: none;
}
		
	.note, .success, .error{display:block;}
	.error{color:#CC1416;}
	.success{}
	.note{font-weight:bold;}