@charset "utf-8";
/* Stefan Vögelin | Muttenz | Schweiz | www.stefanvoegelin.ch | info@stefanvoegelin.ch */

* {
	margin:0;
	padding:0;
	border:none;
	text-decoration:none;
	list-style:none;
}
body{
	width:100%;
	min-height:100%;
	height:auto !important; /* moderne Browser */
	height:100%; /* IE */ 
	font:normal 12px/140% Arial, Helvetica, sans-serif;
	color:#333;
	background:#a6a6a6;
}

/* clear */
.clear {
	height:0;
	clear:both;
}

/* headings */
h1 {
	font:normal 25px/25px Arial, Helvetica, sans-serif;
	color:#1a1a1a;
	margin-bottom:15px;
}
h2.subtitle {
	font:normal 14px/140% Arial, Helvetica, sans-serif;
	color:#069;
	margin-bottom:15px;
}
h2.block {
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	background:#069;
	margin-bottom:5px;
	padding:5px 10px;
}
h2.fp {
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#1a1a1a;
	text-transform:uppercase;
	padding:5px 10px;
	background:#e5e5e5;
}
h2 span.subline {
	font:normal 10px/140% Arial, Helvetica, sans-serif;
	color:#666;
	text-transform:none;
}
h3 {
	font:bold 12px/140% Arial, Helvetica, sans-serif;
	color:#1a1a1a;
}
h3 span.description {
	font:normal 11px/140% Arial, Helvetica, sans-serif;
	color:#666;
	text-transform:none;
}


/* text */
u {
	text-decoration:underline;
}
.gray {
	color:#999;
}
.tab {
	display:inline-block;
	width:50px;
}
#blockcontent p, #blockcontentwide p {
	margin-bottom:15px;
}
.teaser p {
	margin-bottom:5px;
}

/* links */
a {
	color:#069;
}
a:hover, a:focus, a:visited {
	color:#069;
}
a.download {
	background:url(/ES/images/icons/download.jpg) left no-repeat;
	padding-left:15px;
}
a.loupe {
	display:block;
	width:20px;
	height:20px;
	margin-top:-25px;
	margin-bottom:10px;
}
a.leave {
	background:url(/ES/images/icons/leave.jpg) left no-repeat;
	padding-left:15px;
}


/* list */
ul.list {
	margin-bottom:15px;
}
ul.list li {
	padding-left:15px;
	background:url(/ES/images/icons/bullet-list.jpg) left no-repeat;
}
ul.menu {
	margin-bottom:5px;
}
ul.menu li {
	border-bottom:1px solid #e5e5e5;
}
ul.menu li.top {
	border-top:1px solid #e5e5e5;
}
ul.menu li a {
	display:block;
	margin:5px 0;
	padding-left:15px;
	background:url(/ES/images/icons/bullet-navi.jpg) left no-repeat;
	font:normal 12x/12px Arial, Helvetica, sans-serif;
	color:#666;
}
ul.menu li a:hover, ul.menu li a:focus {
	color:#1a1a1a;
}

/* sitemap */
ul.sitemap {
	width:100%;
	margin-bottom:15px;
}
ul.sitemap li {
	float:left;
	width:139px;
}
ul.sitemap li a {
	font:bold 12px/140% Arial, Helvetica, sans-serif;
	color:#666;
}
ul.sitemap li ul {
	margin-top:5px;
}
ul.sitemap li ul li {
	float:none;
	width:119px;
	padding-right:20px;
}
ul.sitemap li ul li a{
	font-weight:normal;
}
ul.sitemap li a:hover {
	color:#1a1a1a;
}

/* downloads */
ul.download {
	width:100%;
	margin-bottom:15px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
ul.download li {
	margin:5px 0;
}
ul.download li div.text {
	float:left;
	width:285px;
	height:100px;
	padding-right:10px;
	position:relative;
}
ul.download li div.text a.bottom {
	position:absolute;
	bottom:0;
}
ul.download li div.img {
	float:right;
	width:180px;
	text-align:right;
}

/* example */
ul.example {
	margin-bottom:5px;
}
ul.example li {
	border-bottom:1px solid #e5e5e5;
}
ul.example li.top {
	border-top:1px solid #e5e5e5;
}
ul.example li a {
	display:block;
	height:40px;
	margin:5px 0;
}
ul.example li a img {
	width:40px;
	height:40px;
	float:left;
	margin-right:5px;
}
#blockright ul.example li a:hover h3 span.description, ul.menu li a:focus h3 span.description {
	color:#1a1a1a;
}

/* frontpage */
#content div.fp-box {
	float:left;
	width:165px;
	min-height:200px;
	border:1px solid #e5e5e5;
	margin:0 10px;
}
#content div.first {
	margin-left:0;
}
#content div.last {
	margin-right:0;
}

/* box */
#box-container {
	width:100%;
	margin-bottom:15px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
#box-container .box {
	float:left;
	width:225px;
	margin:5px 0;
	padding-right:10px;
}
#box-container .last {
	padding:0;
}
#box-container .img {
	float:left;
	width:80px;
	height:80px;
}
#box-container .text {
	float:left;
	width:135px;
	height:80px;
	padding-left:10px;
	position:relative;
}
#box-container a.bottom {
	position:absolute;
	bottom:0;
}

/* clear */
ul.download br, ul.maderas br, ul.sitemap br {
	clear:both;
}

