/** 
 * Kreisfachverband Badminton Emsland
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */

img{border:none; margin: 0; padding: 0}
p{border: none; margin:0; padding:0}

body {
font-size: 12px;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
margin:0;
padding:0;
background-image: url(../images/bg.gif); background-repeat: repeat-x;
}


.hintSonderzeichen{
	position: absolute;
	width: 100px;
	margin-top: 2px;
	margin-left: 5px;
	background-color: white;
	display: none;
	z-index: 5;
}

#ueberschrift{
	position: relative;
	font-family: 'SFDiegoSansRegular';
	color: #006bb3; 
	font-size: 30px; 
	margin: 10px 0 10px 6px;
	width: 700px; 
	float: left;
}

#container{
	position: relative;
	margin: auto;
	width: 1002px;
}

#page{
position: relative;
background-image: url("../images/background.gif");
width: 1002px;
min-height: 600px;
height: auto;
float:left;
border: 1px solid #333;
-moz-box-shadow: 0px 0px 20px 10px #666; 
-webkit-box-shadow: 0px 0px 20px 10px #666;
box-shadow: 0px 0px 20px 10px #666;
}

#head{
position: relative;
float:left;
width: 1002px;
height: 117px;
}



#breadcrumbs{
	position: relative;
	margin-top: 15px;
	margin-left: 7px;
	margin-bottom: 10px;
	font-size: 10px;
}

/* Content
-------------------------------------------- */
#content{
position: relative;
float: left;
width: 797px;
top: 0px;
left: -23px;
}

.content-oben{
position:relative;
background-image:url('../images/grRahmen-oben.gif');
width: 797px;
height:13px;
z-index: 3;
float: left;
}

.content-inhalt{
position: relative;
width: 777px;
padding-left: 10px;
padding-right: 10px;
float: left;
}

.content-mitte{
position:relative;
background-image:url('../images/grRahmen-mitte.gif');
background-repeat: repeat;
width: 797px;
height: auto;
z-index: 3;
float: left;
}

.content-unten{
position: relative;
background-image:url('../images/grRahmen-unten.gif');
width: 797px;
height: 15px;
z-index: 3;
float: left;
}

/* Navigation left side 
-------------------------------------------- */

#navi{
position: relative;
float: left;
width: 186px;

}

#navi-head{
position: relative;
background-image:url('../images/kfvb-navileiste.gif');
width: 186px;
height: 82px;
background-repeat: no-repeat;
}

#navi-leiste{
position:relative;
background-color: #006bb3;
width: 124px;
}

#navi-menu{
position: relative;
width: 100px;
height: 500px;
top: -36px;
left: 25px;
line-height: 10px;
}


.menu-termine{
	color: black;
	font-family: "Arial";
	font-size: 12px;
	font-weight: bold;
	z-index: 5;
}

#menu-monat{
	position: absolute;
	width: 75px;
	height: 220px;
	margin-top: 110px;
	margin-left: 10px;
	background-color: white;
	display: none;
	z-index: 5;
}

#menu-monat a{
	margin-top: 10px;
	margin-left: 5px;
	color: black;
	font-family: "Arial";
	font-size: 12px;
}

#menu-events{
	position: absolute;
	width: 150px;
	height: 170px;
	margin-top: 2px;
	background-color: white;
	display: none;
	z-index: 5;
}

#menu-events a{
	margin-top: 5px;
	margin-left: 5px;
	color: black;
	font-family: "Arial";
	font-size: 12px;
}

#menu-search{
	position: relative; 
	margin-top: 10px; 
	float: left;
}

	#menu-search .input_search{
		width: 85px;
	}


.line-orange{
	position: relative; 
	height: 2px; 
	border-top:1px solid #ff9900; 
	padding-left:96%; 
	line-height:2px; 
	margin-top: 12px;
	float: left;
}

.line-white{
	position: relative; 
	height: 2px; 
	border-top:1px solid #ffffff; 
	padding-left:96%; 
	line-height:2px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px; 
	float: left;
}


/* Startseite 
-------------------------------------------- */

.termine{
	position: relative;
	height: 25px;
	margin-top: 40px;
	margin-right: 10px;
	float: right;
}

#trainingszeiten{
	float: right; 
	margin-right: 50px; 
	margin-top: 8px;
	margin-bottom: 20px; 
}

.tabelle{
	position: relative;
	width: 350px;
	margin-left: 20px;
	float: left;
	line-height: 17px;
}

table.startseite td{
	padding: 5px 3px 5px 5px;
}

.content-links{
position: relative;
width: 287px;
top: 0px;
left: -18px;
float: left;
}

