

/* //////////////////////////////////////////STANDARDFORMATIERUNGEN////////////////////////////////////////// */



img {
    border:0px solid #1FA0AD;
}
div, p { 
	font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size:11px;
	line-height:140%;
	font-weight:normal;
	font-style:normal;
	color:#555;
}
h1 {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:26px;
	line-height:110%;
	font-weight:normal;
	font-style:italic;
	margin:30px 0px 20px 0px;
	padding-top:5px;
	position:relative;
	color:#008DDA;/*008DDA*/
}
h2 {
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:120%;
	font-weight:normal;
	font-style:italic;
	color:#008DDA;
	margin-bottom:15px;
}
h3 {
    font-size:11px;
	line-height:140%;
	font-weight:bold;
	color:#555;
	margin-bottom:5px;
}
h4 {
    font-size:11px;
	line-height:120%;
	font-weight:bold;
	color:#222;
	margin:5px 0px;
}
h5 {
    font-size:10px;
	line-height:120%;
	font-weight:bold;
	color:#222;
	margin-bottom:15px;
}
input {
	width:90px;
    font-size:12px;
	font-style:normal;
	color:#555;
	line-height:100%;
	padding:4px;
	margin-right:0px;
	border:1px solid #888;
}
input[type="submit"] {
	width:40px;
	padding:4px;
	margin-top:-4px;
	vertical-align:middle;
	text-align:center;
	background-color:#888;
	color:#FFF;
	border:0px solid #888;
	cursor:pointer;
}
select {
	width:100%;
    font-size:12px;
	font-style:normal;
	line-height:100%;
	padding:4px;
	margin-right:0px;
	border:1px solid #CCC;
}
a {
    font-size:11px;
	font-weight: normal;
	font-style:italic;
	padding-left:12px;
	background-image:url(../images/pfeil_a.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
	/*text-transform:uppercase;
	padding:2px 3px;*/
}
a:link, a:visited {
	color:#008DDA;
}
a:hover, a:focus, a:active {
	color:#B5C500;
	font-weight: normal;
	background-image:url(../images/pfeil_h.gif);
	background-position:left;
	background-repeat:no-repeat;
}
.navi a {
    font-size:11px;
	line-height:140%;
	font-weight:normal;
	background-image:url(../images/pfeil.gif);
	background-position:left;
	background-repeat:no-repeat;
}
.navi a:link, .navi a:visited {
    color:#555;
}
.navi a:hover, .navi a:focus, .navi a:active {
    color:#B5C500;
	font-weight: normal;
	background-image:url(../images/pfeil_h.gif);
	background-position:left;
	background-repeat:no-repeat;
}
.navi a.on {
    color:#008DDA;
	font-weight: normal;
	background-image:url(../images/pfeil_a.gif);
	background-position:left;
	background-repeat:no-repeat;
}
.navi .titel a:link, .navi .titel a:visited, .navi .titel a:hover, .navi .titel a:focus, .navi .titel a:active {
	padding-left:0px;
	background-image:none;
}
.bild a:link, .bild a:visited, .bild a:hover, .bild a:focus, .bild a:active {
	padding-left:0px;
	background-image:none;
}
.anzeigenbild a:link, .anzeigenbild a:visited, .anzeigenbild a:hover, .anzeigenbild a:focus, .anzeigenbild a:active {
	padding-left:0px;
	background-image:none;
}
.anzeigenhalter a:link, .anzeigenhalter a:visited, .anzeigenhalter a:hover, .anzeigenhalter a:focus, .anzeigenhalter a:active {
	padding-left:0px;
	background-image:none;
}
#rightbox .infobox a, #rightbox .infobox a:visited, #rightbox .infobox a:active {
	font-style:normal;
	padding-left:0px;
	background-image:none;
	text-decoration:none;
	color:#555;
}
#rightbox .infobox a:hover {
	color:#777;
}
.copyline a:link, .copyline a:visited, .copyline a:hover, .copyline a:focus, .copyline a:active {
	padding-left:0px;
	background-image:none;
	font-weight: normal;
	color:#FFF;
}
.copyline a:hover, .copyline a:focus, .copyline a:active {
	color:#008DDA;
}
.download a:link, .download a:visited, .download a:hover, .download a:focus, .download a:active {
	padding-left:20px;
	background-image:url(../images/icon_pdf.gif);
	background-position:left;
	background-repeat:no-repeat;
	display:block;
	height:20px;
}


/* //////////////////////////////////////////HAUPTSTRUKTUR////////////////////////////////////////// */

* { 
 margin:0px; 
 padding:0px;
 }

html, body{ 
    height:100%;
}

