/* 
   verkehrsverein schmallenberg
   mmenke@netzpepper.de
   juni 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;
}
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: #000000;
}
h1 {
	font-size: 18px;
	margin-bottom: 14px;
	color: #CC2E34;
}
h2 {
	margin-top: 2px;
	font-size: 16px;
	margin-bottom: 13px;
	color: #CC2E34;
}
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;
}

/* obere leiste */
div#oben {
	height: 34px;
	width: 988px;
	background-color: #DEDFEC;
}
ul#servicenavigation {
	float: right;
	background-color: white;
	height: 24px;
	text-transform: uppercase;
	padding-left: 40px;
}
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: #000000;
	font-size: 12px;
	font-weight: bold;
}

/* eigentlicher kopf */
div#kopf {
	position: relative;
	height: 127px;
	background-color: #DEDFEC;
	border-bottom: 3px solid #DEDFEC;
}
img#logo {
	position: absolute;
	right: 0px;
	bottom: 16px;
}

/* der ticker */
div#tickersrc {
	display: none;
}
div#ticker {
	position: absolute;
	width: 848px;
	background-color: white;
	bottom: 0px;
	left: 0px;
	height: 15px;
	color: #000000;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
}
div#ticker p {
	margin: 0;
	padding: 0;
	padding-right: 10px;
	display: inline;
}
div#ticker {
	cursor: default;
}
div#ticker p a {
	cursor: pointer;
	text-decoration: none;
	color: #000000;
}

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

/* die drei spalten */
div#links {
	width: 160px;
	float: left;
	z-index: 500;
	background-image: url(../bilder/layout/navihintergrund.jpg);
	background-repeat: no-repeat;
}
div#mitte {
	width: 688px;
	float: right;
	position: relative;
	z-index: 2;
}

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

/* rechter bereich, spalte */
div#rechts {
	width: 138px;
	float: right;
	background-color: #DEDFEC;
	z-index: 1000;
}
div#rechts h1,
div#rechts h2,
div#rechts h3 {
	color: #000000;
}
div#rechts h3 {
	display: none;
}

/* abstände für die drei "nicht-hauptnavigationsmenus"
   ich definiere diese hier oben um sie später zu überschreiben */
ul#servicenavigation, ul#servicenavigation li {
	margin: 0;
	padding: 0;
}
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: #383838;
}
div.ebene3wiederholung {
	position: relative;
	margin-top: 140px;
	left: 0px;
	padding: 1px;
	width: 157px;
	overflow: hidden;
}
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: #606060;
	padding-left: 18px;
	display: block;
	font-weight: normal;
}
ul.ebene3wiederholung li a.aktiv {
	background-color: #EEEEEE;	
}

/* mindesthoehe der ganzen linken spalte 
   wird ueber floatendes img erreicht */
img#mindesthoehe-navi {
	float: left;
}

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

/* der fuss der website */
div#fuss {
	background-color: #D5D6E8;
	width: 988px;
	height: 26px;
}
ul#fussnavigation {
	float: right;
	background-color: white;
	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: #000000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

/* unsere servicenavigation */
ul#servicenavigation {
	float: right;
	background-color: white;
	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: #000000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
ul#servicenavigation li.sprachewechseln {
	padding-right: 90px;
}

/* 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: 164px;
	left: 0px;
	margin: 0;	
	padding: 0;
	width: 158px;
	border-left: 1px solid #D5D6E8;
}
ul.menu ul {
	position:absolute;
	list-style-type: none;
	z-index: 1100;
}
ul.menu div.menu-einrueckung { /* xxx */
	padding-left: 10px;
}
ul.menu a {
	padding: 5px 10px 5px 0px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	color: #606060;
}
ul.menu a.aktiv {
	font-weight: bold;
	/* color: #383838; */
	color: #BD2A30;
}

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 #D5D6E8;
	margin-top: -19px;
	background-color: transparent;
}
ul.menu ul.submenu li {
	z-index:2100;
	border-bottom: 1px solid #D5D6E8;
	border-right: 1px solid #D5D6E8;
	border-left: 1px solid #D5D6E8;
	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 #D5D6E8;
	margin-top: -1px;
}
ul.menu ul.submenu2 li {
	border-bottom: 1px solid #D5D6E8;
	border-right: 1px solid #D5D6E8;
	border-left: 1px solid #D5D6E8;
	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;
	top: -10px;
	left: 0;
}

