/* anfügen css für clientspezifische Inhalte */
@import url("region-inhalte.css");
/**
 * @package freizeitclub.de, test freizeit-club.de
 * @category freizeit-club
 * @author su <info@dtp-stuttgart.de>
 * @copyright 2010
 */


html { height:100%; margin:0px;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 1em;
	background-color:#EDE8DF;
	margin:0;
	height:100%;
	padding:0;
}
img {border: 0px;}
div.clr {
	width: 100%;
	display:block;
	clear:both;
	height:0px;
}

table { /*border-spacing: 0px; border-collapse: collapse; position:relative;*/}


/******************** page header **********************/

div#header {
	width:1080px;
	margin:0 auto 0 auto;
	display:block;
	position:relative;
	padding:28px 0 0 0;
	background: /*#996666*/ url(pics/bg-header.jpg) no-repeat center top;
	height:72px;
	}
	
div#header div#klub {
	padding:28px 0 0 76px;
	width:440px;
	font-weight:bold;
	float:left;
	/*background-color:#00CCCC;*/
	font-size: 28px;
	line-height: 28px;
	position:relative;
	text-align:left;
	
}

	div#header div#slogan{
	font-family:MyFontNormal;
	font-size:48px;
	color:#8cc63f;
	line-height:36px;
	padding:24px 76px 0 0;
	float:right;
	background: /*#CCCC00*/ url(pics/bg-reinschnuppern.gif) no-repeat left bottom;
	width:420px;
	text-align:right;
	}
	
div#logo table {margin-left:28px;}
td#logoImg img {}
td#logo td#logoShadowBottom, td#logo td#logoShadowRight, td#logo td#logoShadowCorner {
	display:none;
}
	
/* #header table { margin:0 auto; position:relative; }
#header td {
	text-align: left;
}*/

/* ---- logo bis 20.4.2010 
#header td#logo {
	width:208px; height:40px;display:block; text-align:right; vertical-align:top; }

#logo td#logoImg {padding:0; margin:0; position:relative;width:1px;z-index:1; }
td#logoImg img {position:absolute; margin:0 auto 0 0px; z-index:1;}
*/

/* ---- klub bis 20.4.2010
#header td#klub {
	font-size: 18px;
	line-height: 24px;
	padding:28px 0 0 0px;
	width:354px;
	font-weight:bold;
}
*/

/* ---- slogan bis 20.4.2010 
	#header td#slogan{
	font-family:MyFontNormal;
	font-size:48px;
	color:#8cc63f;
	line-height:36px;
	padding:28px 28px 0 0;
	text-align:right;
	width:390px;
	} */

/* übrige table-elemente aus Logoschatten, die über cms generiert werden */
td#logo td#logoShadowBottom, td#logo td#logoShadowRight, td#logo td#logoShadowCorner {
	display:none;
	height: 0px;
}


/*#pagewrap div {position:relative;} ++++++++++++++  fehler!!!! */

/*gleiche breiten innerhalb div#page */

div#pagewrap {width: 1080px; margin:0 auto 0 auto; background: url(pics/bg-pagewrap.jpg) repeat-y top center; text-align:left;}


/******************** #page table.content **********************/

div#pagewrap table#page { /*background-color:#99CC66;*/
width:982px; display:block; border-collapse:collapse; border-spacing:0; border:0; position:relative; margin: 0 0 0 50px;
}


/******************* Navigation #menu in table.content #leftbox */
#page td {
	text-align: left;
	vertical-align: top;
}

#page td#menubox {
	padding:0; 
	width:208px;
}

#page td#menubox #menu {width:180px; /* aufheben Vorformatierung */padding:0px; margin:10px 0 0 28px;
}
#page #menu a {
	color: #666;
	text-decoration: none;
	display:block;
	font-size:12px;
	float:left;
	background:url(pics/btn-menu.png) no-repeat 0px 6px;
	position:relative;
	width:160px;
	padding:0 0 0 20px;
	line-height:24px;
	margin:0 0;
	clear:both;
}
#page #menu a:hover {
	color:#000;
	background-position:1px 6px;

}

div.menu-btn, div.menu-btn-shadow {display:none; width:0px; height:0px;}

