/**

 *

 * FEINHEIT kreativ studio // www.feinheit.ch

 *

 */
 


body{
	margin:0px;
	padding:0px;
	background:url('/media/img/design/body_bg1.jpg') top center;
	color:#fff;
	/*font-family: "Trebuchet MS", Trebuchet MS, Geneva, Verdana, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

a{
	cursor:pointer;
	color:#fff;
}
h1{
	margin:0px;
	padding:0px;
	font-size:26px;
}
p{line-height:22px;}



table,table th,table td,table tr{
	border:none;
	border-collapse:collapse;
	vertical-align:top;
	text-align:left;
	padding:0px;
	margin:0px;
}

table#pageholder{width:100%;}

#col1{
	/*width:auto;*/
	width:25%;
}
#col1 #logo{
	display:block;
	height:200px;
	width:185px;
	float:right;
	text-indent:-7777px;
	background: url(/media/img/design/logo.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/img/design/logo.png',sizingMethod='crop');
}
#col1 ul, #col1 li{
	list-style:none;
	margin:0px;
	padding:0px;
	clear:both;
}
#col1 li, #col1 li a, #col1 li a span{
	display:block;
	height:24px;
}

#col1 li{margin-bottom:10px;}
#col1 li a{
	cursor:pointer;
	text-decoration:none;
	color:#000;
	font-size:16px;
	font-weight:bold;
}
#col1 li a span{
	cursor:pointer;
	float:right;
	width:145px;
	line-height:24px;
}

#col1 li a:hover{color:#AD000F;}

#col1 li.mark a{
	background:url(/media/img/design/li_space.gif) top right;
	color:#fff;
}

#col1 li.mark a span{
	background: url(/media/img/design/li_bg.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/img/design/li_bg.png',sizingMethod='crop');
}



#col2{
	width:65%;
	padding-bottom:50px;
}
#col2 #pageheader{
	height:167px;
}
#col2 #pageheader a.logo{
	float:left;
	text-indent:-7777px;
	display:block;
	height:167px;
	width:385px;
	background: url(/media/img/design/header.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/img/design/header.png',sizingMethod='crop');
}



#col2 #pageheader p{
	float:left;
	display:block;
	padding:0px; margin:0px;
	margin-left:100px;
	padding-top:65px;
	display:block;
	width:200px;
	text-align:right;
	color:#000;
	font-size:14px;
}

#col2 #pagesubnavi{
	height:34px;
}
#col2 #pagesubnavi ul, #col2 #pagesubnavi li{
	list-style:none;
	margin:0px;
	padding:0px;
}
#col2 #pagesubnavi li, #col2 #pagesubnavi a{
	float:left;
}
#col2 #pagesubnavi li a{
	display:block;
	height:34px;
	color:#000;
	font-size:16px;
	text-decoration:none;
	padding:0px 12px 0px 12px;
	line-height:34px;
}
#col2 #pagesubnavi li a:hover{color:#AD000F;}
#col2 #pagesubnavi li.mark a{
	background:#AD000F;
	color:#fff;
}
#col2 #contholder{
	background:#AD000F;
	min-width:695px;
	min-height:300px;
}
#col2 #contholder div{
	width:695px;/*720px*/
	padding:25px 0px 25px 35px;
}
#col3 div{
	display:block;
	min-width:145px;
	margin-top:200px;
	background:#AD000F;
}

#pageintro{
	position:absolute;
	top:0px;
	left:0px;
}




#col2 #contholder #cont #slogan {
	/*clear:both;*/
	float: left;
	width: 180px;
	height: 300px;
	background:url(/media/img/design/slogan.png) no-repeat left 140px;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/img/design/slogan.png',sizingMethod='crop');
	
}
#col2 #contholder #cont #slogan span {
	display:none;
}
#col2 #contholder #cont #kontakt {
	float: left;
	width:300px;
	height: 300px;
	padding-top:0;
	line-height: 20px;
}
#col2 #contholder #cont #slogenholder{
	height:300px;
}


/******************************************** Formular ********************************************/

form th{
	font-weight: normal;
	padding-right: 5px;
	vertical-align: middle;

}

form td{
	padding-bottom:5px;
}

input, textarea{
	width:300px;
	border: none;
	padding: 5px
	
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}
.invalid th {
	font-weight:bold;
}

.error{
	font-weight:bold;
	color: black;
}

.invalid input, .invalid textarea {
	border-left: 4px solid black;
	width:296px;
}

.submit-btn input {
	width: 100px;
}

/******************** FEINHEIT ********************/



#feinheit {
	position: absolute;
	right: 0;
	top: 0;
	background: url(/media/img/design/feinheit.gif) no-repeat 0 0;
	width: 16px;
	height: 53px;
	text-decoration: none;
}
#feinheit span {
	display: none
}




@media print {
	*{background: #fff; color: #000;}
	html {font: 100%/1.5 Arial, Helvetica, sans-serif;}
	#col1, #col2 #pagesubnavi,  #col2 #pageheader a.logo{ display: none; }
	#col2, table#pageholder{width:auto;}
	#col2 #contholder{background:#fff; clear:both;}
	#col2 #contholder div{padding:0px; width:auto;}
	#col2 #pageheader{height:auto; padding:0px;}
	#col2 #pageheader p{
		width:auto;
		text-align:left;
		margin:0px;
		padding:0px 0px 20px 0px;
	}
}