/* 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;
}

/* 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;
}


.kontakt_fehler {
	color:#CC2E34;
}

/* 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 */
div.template_werbstatt {
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px;
	width: 659px;
	padding: 9px;
	height: 336px;
	margin-bottom: 4px;
	background-color: #DEDFEC;
	background-image: url(../bilder/layout/werb_tpl_bg.jpg);
}
div.template_werbstatt div.links {
	float: left;
	width: 450px;
}
div.template_werbstatt div.rechts  {
	float: left;
	width: 200px;
	padding:0;
	margin:0; 
}
div.template_werbstatt h1 {
	color: #CC2E34;
	text-transform: uppercase;
	font-size: 24px;
	padding:0px;
	padding-top: 4px;
	margin:0px;
	margin-bottom: 4px;
	margin-top: 2px;
}
div.template_werbstatt div.farbig {
	color: #383838;
	width: 446px;
	font-weight: bold;
}
div.template_werbstatt div.normal {
	padding: 10px;
	padding-left: 7px;
	padding-top: 0px;
}
div.template_werbstatt p {
	margin:0;
	padding:0;
}

/* 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: #DEDFEC;
	padding-left: 3px;
	padding-right: 3px;
}
ul.braunschenavigation li a.aus {
	display: none;
}

/* listen */
div.unterkunftbannerliste-betrieb div {
	color: #444444;
}

/* gästebuch */
div.tx-veguestbook-pi1 table {
	width: 670px !important;
}
div.tx-veguestbook-pi1 table table, div.tx-veguestbook-pi1 table table table {
	border-spacing: 0px;
	border-collapse: collapse;
}
div.tx-veguestbook-pi1 table.haupt {
	background-color: green;
}
div.tx-veguestbook-pi1 table.eintragen {
}
.tx-guestbook-list-header { 
	background-color: #F7F7F9;
	color: black;
	font-weight: bold;
}
.tx-guestbook-list-row {
	background-color: #DFDEEC;
}
.tx-guestbook-list-rowleft {
	background-color: #CFCFE7;
}
.tx-guestbook-list-entrycomment-title {
	font-weight: bold;
}
.tx-guestbook-list-entrycomment {
	font-style: italic;
}
.tx-guestbook-list-small {
	font-size: 9px;
	color: #666666;
}
.tx-veguestbook-pi1-browsebox TD {
	font-size: 9px;
	color: #666666;
}
.tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell {
	font-weight: bold;
}
.tx-veguestbook-pi1-browsebox-SCell {
	background-color: #EEEEEE;
}
.tx-guestbook-latest-header {
	background-color: #C4C3D5;
	color: #FFFFFF;
	font-weight:bold;
}
.tx-guestbook-latest-row {
	background-color: #FFFFFF;
}
.tx-guestbook-latest-small {
	color: #666666;
}
.tx-guestbook-form-inputfield-med {
}
.tx-guestbook-form-inputfield-big {
}
.tx-guestbook-form-textarea {
}
.tx-guestbook-form-obligationfield {
}
.tx-guestbook-form-error {
	
}
div.tx-veguestbook-pi1 input, div.tx-veguestbook-pi1 textarea {
}
div.tx-veguestbook-pi1 textarea {
	overflow: auto;
}
div.tx-veguestbook-pi1 input, div.tx-veguestbook-pi1 textarea {
}

/* fix für gb: */
table.eintragen {
	background-color: red;
	width: 650px !important;
}

table.gb-erste {
	margin-bottom: 20px;
}
table.gb-zweite {
	margin-bottom: 20px;
}

table.gb-erste th,
table.gb-zweite th {
	text-align: left;
	width: 100px;
	vertical-align: top;
}
table.gb-zweite textarea {
	width: 400px;
	height: 80px;
}
div.tx-veguestbook-pi1 ul {
	margin-top: 15px;
	margin-bottom: 20px;
}
span.tx-guestbook-form-error {
	color: #AA070F;
}

/* hervorhebung navi-punkt unterkünfte in service-navi oben */
li.unterkunftslink a {
	color: #CC2E34 !important;
}

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


/* logo smb */
img#logo-smb {
	border: 0;
	position: absolute;
	bottom: 27px;
	left: 2px;
}



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

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;
}