/* Inhalt #content in table.content */
#page td#content {
	margin:0;
	font-size: 12px;
	width:744px;
	padding:0 20px 0 0;
	position:relative;
}


/* Inhaltsblock = content */
#page #content #contentwrap {
	position:relative;
	width:744px;
    padding:0;
}
/* gleiche Breiten */
#content p, content h1, content h3 {width:520px;}
#content p { color:#666; line-height:18px; margin:0 0px 18px 0px;}
#content p.border {border-bottom:1px dashed #ccc; padding-bottom:24px;}
#content p strong {color:#000;}
#content div.pad p strong {/*color:#fff;*/ color:#333;}
#content div.pad, #content form div.pad {
	display:block;
	background: url(pics/bg-pad.png) no-repeat bottom right;
	padding: 16px 0 30px 0;
	line-height:20px;
	color:#333;
}
#content div.pad img {position:relative; top:-16px;}
#contentwrap div.pad p, #contentwrap div.pad h3, #contentwrap div.pad h1 {/*color:#fff;*/ color:#333; width:520px; padding: 0 20px; margin:0 0 16px 0; }
#contentwrap div.pad h1 {padding: 0 20px 0 0px;color:#fff;}
#content div.pad p {letter-spacing: 0.02ex; /*font-size:14px;*/ line-height:21px; }
#content div.pad h1.btn {font-size:16px; letter-spacing: 0.03ex; margin:-38px 0 18px 0; background: url(pics/btn-h1.png) no-repeat; height:45px; line-height:40px; padding-left:60px; position:relative;}


#content h1 {
	font-size:20px;
	line-height:24px;
	font-weight: normal;
	margin: 12px 0;
	padding:0;
	letter-spacing: 0.03ex;
	color: #EB7601;
	position:relative;
	}

#content h1.topline {font-size:14px; height:46px; background:url(pics/btn-balken-front.png) no-repeat left top;line-height:32px; color:#fff; margin:-28px 0 12px -5px; z-index:100; width:492px; }
#content div.pad h1.topline { margin:-20px 0 12px -5px; z-index:100; width:492px; }

#content h1.topline strong {float:left; /*font-weight:normal;*/ background:url(pics/btn-balken.png) no-repeat right top; height:46px; padding-right:28px; padding-left:2px; margin:0 0 0 20px;}

#content h3 {
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin:0px 0px 9px 0px;
	padding: 0px;
}

#content h4 {
	font-family:MyFontSmart;
	font-size:36px;
	color:#000;
	margin:24px 0px 18px 40px;
	padding: 0px; line-height:28px;
}

#content div.pad h3 {width:520px;}
#content div.pad h4 {color:#fff; color:#333;}


#content h6 {line-height:18px; color:#000; padding:0 0 0 20px ; background:url(pics/bg-h6.png) no-repeat 0 4px; font-size: 14px; font-weight:bold; margin:0 0 4px 0;}

/* Bildgalerie */
#page #contentwrap div#rightbox {position:absolute;top:0;right:0; margin:16px 20px 0 0;}
#page div.borderpic-frame {margin-bottom:10px;}


/* Fußzeile "footer" Der footer befindet sich außerhalb #page */

div#footer { /* bg-angabe bei #pagewrap  background:url(pics/bg-pagewrap.png) repeat-y top left; */
/*width: 1080px; margin:0 auto 0 auto;background-color:#993366; */ height:177px; display:block; position:relative; padding:0 0 0 76px;
}

#footerpic {
	width:922px;
	height:177px;
	background: url(pics/bg-page.gif) repeat-x left bottom;
	display:block;
	margin:0 76px 0 auto;
	position:absolute; z-index:400;
}

#footerpic div#yes { width: 380px; height:177px; background: /*#FF6666*/ url(pics/bg-content.png) no-repeat left top; margin:0 -32px 0 0 ; float:right; position:relative; }

div#addinfo {
width: 1080px; margin:0 auto 0 auto; 
line-height: 18px;	font-size:12px; margin: 0 auto 0 auto; color:#666; position:relative; background: #EDE8DF  url(pics/bg-footer.jpg) no-repeat top center; min-height: 60px; display:block; padding-top:30px;}

#addinfo p {
	padding: 0 80px;
	text-align: justify;
}
#addinfo a {
	text-decoration:none;
	color:#666;
}