.content-links-head{
	position: relative;
	width: 160px;
	height: 40px;
	margin-top: 20px;
	float:left;
}

.icoon-rss{
	width: 60px;
	margin-top: 42px;
	margin-left: 5px;
	z-index: 10;
	float: left;
}

.content-links-oben{
position:relative;
background-image:url('../images/content-links-oben.gif');
width: 287px;
height:20px;
z-index: 3;
float:left;
}

.content-links-inhalt{
position: relative;
padding-left: 3px;
padding-right: 10px;
}

.content-links-mitte{
position:relative;
background-image:url('../images/content-links-mitte.gif');
background-repeat: repeat;
width: 287px;
height: auto;
z-index: 3;
float:left;
}

.content-links-unten{
position: relative;
background-image:url('../images/content-links-unten.gif');
width: 287px;
height: 19px;
z-index: 3;
float:left;
}

.content-rechts{
position: relative;
width: 478px;
top: 0px;
left: 12px;
float: left;
}

.content-rechts-head{
	position: relative;
	width: 115px;
	height: 40px;
	margin-top: 20px;
	float:left;
}

.content-rechts-oben{
position:relative;
background-image:url('../images/content-rechts-oben.gif');
width: 478px;
height:20px;
z-index: 3;
float:left;
}

.content-rechts-termine{
	position: relative;
	padding-left: 3px;
	padding-right: 10px;
}

.content-rechts-mitte{
position:relative;
background-image:url('../images/content-rechts-mitte.gif');
background-repeat: repeat;
width: 478px;
height: auto;
z-index: 3;
float: left;
}

.content-rechts-unten{
position: relative;
background-image:url('../images/content-rechts-unten.gif');
width: 478px;
height: 19px;
z-index: 3;
float: left;
}

#hiddendiv-trainingszeiten{
position: absolute;	
  display: none;
  width: 300px;
  top: 100px;
  left: 0;
  background-color: white;
  z-index: 50;
  padding: 10px 10px 10px 10px;
  -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
  -moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
  box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
}

#hiddendiv-trainingszeiten input{
	width: 250px;
	background-color: transparent;
	border: 0;
	font-size: 12px;
}

#hiddendiv-termine{
position: absolute;	
  display: none;
  width: 370px;
  top: 0px;
  left: 0;
  background-color: white;
  z-index: 1000;
  padding: 10px 10px 10px 10px;
  -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
  -moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
  box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
}

#hiddendiv-termine input{
	width: 100%;
	background-color: transparent;
	border: 0;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

.trainingszeiten_close{
	position: absolute;
	background-image: url(/images/btn_close.png);
	width: 30px;
	height: 30px;
	z-index: 100;
	top: -10px;
	left: 304px;
}

a.trainingszeiten_close:hover{
	background-image: url(/images/btn_close-over.png);
}

.termine_close{
	position: absolute;
	background-image: url(/images/btn_close.png);
	width: 30px;
	height: 30px;
	z-index: 100;
	top: -10px;
	left: 375px;
}

a.termine_close:hover{
	background-image: url(/images/btn_close-over.png);
}

/* Doppelpartnersuche 
-------------------------------------------- */
.contentbox{
	position: relative;
	width: 250px;
	margin: 0 8px 0 8px;
	float: left;
}

.contentbox-oben{
position:relative;
background-image:url('../images/klRahmen-oben.gif');
width: 250px;
height:12px;
z-index: 3;
float: left;
}

.contentbox-inhalt{
position: relative;
width: 230px;
min-height: 225px;
padding-left: 10px;
padding-right: 10px;
float: left;
}

.contentbox-mitte{
position:relative;
background-image:url('../images/klRahmen-mitte.gif');
background-repeat: repeat;
width: 250px;
height: auto;
z-index: 3;
float: left;
}

.contentbox-unten{
position: relative;
background-image:url('../images/klRahmen-unten.gif');
width: 250px;
height: 12px;
z-index: 3;
float: left;
}

.contentboxGr{
	position: relative;
	width: 525px;
	margin-left: 8px;
	float: left;
}

.contentboxGr-oben{
position:relative;
background-image:url('../images/Rahmen525-oben.gif');
width: 525px;
height:12px;
z-index: 3;
float: left;
}

.contentboxGr-inhalt{
position: relative;
width: 505px;
min-height: 240px;
padding-left: 10px;
padding-right: 10px;
z-index: 10;
float: left;
}

.contentboxGr-mitte{
position:relative;
background-image:url('../images/Rahmen525-mitte.gif');
background-repeat: repeat;
width: 525px;
height: auto;
z-index: 3;
float: left;
}

