/* 
   kur- und freizeit gmbh schmallenberger sauerland
   mmenke@netzpepper.de
   march/april/may 2007
   screen-sheet
*/

body {
	background-color: #ffffff;
	
	margin: 0; 
	padding: 0;
	font-size: 12px;
}
html {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	overflow: auto;
	overflow-x: hidden;
}
a {
	color: #000000;
}

a:hover {
    text-decoration:none;
}

form {
	margin: 0;
	padding: 0;
}
ul, li {
	margin:0;
	padding:0;
}
div#inhalt ul {
	padding-left: 26px;
}
div#inhalt li {
	
}

/* überschriften */
h1,h2,h3 {
	margin: 0;
	padding: 0;
	color: #93bc56;
}
h1 {
	font-size: 18px;
	margin-bottom: 14px;
}
h2 {
	margin-top: 2px;
	font-size: 16px;
	margin-bottom: 13px;
}
h3 {
	font-size: 14px;
	margin-bottom: 13px;
}

/* supporting classes */
div.clearing {
	clear: both;
}

/* main */
div#zentrierung {
	width: 988px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	position: relative;
}

/* eigentlicher kopf */
div#kopf {
	position: relative;
	height: 121px;
	background-color: #ffffff;
}
img#logo {
	position: absolute;
	right: 2px;
	bottom: 0px;
}
img#lebensart {
	position: absolute;
	top: 8px;
	right: 184px;
	right: 205px;
}

/* der ticker */
div#tickersrc {
	display: none;
}
div#ticker {
	position: relative;
	width: 888px;
	background-color:#93bc56;
	height: 15px;
	color: #fee7bd;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	float:left;
  background-image:url(../bilder/layout/hintergrund_ticker.gif);
  background-repeat:no-repeat;
}
div#ticker p {
	margin: 0;
	padding: 0;
	padding-right: 10px;
	display: inline;
}
div#ticker {
	cursor: default;
}
div#ticker p a {
	cursor: pointer;
	text-decoration: underline;
	color:#fee7bd;;
}
div#raut_noscroll{
	margin-left:25px;	
}
div#sprache {
	position: absolute;
	width: 100px;
	background-color:#93bc56;
	height: 15px;
	right:0px;
	text-align:right;
}

div#sprache a{
  padding-right:10px;
  /* Flaggen verstecken */
  display:none;
}

div#smb_logo{
  padding-left:1px;
  margin-top:50px;
}

/* inhaltsbereich/contentbereich */
div#contentbereich {
	background-image: url(../bilder/layout/hintergrund.gif);
	background-repeat: repeat-y;
	z-index: -100;
}

/* die drei spalten */
div#links {
	width: 160px;
	float: left;
	z-index: 500;
	background-color:#93BC56;
}

div#mitte {
	width: 688px;
	float: right;
	position: relative;
	z-index: 2;
}

/* der eigentliche inhalt */
div#inhalt {
	padding: 3px;
	padding-left: 7px;
	padding-right: 10px;
	z-index: 5;
	position: relative;
}

div#rechts {
	width: 136px;
	float: right;
	margin-right: 2px;
	z-index: 1000;
	margin-top:5px;
}

/* abstände für die drei "nicht-hauptnavigationsmenus"
   ich definiere diese hier oben um sie später zu überschreiben */
ul#fussnavigation, ul#fussnavigation li {
	margin: 0;
	padding: 0;
}
ul#fussnavigation, ul#fussnavigation li {
	margin: 0;
	padding: 0;
}
div.ebene3wiederholung ul, div.ebene3wiederholung li {
	margin: 0;
	padding: 0;
}

/* 3. ebene ausgabe */
h2.ebene3ueberschrift {
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #f20003;
}
div.ebene3wiederholung {
	position: relative;
	margin-top: 185px;
	left: 0px;
	padding: 1px;
	width: 157px;
	overflow: hidden;
	border-top:1px solid #93bc56;
	background-color: #93BC56;
}
ul.ebene3wiederholung {
	padding: 1px;
}
ul.ebene3wiederholung li {
	text-transform: uppercase;
	list-style-type: none;
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 3px;
}
ul.ebene3wiederholung li a {
	text-decoration: none;
	color: #ffffff;
	padding-left: 18px;
	display: block;
	font-weight: bold;
}
ul.ebene3wiederholung li a.aktiv {
	color: #f20003; 
}

