/*
Haupt CSS für EHC Lausen Website
*/

/*
____________________________HTML TAG’s_______________________________________
*/

body
{
	margin: 0 0;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-image: url(../bilder/bodyhintergrund.gif);
	background-repeat: repeat-x;
}

h1
{
	text-align: right;
	width: 512px;
	
	margin: 0 0 30px 7px;
	padding: 0 10px 0 0;
	color: #669;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #9999cc;
}

img
{
	border: none;
}

/*
_____________________________ALLE DIV’S_____________________________________
*/

div#total
{
    position: relative;
	width: 1000px;
	height: 1000px;
	margin: auto auto;
	background-image: url(../bilder/boxhintergrund.gif);
	background-repeat: no-repeat;
}
div#sponsoren
{
    position: relative;
    top: 140px;
    left: 640px;
    width: 156px;
    height: 50px;
}
div#teamnavigation
{
    position: relative;
    top: 163px;
    left: 330px;
    width: 540px;
    height: 30px;
}

div#hauptnavigation
{
    position: absolute;
    top: 260px;
    left: 120px;
	width: 200px;
    text-align: right;
}

div#regioleague_link
{
    position: absolute;
    top: 520px;
    left: 170px;
    width: 200px;
    
}

div#inhalt
{
	position: absolute;
	top: 265px;
	left: 330px;
	width: 540px;
	height: auto;
	padding-bottom: 20px;
	background-image: url(../bilder/inhalt_bg.gif);
	background-repeat: repeat-y;
}




/*
_____________________________ Gästebuch_____________________________________
*/

div#inhalt form 
{
    padding-left: 20px;
    padding-bottom: 20px;
	
}

div#inhalt form input, textarea
{
    width: 300px;
	
}



div#gbnachricht
{
    width: 507px;
    padding-left: 10px;
    margin: 5px 0 0 10px;
    border-bottom: 1px dashed #ccc;
}

.gbname
{
    font-weight: bolder;
	text-decoration: underline;
	
}

.gbdatum
{
    
	color:	#550400;
	font-size: smaller;
	padding-bottom: 5px;
}

div#gaestebuchForm
{
    width: 500px;
    padding-left: 100px;
}

div#gaestebuchForm form.bildkomm
{
    border-bottom: none;
}

div#gaestebuchForm textarea.bk_txtfeld
{
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

div#gaestebuchForm input.bk_code
{
    text-transform: uppercase;
}

div#bk_fehlerCode p
{
    width: 300px;
}

/*
_____________________________ Supportervereinigung _____________________________________
*/

div#supportervereinigung
{
    width: 480px;
    padding-left: 25px;
}

div#supportervereinigung h2
{
   	text-transform:uppercase;
	font-weight: bold;
   	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #DC6672;
	border-bottom: 1px solid #dc6672;
}

div#supportervereinigung h3
{
   	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #6A83B6;
}
/*
_____________________________weitere DIV’S_____________________________________
*/




div#news
{
    position: relative;
    width: 507px;
    padding-left: 10px;
    margin: 5px 0 0 10px;
    border-bottom: 1px dotted #000;

}

div#news .titel a
{
    font-size: 13px;
    font-weight: bold;
    color:#DC6672;
    text-decoration: none;
}

div#news .mehr a
{
    color: #f00;
    text-decoration: none;
}

div#news .datum
{
    margin-top:-10px;
    font-size: 10px;
    color:#666;
}


div#eineNews
{
    position: relative;
    margin: 5px 0 0 20px;
    width: 500px;
    
    
}

div#eineNews .titel 
{
    letter-spacing: 1px;
    text-decoration:none;
    text-transform:uppercase;
    font-size: 16px;color:#e30;
    background-image: none;
    padding: 0;
    

}
div#eineNews .datum
{
    margin-top:-10px;
    font-size: 10px;
    color:#666;
    
}
div#eineNews .kurz
{
   
}

div#newsbild
{
    position: relative;
    float:right;

}
div#eineNews .text
{
    padding-top: 10px;
    clear: both;
    float: none;
    
}

div#suche
{
	position: relative;
	top: 175px;
	left: 350px;
	width: 500px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	z-index:100;
}

div#suche form input
{
    width: 100px;
}
/*
_____________________________ Galerie _____________________________________
*/
div#inhaltgalnavi ul
{
    list-style-type: none;
}

.galnavLinkGross:link,
.galnavLinkGross:visited
{
   	text-transform:uppercase;
	font-weight: bold;
   	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #DC6672;
}

.galnavLinkGross:hover,
.galnavLinkGross:active
{
   	text-transform:uppercase;
	font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #6A83B6;  
}

.galnavLink:link,
.galnavLink:visited
{
   	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #DC6672;
}

.galnavLink:hover,
.galnavLink:active
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #6A83B6;  
}

div#navMannschaft a:link,
div#navMannschaft a:visited,
div#inhaltgalnavi a:link,
div#inhaltgalnavi a:visited,
.galnavLinkGrossEinBild:link,
.galnavLinkGrossEinBild:visited
{
   	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #6A83B6;
}
div#navMannschaft a:hover,
div#navMannschaft a:active,
div#inhaltgalnavi a:hover,
div#inhaltgalnavi a:active,
.galnavLinkGrossEinBild:hover,
.galnavLinkGrossEinBild:active
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #DC6672;  
}

