@charset "UTF-8";
/* CSS Document */

/* -------------------- *//* -------------------- *//* -------------------- *//* -------------------- *//* -------------------- */
/* -------------------- *//* -------------------- *//* ----- ALLGEMEIN----- *//* -------------------- *//* -------------------- */
/* -------------------- *//* -------------------- *//* -------------------- *//* -------------------- *//* -------------------- */
/* ###### Firefox Scrollbalken ##### */
html { height: 100%; margin-bottom: 0.1px;}

body {
	margin: 0; 
	margin-bottom: 30px;
	padding: 0;
	text-align: center; 
	color: #005580;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	background-color: #FFFFFF;
}
div, a, table, td, ul, li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding: 0;
	margin: 0;
	color: #005580;
	text-decoration: none;
	text-align: left;
}
a img { border: 0; }
p {
	margin: 0 0 10px 0;
}
.blau { color: #005580; }
.gold { color: #876E42; }
.gelb { color: #FFFABE; }
.nodisplay { display: none; }
.newstrenner { display: block; border-top: 1px dotted #005580; margin: 10px 0; clear: both; }
.bildstopper { display: block; padding: 0; clear: both; height: 1px; font-size: 1px; line-height: 1px; }


/* ########################################### */
/* LAYOUT */

#container, #pcontainer {
	position: relative;
	top: 0;
	margin: 0 auto 20px;
	text-align: left;
	width: 900px; height: auto;
}
#pcontainer {
	width: 400px;
}
#plogo { height: 164px; }
#plogo a { margin: 0; padding: 20px 0 0 20px; display: block; }
#plogo a img { border: 0; }
#pcontainer #navigation { width: 400px !important; }
#pcontainer #content { width: 400px !important; }
#pcontainer .trenner10 { width: 400px !important; }
#pcontainer #pcol1 h2 {
	margin: 0; padding: 10px 0 15px;
	
	font-size: 19px;
	line-height: 21px;
}
#pcontainer #pcol1 .col1wrap {
	position: relative;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin: 0; padding: 0 20px 20px;
}

#header {
	position: relative;
	width: 900px; height: 164px;
	margin-bottom: 5px;
}
#header #logo {
	position: absolute;
	width: 157px; height: 125px;
	left: 20px; top: 20px;
	z-index: 10;
}
#header #logo a { margin: 0; padding: 0; }
#header #logo a img { border: 0; }
#header #franchisesystemvon {
	position: absolute;
	width: 612px; height: 143px;
	left: 210px; top: 0;
	z-index: 1;
}
#header #franchisesystem {
	position: absolute;
	width: 142px; height: 42px;
	right: 175px; top: 30px;
	z-index: 1;
}
#header #logo10scouts {
	position: absolute;
	width: 138px; height: 44px;
	right: 20px; top: 30px;
	z-index: 2;
}
#header #logo10scouts a { margin: 0; padding: 0; }
#header #logo10scouts a img { border: 0; }

#nav-head {
	position: absolute;
	width: 505px; height: 26px;
	right: 0px; bottom: 0px;
	z-index: 3;
	
	text-align: right;
	
	background-image:url(../img/top-goldverlauf.gif);
	background-repeat:no-repeat;
	background-position:right bottom;	
}
#nav-head div { 
	height: 26px;
	padding-right: 20px;
	
	font-size: 14px;
	line-height: 26px;
	text-align: right;
	color: #f2ebdf;
	cursor: default;
}
#nav-head a,
#nav-head a:link,
#nav-head a:hover,
#nav-head a:active,
#nav-head a:visited {
	height: 26px;
	font-size: 13px;
	line-height: 26px;
	color: #f2ebdf;
	text-decoration: none;
}
#nav-head a:hover, #nav-head a.aktiv { color: #fff; }

#navigation {
	position: relative;
	width: 900px; height: 38px;
	margin-bottom: 5px;
	
	font-size: 19px;
	line-height: 38px;
	text-align: center;
	color: #e5eff5;
	cursor: default;
	
	background-image:url(../img/nav-bg-blau.gif);
	background-repeat:repeat-x;
	background-position:left top;
}
#navigation a,
#navigation a:link,
#navigation a:hover,
#navigation a:active,
#navigation a:visited {
	height: 38px;
	padding: 0 20px;
	
	font-size: 19px;
	line-height: 38px;
	color: #e5eff5;
	text-decoration: none;
}
#navigation a:hover, #navigation a.aktiv { color: #fff; }