/* table */
table.size {
	width:100%;
	margin-bottom:15px;
	padding:5px 0;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
table.top {
	border-bottom:none;
	margin:0;
}
table.bottom {
	border-top:none;
}
table.size caption {
	font:bold 12px/140% Arial, Helvetica, sans-serif;
	color:#1a1a1a;
	text-align:left;
}
table.size th {
	font:bold 12px/140% Arial, Helvetica, sans-serif;
	color:#1a1a1a;
	text-align:left;
}
table.size td {
	font:normal 12px/140% Arial, Helvetica, sans-serif;
}

/* lines */
hr {
	width:100%;
	height:0;
	border-bottom:1px solid #e5e5e5;
}

/* container */
#container {
	width:955px;
	margin:30px auto;
}
.shadow {
	height:25px;
	background:#a6a6a6 url(/ES/images/background/shadow.jpg) no-repeat;
}

/* metanavi */
#metanavi {
	height:25px;
}
#metanavi ul {
	float:right;
	width:auto;
}
#metanavi li {
	float:left;
	background:#fff;
	padding:5px 0;
}
#metanavi li a {
	display:block;
	padding:0 10px;
	border-left:1px solid #ccc;
	border-right:1px solid #f2f2f2;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#737373;
}
#metanavi li a:hover, #metanavi li a:focus {
	color:#1a1a1a;
}
#metanavi li.first a {
	border-left:none;
}
#metanavi li.last a {
	border-right:none;
}

/* header */
#header {
	height:55px;
	margin:20px 0;
}

/* slider */
#slider {
	width:945px;
	height:150px !important;
	overflow:hidden;
	border:5px solid #fff;
}

/* navigation */
#navigation {
	height:45px;
	background:#069;
	padding:5px 0;
}
#navigation li {
	float:left;
	padding:5px 0;
}
#navigation li a {
	display:block;
	padding:5px 40px 5px 20px;
	border-left:1px solid #005580;
	border-right:1px solid #0077b3;
	font:normal 14px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
}
#navigation li a .description {
	font:normal 10px/10px Arial, Helvetica, sans-serif;
	color:#999;
	text-transform:none;
	}
#navigation li.first a {
	border-left:none;
}
#navigation li.last a {
	border-right:none;
}

/* content */
#content {
	background:#fff;
	padding:20px;
	
}
#blockleft, #blockcontent, #blockcontentwide, #blockright {
	float:left;
	min-height:250px;
	padding-bottom:30px;
}

/* blockleft */
#blockleft {
	width:200px;
}

/* blockcontent, blockcontentwide */
#blockcontent {
	width:475px;
	margin:0 20px;
	min-height:200px;
}
#blockcontentwide {
	width:695px;
	margin-left:20px;
	min-height:300px;
}

/* container */
.container {
	margin-bottom:10px;
	padding:5px 0;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
.container h3 {
	font:bold 12px/140% Arial, Helvetica, sans-serif;
}
.container p, .container a {
	font:normal 12px/140% Arial, Helvetica, sans-serif;
}

/* container clear */
.container br, .box br, .documents br {
	clear:left;
	visibility:hidden;
}

/* box */
.box {
	float:left;
	width:225px;
}
.box-img {
	float:left;
	width:80px;
}
.box-img img.top {
	margin-bottom:10px;
}
.box-content {
	float:left;
	width:125px;
	padding:0 10px;
}
.box-contentwide {
	float:left;
	width:594px;
	padding-left:10px;
}

/* doc */
.doc-content {
	float:left;
	width:325px;
}
.doc-img {
	float:right;
	width:150px;
}


/* blockright */
#blockright {
	width:200px;
}

/* teaser */
.teaser {
	margin-bottom:5px;
	padding:10px;
	border:1px solid #e5e5e5;
}

/* form */
fieldset {
	margin-bottom:10px;
	padding:10px;
	border:1px solid #e5e5e5;
}
legend {
	font:bold 11px/140% Arial, Helvetica, sans-serif;
	color:#999;
	padding:10px;
}
label {
	display:block;
	width:150px;
	padding:5px 10px;
	float:left;
}
form br {
	clear:left;
}
input[type=text], textarea {
	width:250px;
	font:normal 12px/140% Arial, Helvetica, sans-serif;
	color:#262626;
	margin-bottom:10px;
	padding:5px;
	background:#fafafa url(/ES/images/background/bg-form.jpg) bottom repeat-x;
	border:1px solid #e5e5e5;
}
textarea {
	height:80px;
	overflow-y:scroll;
}
label, select, textarea, input[type=text], input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
	cursor:pointer;
	cursor:hand;  /* IE-Korrektur */
}
input[type=submit] {
	display:block;
	margin-left:170px;
	padding:5px 10px;
	background:#069;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
}

/* footer */
#footer {
	height:25px;
	padding:10px 0;
	background:#1a1a1a;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#666;
}
#footer ul {
	width:auto;
	padding:0 20px;
}
#footer li {
	float:left;
	padding:5px 10px;
	border-left:1px solid #0d0d0d;
	border-right:1px solid #262626;
}
#footer li.first {
	padding-left:0;
	border-left:none;
}
#footer li.last {
	padding-rigth:0;
	border-right:none;
}
#footer li a {
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#666;
}
#footer li a:hover {
	color:#069;
}
#footer li.facebook {
	float:right;
	padding:5px 0;
	border:0;
}
#footer li.facebook a {
	display:block;
	padding-left:25px;
	background:url(/ES/images/icons/facebook.jpg) left no-repeat;
}
#footer li.facebook a:hover {
	background:url(/ES/images/icons/facebook_hover.jpg) left no-repeat;
}