.spielerZurueck a:link,
.spielerZurueck a:visited,
.galnavZurueck:link,
.galnavZurueck:visited
{
   	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	color: #DC6672;
}

.spielerZurueck a:hover,
.spielerZurueck a:active,
.galnavZurueck:hover,
.galnavZurueck:active
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	color: #6A83B6;  
}

div#galerieunternavi
{
    width: 520px;
    padding-left: 35px;
}

div#galerieunternavi .galnavtitel
{
   	font-family: Verdana, Helvetica, Arial, sans-serif;
   	text-transform:uppercase;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #6A83B6;
}

div#bk_link
{
    position: relative;
    top: 30px;
    width: 520px;
    margin: 5px 0 0 10px;
}

div#bk_link .bildkom-table
{
    width: 470px;
    margin-left: 25px;
    background-color: #f7f7f9;
    border-collapse: collapse;
}
div#bk_link .bildkom-table td
{
    border-bottom: 1px solid #000;
    padding-top: 5px;
    padding-bottom: 5px;
}

div#bk_link .bildkom-textzelle
{
    padding-left: 10px;
}

div#bk_link .mehr a 
{
    color:#FF0000;
    text-decoration:none;
}
/*
_____________________________ Links _____________________________________
*/
div#links
{
    width: 520px;
    margin-left: 10px;
}

div#links h3
{
   	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #6A83B6;
	padding-left: 20px;
}

div#links a:link,
div#links a:visited
{
   	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	color: #DC6672;
}

div#links a:hover,
div#links a:active
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	color: #6A83B6;  
}
/*
_____________________________ Galerie-Bildkommentar _____________________________________
*/

div#bildkomformular
{
    width: 500px;
    padding-left: 100px;
}

div#bildkomformular form.bildkomm
{
    border-bottom: none;
}

div#bildkomformular textarea.bk_txtfeld
{
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

div#bildkomformular input.bk_code
{
    text-transform: uppercase;
}

div#bk_fehlerCode p
{
    width: 300px;
}
/*
_____________________________ Events _____________________________________
*/
.eventdate
{
    color: #6A83B6;
    font-size: 12px;
}

/*
_____________________________ Kontaktformular _____________________________________
*/

div#kontaktformular table
{
    width: 350px;
}
div#kontaktformular td
{
    width: 150px;
}

div#kontaktformular td.form
{
    width: 200px;
}

div#kontaktformular td input
{
    width: 250px;
}

div#kontaktformular td textarea
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
  	font-size: 12px;
    width: 253px;
}

div#kontaktnachricht
{
    width: 520px;
    padding-left: 20px;
}

div#kontaktnachricht h3
{
   	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #6A83B6;
	
}

div#kontaktnachricht a:link,
div#kontaktnachricht a:visited
{
   	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #DC6672;
}

div#kontaktnachricht a:hover,
div#kontaktnachricht a:active
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #6A83B6;  
}
/*
_____________________________ Navigationen _____________________________________
*/

div#hauptnavigation a:link,
div#hauptnavigation a:visited
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #6A83B6;
	padding: 0 15px 0 0;
	line-height: 25px;
	letter-spacing: -1px;
}

div#hauptnavigation a:hover,
div#hauptnavigation a:active
{ 
    color: #DC6672; 
}

/*
_____________________________ div.Links _____________________________________
*/

div#eineNews .text a:link,
div#eineNews .text a:visited,
div#eineNews .einenewslink a:link,
div#eineNews .einenewslink a:visited
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #6A83B6;
	line-height: 25px;
}

div#eineNews .text a:hover,
div#eineNews .text a:active,
div#eineNews .einenewslink a:hover,
div#eineNews .einenewslink a:active
{
    color: #DC6672; 
}

div#eineNews .zurueck a:link,
div#eineNews .zurueck a:visited
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	line-height: 25px;
}

div#eineNews .zurueck a:hover,
div#eineNews .zurueck a:active
{
    color: #DC6672; 
}


/*
_____________________________ Mannschaften _____________________________________
*/

div#Mannschaftsfoto
{
    padding-left: 20px;
}

div#Mannschaftsliste
{
    padding-left: 20px;
}

div#Mannschaftsliste table
{
    border-collapse: collapse;
}

div#Mannschaftsliste table tr:hover
{
    background-color: #E6E6EC ! important;
}

div#Mannschaftsliste table td,
div#Mannschaftsliste table th
{
    padding: 5px 5px 5px 5px;
}

div#Mannschaftsliste a:link,
div#Mannschaftsliste a:visited
{
   	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #DC6672;
}
/*
_____________________________ Mannschaftsunternavi _____________________________________
*/

div#navMannschaft
{
	position: relative;
	left: 20px;
	width: 350px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
}

/*
_____________________________ 1 Spieler _____________________________________
*/

div#einSpieler
{
    position: relative;
    width: 500px;
}

div#spielerfoto
{
    padding-left: 20px;
    float: left;
}

div#einSpielerDiv
{
    float: right;
    width: 270px;
    height: 250px;
}

div#einSpielerDiv .spielername
{
    font-weight: bold;
    font-size: 14px;
    color: #DC6672;
}

.spielerNummer
{
    display: block;
    position: relative;
    top: 30px;
    float: right;
    text-align: right;
    font-size: 100px;
    font-weight: bold;
    color: #6A83B6;
}

div#einSpieler .spielerZurueck
{
	text-align: right;
}