/* subnav = 4. ebene */
ul.ebene3wiederholungsub li a {
	padding-left: 30px;
}

/* der fuss der website */
div#fuss {
	background-color: #93bc56;
	width: 988px;
	height: 26px;
	border-top:2px solid #93bc56;
}
ul#fussnavigation {
	float: right;	
	background-color: #ffffff;
	height: 26px;
	text-transform: uppercase;
}
ul#fussnavigation li {
	float: left;
	list-style-type: none;
	padding-left: 12px;
	padding-right: 5px;
	padding-top: 5px;
}
ul#fussnavigation li a {
	text-decoration: none;
	color: #93bc56;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

/* unsere servicenavigation */
ul#servicenavigation {
	float: right;
	background-color: #ffffff;
	height: 24px;
	text-transform: uppercase;
	padding-left: 0px;
}
ul#servicenavigation li {
	float: left;
	list-style-type: none;
	padding-left: 12px;
	padding-right: 5px;
	padding-top: 5px;
}
ul#servicenavigation li a {
	text-decoration: none;
	color: #DB9F00;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
ul#servicenavigation li.sprachewechseln {
	padding-right: 90px;
	display:none !important;
}

/* die suche */
div#indexedsearchbox {
	position: absolute;
	top: 296px;
	left: 1px;
	background-color: #93bc56;
}
div#indexedsearchbox input {
	float: left;
}
div#indexedsearchbox input.suchkiste {
	border: 0;
	background-color: white;
	width: 96px;
	margin-left: 5px;
	margin-bottom: 3px;
	margin-top: 3px;
	padding: 1px;
	font-size: 13px;
}
div#indexedsearchbox input.suchkiste:hover, div#indexedsearchbox input.suchkiste:active, div#indexedsearchbox input.suchkiste:focus {
	background-color: #F4F9EC;
}
div#indexedsearchbox input.suche_knopf {
	border: 0;
	background-color: transparent;
	text-transform: uppercase;
	font-size: 11px;
	color: white;
	padding-top: 5px;
	padding-left: 1px;
	padding-right: 0px;
	margin: 0;
	width: 55px;
	text-align: center;
	font-weight: normal;
}
div#indexedsearchbox input.suche_knopf:hover {
	text-decoration: underline;
}

/* das hauptmenu mit all' seinen tücken */
div.hauptnavigation {
	background-color: transparent;
	background-image: none;
}
ul.menu {
	position: absolute;
	list-style-type: none;
	z-index: 1000;
	top:136px;
	left: 0px;
	margin: 0;	
	padding: 0;
	width: 158px;
	margin-left:1px;
	background-color:#fff;
	padding-top:10px;
	padding-bottom:10px;
}
ul.menu ul {
	position:absolute;
	list-style-type: none;
	z-index: 1100;
}
ul.menu a {
	padding: 5px 10px 5px 10px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #93bc56;
}
ul.menu a.aktiv {
	font-weight: bold;
	color: #f20003;
}

ul.menu ul a {
	text-transform: uppercase;
}
ul.menu li {
	position:relative;
	padding:0;
	margin:0;
	padding-top: 3px;
	padding-bottom: 2px;
	height: 16px;
	background-image: url(../bilder/layout/trans.png);
	background-repeat: repeat;
	border-bottom: 1px solid white;
	z-index:1800;
}

/* 2. ebene */
ul.menu ul.submenu {
	z-index:2000;
	position: absolute;
	display:none;
	width: 240px;
	left: 158px;
	font-size: 12px;
	border-top: 1px solid #93bc56;
	margin-top: -19px;
	background-color: transparent;
}
ul.menu ul.submenu li {
	z-index:2100;
	border-bottom: 1px solid #93bc56;
	border-right: 1px solid #93bc56;
	border-left: 1px solid #93bc56;
	background-image: url(../bilder/layout/trans.png);
	background-repeat: repeat;
	display: relative;
}
ul.menu ul.submenu a {
	padding:0;
	padding-left: 10px;
	text-transform: uppercase;
	height: 16px;
}
ul.menu ul.submenu a.aktiv {
	font-weight: bold;
}