#content {
	position: relative;
	width: 900px; height: auto;
}
#content .trenner10, #content .trenner01 {
	width: 900px; height: 30px;
	margin-bottom: 15px;
	
	font-size: 1px;
	line-height: 1px;
	
	background-image:url(../img/bg-stripe-10.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#content .trenner01 {
	margin-top: 20px;
	margin-bottom: 5px;
	
	background-image:url(../img/bg-stripe-01.gif);
}

#content .headline {
	text-align: center;
}
#content .headline h1 {
	padding: 0; margin: 0;

	font-size: 28px;
	line-height: 32px;
}
#content .headline h1 span { color: #876E42; }
#content #vorteile h1 { display: none; }
#content #vorteile {
	position: relative;
	height: 223px;
	
	background-image:url(../img/bg-vorteile.gif);
	background-repeat:no-repeat;
	background-position: center center;
}
#content #vorteile .vorteil1 {
	position: absolute;
	left: 44px; bottom: 108px;
	z-index: 1;
	
	text-align: left;
	color: #876E42;
	font-size: 27px;
	line-height: 32px;
	text-transform:uppercase;
}
#content #vorteile .vorteil2 {
	position: absolute;
	right: 44px; top: 32px;
	z-index: 2;
	
	text-align: right;
	color: #876E42;
	font-size: 27px;
	line-height: 32px;
	text-transform:uppercase;
}
#content #vorteile .vorteil3 {
	position: absolute;
	width: 900px;
	left: 0; bottom: 1px;
	z-index: 3;
	
	text-align: center;
	color: #fff;
	font-size: 27px;
	line-height: 51px;
}
#content #vorteile b { color: #005580; }
#content #vorteile .vorteil3 b { color: #fff; font-weight: normal; }













#content .contenttable {
	position: relative;
}
#content .contenttable td.col1,
#pcontainer #pcol1 {
	position: relative;
	width: 560px;
	margin: 0; padding: 0;
	
	background-color: #f6f6f6;
	background-image:url(../img/bg-grauverlauf.gif);
	background-repeat:repeat-x;
	background-position: left top;
}
#pcontainer #pcol1 { width: 400px !important; }
#content .contenttable td.col2 {
	position: relative;
	
	background-color: #BD9A5D;
	background-image:url(../img/bg-goldverlauf.gif);
	background-repeat:repeat-x;
	background-position: left top;
}
#content .contenttable .col1wrap, #content .contenttable .col2wrap {
	position: relative;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	margin: 0 20px 20px; padding: 0;
}
#blog #content .contenttable .col1wrap,
#testimonial #content .contenttable .col1wrap,
#franchise #content .contenttable .col1wrap {
	font-size: 12px;
	line-height: 18px;
}
#blog #content .contenttable .col1wrap b,
#testimonial #content .contenttable .col1wrap b,
#franchise #content .contenttable .col1wrap b {
	font-size: 12px;
	line-height: 18px;
	color: #9add03;
}
#blog #content .contenttable .col2wrap,
#kontakt #content .contenttable .col2wrap,
#bewerbung #content .contenttable .col2wrap,
#testimonial #content .contenttable .col2wrap,
#franchise #content .contenttable .col2wrap,
#impressum #content .contenttable .col2wrap {
	background-image:url(../img/bg-gold-indianer.gif);
	background-repeat:no-repeat;
	background-position: center center;
}
#franchise #content .contenttable .col2wrap {
	background-position: center bottom;
}
#content .contenttable .col1wrap a {
	color: #9add03;
}
#blog #content .contenttable .col1wrap a,
#franchise #content .contenttable .col1wrap a {
	text-decoration: underline;
	font-size: 12px;
	line-height: 18px;
}
#content .contenttable h2 {
	margin: 10px 0 15px; padding: 0;
	
	font-size: 19px;
	line-height: 21px;
}
#content .contenttable .col2wrap h2 {
	color: #fff;
}
#content .contenttable .col2wrap {
	color: #FFFABE;
}
#blog #content .contenttable span.headline { text-align: center; font-size: 14px; font-weight: bold; color: #876E42; }

