/*
	CSS Document: css_modules.css
	Version: 1.0 | Date: 2006-08-17
	Project: www.vita-alpina.de
	Author: websLINE, 2006
	-------
*/


/* PANOS */

.panos dd {
	border: 1px solid #E7E3E7;
	padding: 5px;
	float: left;
	margin: 0 10px 10px 0;
	width: 190px;
	}
.panos dd.last {
	margin-right: 0px !important;
	}
.panos dd:hover, .panos dd.item-active {
	background: #DEE7F7;
	}
.panos dd img {
/*	border: 1px solid #fff;*/
	margin-top: 3px;
	}
.panos dd h3, .panos dd p {
	margin: 0px; padding: 0px;
	line-height: 1em;
	font-size: 0.95em;
	}
.panos dd ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	list-style-image: none !important;
	}
.panos dd li {
	background: #f7f7f7;
	margin-bottom: 1px;
	padding: 2px 0;
	}
.panos dd li:hover {
	background: #eee;
	}
.panos dd a.low,
.panos dd a.full {
/*	background: url(img_arrow.gif) no-repeat 0 1px;
	padding: 0 0 0 15px;*/
	text-decoration: none !important;
	cursor: pointer !important;
	}


/* POPUP LIGHT */

#popuplight {
	position: absolute;
	z-index: 2000;
	top: 50px; left: 50%;
	margin-left: -200px;
	width: 493px;
	height: 420px;
	border: 5px solid #fff;
	background: #294E92;
	color: #fff;
	}
table + a + script + #popuplight { /* Bearbeitungsmodus im CMS */
	display: block !important;
	}
#popuplight p,
#popuplight h1, #popuplight h2 {
	color: #fff;
	margin: 15px 35px;
	padding: 0;
	}
#popuplight a.close {
	float: right;
	color: #fff;
	font-size: 10px;
	background: #FF0000;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px;
	position: relative;
	margin-bottom: -40px;
	margin-right: 10px;
	}
#popuplight a img {
	border: 5px solid #fff;
	}


/* DOWNLOADS */

div.download {
	float: left;
	width: 135px;
	margin: 2px 2px 2px 0;
	border: 1px solid #DDE7F2;
	}
div.download p {
	margin: 0; padding: 3px;
	}
div.download p.title {
	background: #DDE7F2;
	border: 1px solid #fff;
	font-weight: bold;
	}
div.download p.picture {
	background: #D7E3F1;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	height: 110px;
	text-align: center;
	}
div.download p.picture img {
	border: 1px solid #D5D4D4;
	}
div.download p.data {
	background: #DAD8D8 url(img_symb-jpeg.gif) no-repeat 4px 4px;
	border: 1px solid #fff;
	padding-left: 23px;
	}
div.download p.download {
	background: #D5D4D4;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	}


/* HEADLINKS */

div.headlinks {
	z-index: 99;
	left: 50%;
 	margin-left: 177px;
	position: absolute;
	top: 3px;
	}
div.headlinks a {
	color: #999999;
	text-decoration: none;
	font-size: 10px;
	}




/* SCHNAPPSCHÜSSE */

#absatz-snapshot div {
	float: left;
	background: url(img_bg-snapshot.gif) no-repeat;
	padding: 4px 6px 18px 4px;
	position: relative;
	}
#absatz-snapshot div:hover {
/*	margin: 0px 0 0 1px;*/
	background: url(img_bg-snapshot_over.gif) no-repeat 1px 1px;
	padding: 5px 5px 17px 5px;
	}
#absatz-snapshot div .zoom {
	position: absolute;
	top: 7px; left: 7px;
	}
#absatz-snapshot div:hover .zoom {
	top: 8px; left: 8px;
	}




/* AUFLISTUNG */

.absatz-list {
	display: block;
	text-decoration: none;
	margin: 0 0 15px 0;
	padding: 5px 5px 8px 25px;
	}
.absatz-list:hover {
/*	text-decoration: underline;*/
	background: #D5E1EE;
/*	margin: 0 0 15px 15px;*/
	}
.absatz-list h1, .absatz-list p {
	margin: 0; padding: 0;
	font-size: 11px;
	}
.absatz-list h1 {
	padding-bottom: 2px;
	}



/* QUICK CHIOICE */