/* 3. ebene */
ul.menu ul.submenu2 a {
	padding:0;
	padding-left: 10px;
	text-transform: uppercase;
}
ul.menu ul.submenu2 a.aktiv{
	font-weight: bold;
}
ul.submenu ul.submenu2 {
	background-color: transparent;
	z-index: 3000;
	position: absolute;
	display: none;
	width: 240px;
	left: 238px;
	top: -0px;
	font-size: 12px;
	border-top: 1px solid #93bc56;
	margin-top: -1px;
}
ul.menu ul.submenu2 li {
	border-bottom: 1px solid #93bc56;
	border-right: 1px solid #93bc56;
	border-left: 1px solid #93bc56;
	background-image: url(../bilder/layout/trans.png);
	background-color: transparent;
	background-repeat: repeat;
	position: relative;
	z-index: 3100;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover{
    display:block;
}
ul.menu li.hover ul.submenu{
    display:block;
}
ul.menu li:hover ul.submenu{
    display:block;
}
ul.menu li.hover ul.submenu li, 
ul.menu li:hover ul.submenu li {
}
ul.submenu li:hover ul.submenu2 {
    display:block;
}
ul.submenu li.hover ul.submenu2 {
    display:block;
}
ul.menu ul li {
	float:none;
	background-color: transparent;
}

/* menu transparenz-fix */
div.menuback {
	display: none;
}

/* unser flash muss positioniert werden */
div#kopf div.tx-slideshow-pi1 {
	position: absolute;
}

/* galerie und pano */
div.galerie img {
	border: 1px solid #3A6D34;
	padding: 1px;
	margin: 1px;
}
div.galerie {
	width: 620px;
	margin-left: auto;
	margin-right: auto;
}

div.panobilder {
	width: 620px;
	margin-left: auto;
	margin-right: auto;
}
applet.panobilder {
	border: 1px solid #3A6D34;
	padding: 1px;
	margin: 1px;
}

/* team-tpl */
img.mitarbeiter {
	border: 1px solid #3A6D34;
	padding: 1px;
	margin: 1px;
}

/* suchergebnis */
div.suchergebnisloop {
	background-color: #dfedc9;
}

/* altlast: skiliftseiten */
#skilifte {
	margin-left: auto;
	margin-right: auto;
	width: 630px;
}
#loipenuebersicht {
	margin-left: auto;
	margin-right: auto;
	width: 460px;
}
#pauschalenformular {
	margin-left: auto;
	margin-right: auto;
	width: 570px;
}
.pauschalformularrot {
	color: red;
}

/* altlast: kontaktformular */
.kontakt_ausgabe {
	position:absolute;
	left:440px;
	top:200px;
	color:red;
}

.kontakt_small {
	font-weight: normal;
}

.kontakt_drumherum {
	margin-left:50px;
	font-weight: bold;
}
.kontakt_abst {
	margin-top:20px;
}

/* altlast: anfahrtsseite */
div#anfahrt div.anfahrt-rechts {
	width: 180px;
	float: right;
}

div#anfahrt div.anfahrt-links {
	width: 405px;
}

div#anfahrt {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

div#anfahrt div.anfahrt-rechts div.anfahrt-nuetzlich {
	width: 170px;
	padding: 7px;
	margin-bottom: 8px;
}

/* altlast routenplanung */
div#routenplanung {
	width: 440px;
	margin-left: auto;
	margin-right: auto;
}

/* root template */
.team_root {
	margin-left:100px;
	width:500px;
}
.team_root div {
	float:left;
	width:370px;
}
.team_root span {
	width:360px;
	font-weight: bold;
}
.team_root p {
	width:350px;
	margin-left:20px;
}
.team_root img {
}
div.centerdiv {
	margin-left: auto;
	margin-right: auto;
	width: 616px;
}

/* abstände zwischen den bildern etwas erhöhen */
dl.csc-textpic-image img {
	padding-bottom: 2px;
}

/* alte, braunsche teaser */
div.teaser {
	text-align: left;
}
div.teaser strong {
	text-align: left;
}

/* template werbstatt, mehrfarbig seit dez 07 */
/* hintergrund */
div.template_werbstatt,
div.template_werbstatt-rot,
div.template_werbstatt-beige {
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px;
	width: 659px;
	padding: 9px;
	margin-bottom: 4px;
}
div.template_werbstatt {
	background-image: url(../bilder/layout/werb_tpl_bg.jpg);
	height: 336px;
}
div.template_werbstatt-rot {
	background-image: url(../bilder/layout/werb_tpl_bg-rot.jpg);
	height: 404px;
}
div.template_werbstatt-beige {
	background-image: url(../bilder/layout/werb_tpl_bg-beige.jpg);
	height: 404px;
}