#blog #content .contenttable .imageblock {
	float: left;
	padding:2px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 2px solid #876E42;
}







#content .contenttable .tblhead {
	font-size: 11px;
	line-height: 22px;
	font-weight: bold;
	
	background-color: #99BFD7;
}
#content .contenttable .eckgrau {
	background-image: url(../img/graueckrechtsoben.gif);
	background-position: right top;
	background-repeat: no-repeat;
}






#content .scoutlistewrap {
	margin-top: 5px;
	width: 483px; height: 300px;
	overflow: auto;
}
#content .scoutname a,
#content .scoutlistewrap .scoutname a {
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	color: #005580 !important;
	text-decoration: none !important;
}
#content .scoutlistewrap .reserviert a {
	cursor: default;
}
#content .scoutname a i,
#content .scoutlistewrap .scoutname a i {
	font-style:normal;
	font-size: 10px;
	padding-left: 3px;
	color: #876E42;
	font-weight: bold;
}
#content .scoutlistewrap .scoutbetreiber a {
	font-size: 11px;
	line-height: 22px;
	color: #005580;
}
#content .scoutlistewrap .scoutpreis a {
	font-size: 13px;
	line-height: 22px;
	color: #876E42;
	font-weight: bold;
	text-decoration: none !important;
}
#content .scoutlistewrap .scoutpreis a i {
	font-style:normal;
	font-size: 10px;
	font-weight: bold;
}
#content .scoutlistewrap .scoutpreis a small {
	font-size: 10px;
	font-weight: normal;
}
#content .scoutlistewrap td {
	border-bottom: 1px solid #ccc;
}
#content .scoutzeichen {
	border-top: 1px solid #ccc;
	margin-top: 10px;
	padding-top: 5px;
}








#content .contenttable .col2wrap strong {
	display: block;
	font-size: 20px;
	line-height: 20px;
	color: #FFFABE;
	margin-bottom: 2px;
}
#content .contenttable .col2wrap em {
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
}
#content .contenttable .col2wrap input {
	border: 0;
	border-bottom: 1px solid #FFFABE;
	background-color: #BD9A5D; /* #e5d7bf*/
	padding: 2px;
	margin: 0;
	line-height: 13px;
	font-size: 15px;
	font-weight: bold;
}
#content .contenttable .col2wrap input.button {
	border: 1px solid #FFFABE;
	background-color: #e5d7bf; /* #e5d7bf*/
	padding: 2px;
	margin: 0;
	line-height: 15px;
	font-size: 13px;
}
#content .col2wrap #wsforminfo {
	color: #993300;
	margin-top: 10px;
}
#content .col2wrap #forminfo {
	color: #fff;
	padding-top: 50px;
}


#franchisemenu { 
	padding-top: 40px;
	color: #fff !important;
	font-size: 16px;
	line-height: 26px;
}
#franchisemenu a,
#franchisemenu a:link,
#franchisemenu a:hover,
#franchisemenu a:active,
#franchisemenu a:visited {
	height: 26px;
	font-size: 16px;
	line-height: 26px;
	color: #f2ebdf;
	text-decoration: none;
}
#franchisemenu a:hover, #franchisemenu a.aktiv { color: #fff; }




#content .contenttable .col1wrap form strong {
	float: left; 
	width: 130px; font-size: 12px; padding-top: 3px;
	margin-bottom: 2px;
}
#content .contenttable .col1wrap form em {
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
}
#content .contenttable .col1wrap form input, #content .contenttable .col1wrap form textarea {	
	border: 0;
	border-bottom: 1px solid #666;
	background-color: #fff; /* #e5d7bf*/
	padding: 2px;
	margin: 0;
	line-height: 13px;
	font-size: 15px;
	font-weight: bold;
}
#content .contenttable .col1wrap form textarea { font-size: 12px; line-height: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#content .contenttable .col1wrap form input.button {
	border: 1px solid #000;
	background-color: #005580; /* #e5d7bf*/
	color: #fff;
	padding: 2px;
	margin: 0;
	line-height: 15px;
	font-size: 13px;
}



