/**
 * Stylesheet for Musik Plaschke
 *
 * Screen/Projection Stylesheet
 *
 * @author		akanai web technologies
 * @link			http://www.musik-plaschke.it
 * @copyright	Musik Plaschke
 * @developer	Copyright 2010, akanai web technologies
 */
 
/**
 * Global properties and bugfixes
 */

/* set global values */
* {
	padding: 0;
	margin: 0;
}

body, html {
	height: 95%;
}

fieldset, img {
	border: none;
}

body {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #c6c5c5;
}

address {
	color: #666;
	font-size: 10px;
	font-style: normal;
	text-align: center;
	padding-top: 30px;
}

address a {
	color: #ae200a;
	text-decoration: underline;
}

address a:hover {
	text-decoration: none;
}

address p {
	padding-bottom: 5px;
}

address .title {
	color: #ae200a;
	font-size: 22px;
	font-weight: bold;
}

.clr-both {
	clear: both;
}

.clr-both, .clr-left {
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clr-left {
	clear: left;
}

.products {
	padding-bottom: 20px;
	min-height: 350px;
}

.products .product-box {
	float: left;
	width: 223px;
	margin: 20px 0 0 20px;
	border: 1px solid #ddd;
}

.products .product-box h2 {
	font-size: 13px;
	line-height: 30px;
	padding-left: 10px;
	background-color: #d4d4d5;
}

.products .product-box h2 div {
	padding-right: 10px;
}

.products .product-box .inner {
	height: 148px;
	background-repeat: no-repeat;
	background-position: top left;
}

.products .product-box .order {
	position: absolute;
	background-color: #d5d5d6;
	width: 75px;
	padding-right: 5px;
	text-align: right;
	line-height: 20px;
	height: 20px;
	margin: 128px 0 0 143px;
}

.products .product-box .order label {
	font-size: 11px;
	font-weight: bold;
	padding-right: 5px;
	cursor: pointer;
}

.products .product-box .price {
	position: absolute;
	color: #ae200a;
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
	width: 90px;
	text-align: right;
	height: 22px;
	margin: 90px 0 0 114px;
}

.products .product-box .zoom {
	position: absolute;
	width: 11px;
	height: 11px;
	margin: 134px 0 0 3px;
}

#content {
	border-color: #ddd;
	border-style: solid;
	background-color: #fff;
	border-width: 0px 1px 0px 1px;
	padding: 20px 0;
}

#content .col-left, #content .col-right, #content col-right-start {
	position: relative;
}

#content .col-left {
	float: left;
	width: 160px;
	margin-left: 10px;
}

#content .col-right {
	float: right;
	width: 757px;
	margin-right: 20px;
	border-left: 1px solid #ddd;
	background: url('../img/content_bkg.gif') no-repeat top left;
}

#content .col-right a, #content .col-right-start a {
	color: #ae200a;
	text-decoration: underline;
}

#content .col-right a:hover, #content .col-right-start a {
	text-decoration: none;
}

#content .col-right h1 {
	color: #fff;
	font-size: 22px;
	line-height: 30px;
	padding-left: 10px;
}

#content .col-right h2 {
	color: #666;
	font-size: 13px;
	padding-bottom: 15px;
	text-transform: uppercase;
}

#content .col-right h3 {
	color: #cc3c25;
	font-size: 12px;
	padding-top: 15px;
}

#content .col-right hr {
	height: 1px;
	border: 0;
	margin-top: 15px;
	border-top: 1px solid #ddd;
}

#content .col-right li {
	color: #666;
	font-size: 12px;
	line-height: 17px;
}

#content .col-right p {
	color: #666;
	font-size: 12px;
	line-height: 17px;
	padding-top: 15px;
}

#content .col-right td {
	color: #666;
	font-size: 12px;
	line-height: 17px;
}

#content .col-right ul {
	padding: 15px 0 0 5px;
	list-style-type: none;
}

#content .col-right ul li {
	background: url('../img/bullet.gif') no-repeat 0px 7px;
	padding-left: 8px;
}

#content .col-right .innercontent {
	padding: 10px 20px;
}

#content .col-right .tbl-content {
	width: 100%;
	border-spacing: 0;
	margin-top: 15px;
	clear: both;
}

#content .col-right .tbl-content td {
	vertical-align: top;
	padding: 0 10px 15px 0;
}

#content .col-right-start {
	float: right;
	width: 757px;
	margin-right: 20px;
}

#content .col-right-start h1 {
	color: #666;
	font-size: 18px;
	line-height: 25px;
	padding-top: 25px;
	text-align: center;
}

#footer {
	height: 27px;
	background: url('../img/footer_bkg.gif') no-repeat top left;
}

#footer .email {
	float: right;
	padding-right: 10px;
}

#footer .email, #footer .metanav {
	position: relative;
	width: auto;
	font-weight: bold;
	line-height: 27px;
}

#footer .email a {
	color: #ae200a;
}

#footer .email a, #footer .metanav a {
	text-decoration: none;
}

#footer .email a:hover, #footer .metanav a:hover {
	text-decoration: underline;
}

#footer .metanav {
	float: left;
	text-transform: uppercase;
	padding-left: 10px;
}