/* abstände, container */
div.template_werbstatt div.normal,
div.template_werbstatt-rot div.normal,
div.template_werbstatt-beige div.normal {
	padding: 10px;
	padding-left: 7px;
	padding-top: 0px;
}
div.template_werbstatt p,
div.template_werbstatt-rot p,
div.template_werbstatt-beige p {
	margin: 0;
	padding: 0;
}
div.template_werbstatt div.links,
div.template_werbstatt-rot div.links,
div.template_werbstatt-beige div.links {
	float: left;
	width: 450px;
}
div.template_werbstatt div.rechts,
div.template_werbstatt-rot div.rechts,
div.template_werbstatt-beige div.rechts {
	float: left;
	width: 200px;
	padding:0;
	margin:0; 
}
div.template_werbstatt h1,
div.template_werbstatt-rot h1,
div.template_werbstatt-beige h1 {
	font-size: 24px;
	padding:0px;
	padding-top: 4px;
	margin:0px;
	margin-bottom: 4px;
	margin-top: 2px;
}
div.template_werbstatt h1 {
	color: white;
	text-transform: uppercase;
	color:#93bc56;
}
div.template_werbstatt-rot h1 {
	color: white;
	text-transform: uppercase;
}
div.template_werbstatt-beige h1 {
	color: #93bc56; /* ok war 98251E */
	text-transform: uppercase;
}
div.template_werbstatt div.farbig {
	color: #000;
	width: 446px;
}
div.template_werbstatt-rot div.farbig {
	color: #FFDAAB;
	width: 446px;
}
div.template_werbstatt-beige div.farbig {
	color: #000000;
	width: 446px;
}


/* braunsches navigationstemplate */
ul.braunschenavigation {
	margin: 0px !important;
	padding: 0px !important;
	height: 28px;
}
ul.braunschenavigation li {
	margin: 0px !important;
	padding-top: 0px !important;
	padding-left: 0px !important;	
	padding-bottom: 0px !important;
	list-style-type: none;
	float: left;
	padding-right: 20px !important;
}
ul.braunschenavigation li a {
	text-decoration: none;
	color: black;
	background-color: #A3CF62;
	padding-left: 3px;
	padding-right: 3px;
}
ul.braunschenavigation li a.aus {
	display: none;
}

/* vereinheitlichung in allen servern, absätze */
p {
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
}
p.bodytext {
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
}


/********************************
	Template Veranstaltungen
*********************************/
div.veranstaltungen_drumherum {
	position: relative;
	width: 660px;
/*	background-color: #A3CF62;*/
border-top: 4px solid #A3CF62;
}

div.veranstaltungen_drumherum div.links{
	padding-top:1px;
	float: left;
	width: 150px;
	margin: 5px;
}
div.veranstaltungen_drumherum div.links p{
	margin: 0 !important;
	padding: 0 !important;
}

div.veranstaltungen_drumherum div.rechts{
	float: left;
	width: 320px;
	margin-left: 10px;
	margin: 5px;
}
div.veranstaltungen_drumherum div.rechts h1{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
div.veranstaltungen_drumherum div.rechts p{
	margin: 0 !important;
	padding: 0 !important;
}

div.veranstaltungen_drumherum div.rechts div{
	margin: 0;
	padding: 0;
}
div.veranstaltungen_drumherum img{
	margin: 5px;
	margin-right: 0px;
	padding: 0;
}
div.veranstaltungen_drumherum div.clear{
	clear:both;
}

div.unterkunftbannerliste-betrieb {
	color: #93bc56;
}
div.unterkunftbannerliste-betrieb h2,div.unterkunftbannerliste-betrieb h3{
	color: #DB9F00;
}
div.csc-textpic-center {
	padding-top:5px;
}
div#rechts div.csc-textpic-center div.csc-textpic-text{
	/*text-align:center;*/
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
    font-size:10px;
    text-align:center;
}

div#rechts p.bodytext {
    padding:2px 5px;
    font-size:12px;
}

/******************* LIGHTBOX ******************/
body #overlay {
    z-index:9000;
}

body #lbLightbox {
    z-index:10000;
}

/***************** GIS **********************/
div.suchmaske_zimmer h2, div.suchmaske_fewo h2 {
    color:#000;
}