.contentboxGr-unten{
position: relative;
background-image:url('../images/Rahmen525-unten.gif');
width: 525px;
height: 12px;
z-index: 3;
float: left;
}

#antwortformular{
	position: absolute;
	width: 500px;
	height: 375px;
	background-color: #e4e4ff;
	display: none;
	z-index: 100;
	top: 560px;
	left: 250px;
}

.antwortformular_close{
	position: absolute;
	background-image: url(/images/btn_close.png);
	width: 30px;
	height: 30px;
	z-index: 100;
	top: -10px;
	left: 482px;
}

a.antwortformular_close:hover{
	background-image: url(/images/btn_close-over.png);
}

#vergessenformular{
	position: absolute;
	width: 500px;
	height: 190px;
	background-color: #e4e4ff;
	display: none;
	z-index: 100;
	top: 190px;
	left: 250px;
}

#popup-info{
	position: absolute;
	width: 500px;
	min-height: 100px;
	background-color: #e4e4ff;
	display: none;
	z-index: 100;
	top: 280px;
	left: 250px;
}

#hint_doppelpartnersuche{
	position: absolute;
	display: none;
	width: 700px;
	background-color: #e4e4ff;
	z-index: 100;
	top: 230px;
	left: 205px;
}

#hint_faq{
	position: absolute;
	display: none;
	width: 700px;
	background-color: #e4e4ff;
	z-index: 100;
	top: 280px;
	left: 205px;
}

#hint_datenschutz{
	position: absolute;
	display: none;
	width: 700px;
	background-color: #e4e4ff;
	z-index: 100;
	top: 200px;
	left: 205px;
}

#btn_doppelpartnersuche{
	position: absolute;
	width: 115px;
	height: 114px;
	top: 116px;
	left: 650px;
	z-index: 10;
}

#form_login .submit{
	float:left;
	width: 153px;
	height: 26px;
	background-image: url("/images/btn_einloggen.jpg");
	text-indent: -9999px;
	border: 0px none;
    cursor: pointer;
    font-size: 0;
	display:block;
	line-height: 0;
}

#form_login .space{
	height: 39px;
	display: block;
}

#btn_doppelpartnersuche img{
	border: 0;
}

/* Presse Page 
-------------------------------------------- */
.hiddendiv{
	display: none;
	width: 625px;
	margin-left: 124px;
}


/* Hobbyliga Page 
-------------------------------------------- */
#hiddendiv{
	display: none;
	width: 625px;
	margin-left: 23px;
}

#hiddendiv-hobby1 {
  display: none;
  width: 625px;
  margin-left: 0px;
}

#hiddendiv-hobby2 {
  display: none;
  width: 625px;
  margin-left: 0px;
}

#hiddendiv-hobby3 {
  display: none;
  width: 625px;
  margin-left: 0px;
}

/* Senioren Ergebnisse Page 
-------------------------------------------- */
#hiddendiv-ergebnisse {
  display: none;
  width: 100px;
  margin-left: 10px;
}

#hiddendiv-ergebnisse2 {
  display: none;
  width: 100px;
  margin-left: 10px;
}



#menuIframe{
        	position: relative;
        	width: 789px;
        	height:37px;
        	margin-left: 6px;
        }
        
        #menuIframe .panelText{
        	margin-top: 15px;
        	text-align: center;
        }
        
        #menuIframe .panelText a{
        	color: black;
        	text-decoration: none;
        }
        
        #menuIframe #panel1{
        	position: relative;
        	width: 198px;
        	height: 37px;
        	float:left;
        	background: url(/images/panels1.png) no-repeat;
        }
        
        #menuIframe #panel2{
        	position: relative;
        	width: 198px;
        	height: 37px;
        	float:left;
        	background: url(/images/panels1.png) no-repeat;
        }
        
        #menuIframe #panel3{
        	position: relative;
        	width: 198px;
        	height: 37px;
        	float:left;
        	background: url(/images/panels1.png) no-repeat;
        }
        
        
        
#outerDiv{
width:788px;
height:230px;
overflow:hidden;
position:absolute;
left:6px;
z-index: 100;
background-image: url('images/blank.gif');
background-repeat: repeat;
}

#outerDivIframe
{
width:788px;
height:230px;
overflow:hidden;
position:relative;
margin-left: 6px;
z-index: 1;
}

#innerIframe
{
position:absolute;
top: -325px;
left: -2px;
width: 1200px;
height: 1200px;
z-index: 0;
}

#quelleIframe{
	position: relative;
	margin-left: 15px;
	margin-top: 5px;
	font-size: 10px;
}


/*VORSTAND*/

.vorstandsmitglieder{
	margin: 10px 0px 10px 19px; 
	float:left;
}