#footer .metanav a {
	margin-right: 15px;
	color: #000;
}

#header {
	height: 194px;
	background: url('../img/header_bkg.png') no-repeat top left;
}

#header .flute {
	position: absolute;
	width: 259px;
	height: 133px;
	margin-left: 554px;
}

#header .logo {
	position: absolute;
	width: 252px;
	height: 76px;
	margin: 10px 0 0 33px;
}

#header .ocarina {
	position: absolute;
	width: 151px;
	height: 103px;
	margin: 18px 0 0 815px;
}

#header .slogan {
	position: absolute;
	width: 396px;
	height: 15px;
	margin: 91px 0 0 84px;
}

.language {
	width: 81px;
	height: 59px;
	background: url('../img/language_bkg.gif') no-repeat top left;
	margin: 30px 0 0 39px;
}

.language a {
	color: #fff;
	text-decoration: none;
}

.language a:hover {
	text-decoration: underline;
}

.language a.active, .language a.active:hover {
	color: #f2ba30;
	text-decoration: none;
}

.language div {
	position: absolute;
	width: 35px;
	font-weight: bold;
	line-height: 12px;
	text-transform: uppercase;
	text-align: center;
}

.language .de {
	margin: 39px 0 0 39px;
}

.language .en {
	margin: 10px 0 0 46px;
}

.language .it {
	margin-top: 22px;
}

#mainnav {
	position: absolute;
	width: 970px;
	height: 47px;
	background: url('../img/nav_bkg.gif') no-repeat top left;
	margin-top: 136px;
}

#mainnav a {
	color: #000;
	text-decoration: none;
}

#mainnav a:hover {
	text-decoration: underline;
}

#mainnav a.active, #mainnav a.active:hover {
	color: #ae200a;
	text-decoration: none;
}

#mainnav li {
	float: left;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 13px;
	padding-left: 25px;
	height: 47px;
	background-repeat: no-repeat;
}

#mainnav li.first {
	background-image: url('../img/note1.gif');
	background-position: 65px 18px;
	padding: 14px 0 0 85px;
}

#mainnav li.second {
	background-image: url('../img/note2.gif');
	background-position: 20px 15px;
	padding: 29px 0 0 40px;
}

#mainnav li.third {
	background-image: url('../img/note3.gif');
	background-position: 20px 11px;
	padding: 7px 0 0 40px;
}

#mainnav li.fourth {
	background-image: url('../img/note4.gif');
	background-position: 20px 7px;
	padding: 21px 0 0 40px;
}

#mainnav li.fifth {
	background-image: url('../img/note5.gif');
	background-position: 20px 7px;
	padding: 4px 0 0 40px;
}

#mainnav li.sixth {
	background-image: url('../img/note6.gif');
	background-position: 20px 14px;
	padding: 11px 0 0 40px;
}

#mainnav li.seventh {
	background-image: url('../img/note7.gif');
	background-position: 17px 20px;
	padding: 32px 0 0 40px;
}

#mainnav li.eight {
	background-image: url('../img/note8.gif');
	background-position: 20px 7px;
	padding: 21px 0 0 40px;
}

#mainnav ul {
	list-style-type: none;
}

.southtyrol {
	text-align: center;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

#wrap {
	position: relative;
	margin: 0 auto;
	width: 970px;
}

/* Form */
.tx-pilmailform-pi1 {
	border-top: 1px dotted #ddd;
	margin-left: 20px;
}

.inquiry-form {
	width: 600px;
	border-spacing: 2px;
	margin: 20px auto;
}

.inquiry-form input, .inquiry-form select {
	vertical-align: middle;
}

.inquiry-form input[type=button], .inquiry-form input[type=submit] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 2px;
}

.inquiry-form input[type=text] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	border: 1px solid #dedede;
	background-color: #fefefe;
	padding: 1px 2px;
	width: 200px;
}

.inquiry-form textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	border: 1px solid #dedede;
	background-color: #fefefe;
	padding: 1px 2px;
	width: 400px;
	height: 80px;
}

.inquiry-form input[type=text]:focus, .inquiry-form textarea:focus {
	border: 1px solid #989898;
	background-color: #fff;
}

.inquiry-form label {
	line-height: 18px;
}

.inquiry-form td {
	background-color: #f9f9f9;
	padding: 3px;
	vertical-align: top;
	line-height: 18px;
}

.inquiry-form table {
	margin: 0;
}

.inquiry-form .mandatory {
	background-color: #efefef;
	font-size: 11px !important;
	color: #ae200a !important;
}

.disabled {
	color: #ddd;
	background-color: transparent;
	border: 0;
}

.disabled:hover {
	text-decoration: none;
	cursor: default;
}

.notdisabled {
	color: #ae200a;
	background-color: transparent;
	border: 1px solid #ae200a;
}

.notdisabled:hover {
	color: #fff;
	background-color: #ae200a;
	cursor: pointer;
}

.privacy {
	font-size: 10px;
	line-height: 14px;
	padding-top: 5px;
}

/* IMAGES */
.csc-textpic-imagewrap div {
	float: left;
	margin: 0 5px 5px 0;
}