body{	
	background-color:#B5C500;
	background-image:url(../images/bg_03.gif);
	background-repeat:no-repeat;/**/
	/*text-align:center;  mittig f�r IE */
}
.maintable { 
    width:1000px;
    height:100%;
	position:relative;
	top:0px;
	left:0px;
    /*margin:0px auto;  mittig modern 
	background-color:#CC3300;*/
} 
.haupttd { 
    width:980px;
    vertical-align:top;
    text-align:left;
	border:0px solid red;
	/*background-attachment:fixed;
	background-color:#FFF; */
} 
.copytd { 
    width:980px;
    height:20px;
    /*background-color:#FFF;*/
    vertical-align:bottom;
    text-align:left;
	border:0px solid #FFF;
}
.top{
    width:980px;
	height:180px;
	padding:0px;
	margin:40px 0px 0px 0px;
	border:0px solid #EA0000;
	/*background-color:#FF6633;*/
}
li a.top{
    width:auto;
}
.naviholder {
    width:180px;
	height:180px;
	margin-right:10px;
	margin-bottom:-1px;
	float:left;
	position:relative;
	/*background-color:#FF6633;*/
}
#firstnaviholder {
    width:220px;
}
#lastnaviholder{
    margin-right:0px;
}
.navi{
    width:165px;
	background-color:#FFF;
	padding-top:0px;
	margin-top:0px;
	padding-left:15px;
}
.content {
	width:940px;
	padding:0px;
	margin-top:10px;
	margin-left:40px;
	/*background-color:#33CCCC;*/
}
.infoboxholder {
	width:180px;
	padding:0px;
	float:left;
}
.infobox {
	width:150px;
	padding:0px 15px;
	margin:0px;
	background-color:#F0F3D0;
}
.infobox .titel {
    background-color:#F0F3D0;
}
.borderline {
	border-bottom:1px dotted #888;
	padding:3px 0px;
}
div.infobox ul li {
	display: inline;
}
.noborder {
	border-bottom:0px dotted #888;
}
#leftbox {
	margin-right:10px;
}
#rightbox {
	margin-left:10px;
}
.mainboxholder {
	width:560px;
	padding:0px;
	margin-bottom: 10px;
	float:left;
}
.mainbox {
	width:530px;
	margin: 0px;
	padding:0px 15px;
	background-color:#FFF;
}
.copyline {
	font-size:12px;
	text-align:right;
	height:20px;
	width:980px;
	padding:0px 0px 0px 0px;
	color:#FFF;
	position:absolute;
	top:20px;
	left:0px;
}