#absatz-quickchoice {
	margin: 40px 0 0 0;
	}
#absatz-quickchoice h2 {
	margin: 2px 0;
	border-bottom: 1px solid #DDE7F2;
	}
#absatz-quickchoice div {
	background: #DDE7F2;
	padding: 5px;
	}



/* ABSATZ TEMPLATES */

#absatz-bildlinks img {
	margin: 0 8px 0 0;
	}
#absatz-bildrechts img {
	margin: 0 0 0 8px;
	}
#nofloat {
	display: table;
	margin-bottom: 20px;
	}
* html #nofloat {
	display: inline-block;
	}
#nofloat p, #nofloat h1, #nofloat h2, #nofloat h3, #nofloat h4, #nofloat h5, #nofloat h6 {
	margin: 0;
	padding: 0 10px;
	}


/* BREAD CRUMBS */

#breadcrumbs {
	position: absolute;
	bottom: 230px;
	left: 25px;
	width: 435px;
	}


/* CONTENT FUNCTIONS */

#site #main #content-left #content-functions {
	text-align: right;
	}
#site #main #content-left #content-functions img {
	margin-left: 5px;
	}


/* IMAGE SLIDE */

#site #main #content-right #image {
	border-top: 3px solid #ECF1F7;
	}


/* NEWS bzw. AKTUELLES & ANGEBOTE */

#site #main #content-right #news {
	padding: 75px 30px 0 30px;
	}
#site #main #content-right #news a {
	padding: 0 0 20px 25px;
	display: block;
	text-decoration: none;
	}
#site #main #content-right #news a:hover {
/*	text-decoration: underline;*/
	margin: 0 0 0 15px;
	}
#site #main #content-right #news h1, #site #main #content-right #news p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	}


/* TEASER */

#site #main #content-right #teaser a {
	width: 100%;
	display: block;
	border-top: 7px solid #ECF1F7;
	border-bottom: 1px solid #ECF1F7;
	text-decoration: none;
	}
#site #main #content-right #teaser a:hover {
/*	text-decoration: underline;*/
	}
#site #main #content-right #teaser a img {
	float: left;
	border-right: 8px solid #ECF1F7;
	}
#site #main #content-right #teaser h1, #site #main #content-right #teaser p {
	margin: 0 15px 0 158px;
	padding: 0;
	font-size: 11px;
	}
#site #main #content-right #teaser h1 {
	padding-top: 20px;
	}
#site #main #content-right #teaser p {
	padding-bottom: 21px;
	}



/* TABELLENFORMATIERUNG */ 

table#price, table#data {
	border: 0;
	width: 100%;
	}
table#price td, table#data td {
	padding: 2px;
	font-size: 11px;
	}
table#price p, table#data p {
	margin: 0;
	padding: 0;
	}
table#price td.title, table#data td.title {
	padding-top: 10px;
	font-weight: bold;
	border-bottom: 1px dashed #707070;
	}
table#price td.title2, table#data td.title2 {
	font-weight: bold;
	padding-left: 5px;
	}
table#price td.description, table#data td.description {
	padding-left: 5px;
	}
table#price td.data1, table#price td.data2, table#data td.data1, table#data td.data2 {
	width: 80px;
	text-align: center;
	}
table#price td.data1, table#data td.data1, table#data td.data3 {
	background: #DDE7F2;
	}
table#price td.data2, table#data td.data2 {
	background: #D7E3F1;
	}


/* FORMATIERUNG - FORMULAR */

.form-toplevel {
	visibility: hidden;
	margin-top: -30px;
	}
table.form {
	width: 100%;
	border: 0;
	}
table.form h2 {
	margin: 20px 0 -1px 0 !important;
	}
table.form tr.line1 td, table.form tr.line2 td {
	background: #DDE7F2;
	}
table.form input, table.form select, table.form textarea {
	font-size: 11px;
	}
.bttn-send {
	margin-left: 265px;
	}





/* sIFR REPLACEMENT */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}
.sIFR-replaced {
	visibility: visible !important;
	}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
	}

/* These "decoy" styles are used to hide the browser text before it is replaced...
 the negative-letter spacing in this case is used to make the browser text metrics 
 match up with the sIFR text metrics since the sIFR text in this example is so much narrower... 
 your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

#content-left .sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 20px;
	}