/* ----------------------- */
/* CONTENT WEITEREMPFEHLEN */
/* ----------------------- */
#content .contenttable .col1 .weiterempfehlen {
	position:absolute;
	left: 433px; top: 0;
	width: 127px; height: 127px;
	background-image:url(../img/weiterempfehlen.gif);
	background-repeat:no-repeat;
	background-position: right top;
}
#content .contenttable .col1 .weiterempfehlen div img {
	border: 0;
}
#content .contenttable .col1 .weiterempfehlen .el1 {
	position:absolute;
	left: 0; top: 0;
	width: 127px; height: 49px;
	z-index:4;
}
#content .contenttable .col1 .weiterempfehlen .el2 {
	position:absolute;
	left: 49px; top: 49px;
	width: 78px; height: 22px;
	z-index:5;
}
#content .contenttable .col1 .weiterempfehlen .el3 {
	position:absolute;
	left: 71px; top: 71px;
	width: 56px; height: 56px;
	z-index:6;
}

#content #weiterempfehlenformwrap {
	position:absolute; display: none;
	left: 180px; top: 50px;
	width: 500px; 
	z-index: 1000;
	border: 5px solid #fff;	
	background-color: #9add03;
}
#content #weiterempfehlenformwrap a {
	color: #005580;
}
#content #weiterempfehlenformwrap div {
	padding: 15px 20px 10px;
}
#content #weiterempfehlenformwrap h2 {
	padding: 0; margin: 0 0 10px;
	font-size: 22px; line-height: 22px; color: #fff;
}

#content #weform p { margin-bottom: 4px; color: #e2ffc0; } 
#content #weform strong { float: left; width: 130px; font-size: 12px; padding-top: 3px }
#content #weform input, #content #weform textarea {
	border: 0;
	border-bottom: 1px solid #333;
	background-color: #e2ffc0; /* #e5d7bf*/
	padding: 2px;
	margin: 0;
	line-height: 13px;
	font-size: 15px;
	font-weight: bold;
}
#content #weform textarea { font-size: 12px; line-height: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#content #weform input.button {
	border: 1px solid #333;
	background-color: #e2ffa2; /* #e5d7bf*/
	padding: 2px;
	margin: 0;
	line-height: 15px;
	font-size: 13px;
	color: #000;
}
#content #weforminfo {
	padding: 0;
	display: block;
}
#content #weforminfo span {
	display: block; margin-top: 10px;
	color: #fff !important;
}
/* ----------------------- */
/* ----------------------- */

/* ----------------------- */
/* CONTENT RESERVIEREN */
/* ----------------------- */

#content #reservierenformwrap {
	position:absolute; display: none;
	left: 180px; top: 50px;
	width: 500px; 
	z-index: 1000;
	border: 5px solid #fff;	
	background-color: #9add03;
}
#content #reservierenformwrap a {
	color: #005580;
}
#content #reservierenformwrap div {
	padding: 15px 20px 10px;
}
#content #reservierenformwrap h2 {
	padding: 0; margin: 0 0 10px;
	font-size: 22px; line-height: 22px; color: #fff;
}

#content #srform p { margin-bottom: 4px; color: #e2ffc0; } 
#content #srform strong { float: left; width: 130px; font-size: 12px; padding-top: 3px }
#content #srform input {
	border: 0;
	border-bottom: 1px solid #333;
	background-color: #e2ffc0; /* #e5d7bf*/
	padding: 2px;
	margin: 0;
	line-height: 13px;
	font-size: 15px;
	font-weight: bold;
}
#content #srform input.button {
	border: 1px solid #333;
	background-color: #e2ffa2; /* #e5d7bf*/
	padding: 2px;
	margin: 0;
	line-height: 15px;
	font-size: 13px;
	color: #000;
}
#content #srforminfo {
	padding: 0;
	display: block;
}
#content #srforminfo span {
	display: block; margin-top: 10px;
	color: #fff !important;
}
/* ----------------------- */
/* ----------------------- */

#footer {
	position: relative;
	width: 900px;
	margin-top: 20px; padding-bottom: 10px;
	
	text-align: center;
}
#pcontainer #footer { width: 400px !important; }