/* //////////////////////////////////////////ZUSATZFORMATIERUNGEN////////////////////////////////////////// */
.floatright {
    float:right; 
	margin-left:15px;
}
.floatleft {
    float:left; 
	margin-right:15px;
}
.floatright, .floatleft {
    width:40%; /* 40% von 530px (seitenbreite) = 212px! */
	margin-top:15px;
}
.floatright h3, .floatleft h3 {
    font-size:90%;
}
.piclink {
	padding-left:0px;
	background-image:none;
	display:block;
	margin-top:0px;
}
.infobox .piclink {
	margin-top:5px;
}
.gruen {
	color:#B5C500;
}
.blau {
	color:#008DDA;
}
.grossbuchstaben {
	text-transform:uppercase;
}
.clearBoth {
	clear:both;
	height:1px;
	margin-top:-1px;
}
.anzeige {
	margin-top:10px;
	height:205px;
}
.anzeigenbild {
    width:150px;
	height:130px;
	padding:0px;
	margin-top:1px;
	background-color:#FFF;
}
.anzeigenlink {
	height:13px;
	padding-top:2px;
	padding-left:15px;
	background-color:#FFF;
}
.adquer{
	height:130px;
	padding-top:4px;
}
.spinitTeam{
	width:150px;
	height:132px;
	margin:-200px 0px 35px 40px;
	padding:30px 15px 15px 15px;
	position:relative;
	/*background-color:#B5C500;
    filter:alpha(50%); 
	opacity:.50;*/
}
.spinitAuswahl{
	width:150px;
	height:132px;
	margin:-200px 0px 35px 270px;
	padding:30px 15px 15px 15px;
	position:relative;
	/*background-color:#B5C500;
    filter:alpha(50%); 
	opacity:.50;*/
}
.spinitAuswahl p, .spinitTeam p {
	font-style:normal;
	font-size:12px;
	line-height:120%;
	font-family:"Courier New", Courier, mono;
	color:#000;
}
.spinitAuswahl form{
	padding-top:15px;
}
.spinitliste td {
	font-style:normal;
	font-size:11px;
	line-height:150%;
	padding:5px 6px;
	vertical-align:top;
	border-bottom:1px solid #CCC;
}
.tablehead td{
	background-color:#E1E2E3;
	padding:5px 6px;
	border-right:2px solid #FFF;
	border-bottom:0px;
}
.tablehead h3{
	margin-bottom:0px;
	color:#555;
}
#tableheadAktiv{
	background-color:#008DDA;
	color:#FFF;
}
#tableheadAktiv h3{
	color:#FFF;
}
.aktivTD{
	background-color:#E5F3FB;
	border-right:2px solid #FFF;
}
.bild {
	margin:-20px 0px 0px 0px;
}
.bild2 {
	margin:0px 0px 20px 0px;
}
.noMargin {
	margin:0px;
}
.bottom {
    padding-bottom:10px;
}
#footnote {
	padding-top:50px;
	padding-bottom:0px;
}
.abstandshalter{
	padding:10px 0px;
	margin:0px;
	background-color:#F0F3D0;
	text-align:center;
}
#abstand{
    width:100%;
	height:10px;
	padding:0px;
	margin:0px;
	background-color:#DBE285;
}
#projekt{
    background-image:url(../images/titel_projekt_gr.gif);
}
#projektAktiv{
    background-image:url(../images/titel_projekt.gif);
}
#girls{
    background-image:url(../images/titel_girls_gr.gif);
}
#girlsAktiv{
    background-image:url(../images/titel_girls.gif);
}
#vereine{
    background-image:url(../images/titel_vereine_gr.gif);
}
#vereineAktiv{
    background-image:url(../images/titel_vereine.gif);
}
#aktionen{
    background-image:url(../images/titel_aktionen_gr.gif);
}
#aktionenAktiv{
    background-image:url(../images/titel_aktionen.gif);
}
#kontakt{
    background-image:url(../images/titel_kontakt_gr.gif);
}
#kontaktAktiv{
    background-image:url(../images/titel_kontakt.gif);
}
#galerie{
    background-image:url(../images/titel_galerie_gr.gif);
}
#galerieAktiv{
    background-image:url(../images/titel_galerie.gif);
}
#infotafel{
    background-image:url(../images/titel_infotafel_gr.gif);
}
#steckbrief{
    background-image:url(../images/titel_steckbrief_gr.gif);
}
#interview{
    background-image:url(../images/titel_interview_gr.gif);
}
#team{
    background-image:url(../images/titel_team_gr.gif);
}
#infoclip{
    background-image:url(../images/titel_clip_gr.gif);
}
#downloads{
    background-image:url(../images/titel_downloads_gr.gif);
}
#aktuelles{
    background-image:url(../images/titel_aktuelles_gr.gif);
}
#adVereine{
    background-image:url(../images/titel_ad_vereine_gr.gif);
}
#spinitDU{
    background-image:url(../images/titel_spinit_du.gif);
}
#spinitOB{
    background-image:url(../images/titel_spinit_ob.gif);
}
#spinitE{
    background-image:url(../images/titel_spinit_e.gif);
}
#spinitGE{
    background-image:url(../images/titel_spinit_ge.gif);
}
#Vereinsvorteile{
    background-image:url(../images/titel_vereinsvorteile.gif);
}
.titel{
    height:21px;
	background-color:#FFF;
	background-position:left;
	background-repeat:no-repeat;
	padding-bottom:5px;
	margin-left:1px;
	margin-top:-2px;
}
.navi .titel{
    height:21px;
	width:150px;
}
#eckenrundNaviOben{
    background-image:url(../images/ecken_navi_oben.gif);
}
#eckenrundNaviUnten{
    background-image:url(../images/ecken_navi_unten.gif);
}
#eckenrundInfoboxOben{
    background-image:url(../images/ecken_infobox_oben.gif);
}
#eckenrundInfoboxUnten{
    background-image:url(../images/ecken_infobox_unten.gif);
}
#eckenrundMainboxOben{
    background-image:url(../images/ecken_mainbox_oben.gif);
}
#eckenrundMainboxUnten{
    background-image:url(../images/ecken_mainbox_unten.gif);
}
.eckenrund{
	width:100%;
	height:15px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
}
.hiddenbox {
   display: none;
   margin-bottom:45px;
}
.hide { 
   display: none;
}
.show { 
   display: block;
}

.main {
	margin-left: 0px;
	padding-left: 0px;
}

/* GALERIE */


.vorschau {
	padding-left:0px;
	background-image:none;
	margin-top:5px;
	display:block;
}
.vorschau:hover {
	background-image:none;
}

.border {
	border-width: 1px;
	border-style: solid; 
	border-color: silver;
	padding: 5px;
}

.border:hover {
	border-color: grey;
}

.imgcontainer {
	float: left;
	text-align: center;
	width: 33%;
}

.mainbox li {
	margin-left: 15px;
}