/* CSS für www.packsan.ch */
 
/*
Schriftgrössen:
body  100.01% Wegen Rundungsfehler

10  0.625em
11  0.6875em
12  0.75em
13  0.8125em
14  0.875em
15  0.9375em
16  1em
17  1.0625em
18  1.125em
19  1.1875em
20  1.25em
21  1.3125em
22  1.375em
23  1.4375em
24  1.5em
25  1.5625em
26  1.625em
27  1.6875em
28  1.75em
29  1.8125em
30  1.875em
*/

/* iepngfix */
#logoPacks img {behavior: url(/_scripts/iepngfix.htc);}
/*  */

* {margin:0;padding:0;}
html,body {margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:100.01%;line-height:1em;color:#000000; background-color:#e2001a; /*background-color:#ad0e10;*/}
.navAccesskey {z-index:200;position: absolute;left: -1000px;top: -1000px;}
.clearer {clear:both; font-size:0px;line-height:0px; height:0px;background-color:#FFFF00;}

h1 {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.1em; margin:0 0 0.5em 0; font-weight:bold;}
a {}
img {border:none;}

div#container {margin:0 auto;width:980px; padding-top:76px;}
div#containerStart {margin:-200px 0 0 -200px;top:50%;left:50%;position:absolute;width:400px;height:400px; text-align:center;color:#FFFFFF; font-size:1em; text-transform:uppercase;}
	#containerStart img { margin-bottom:40px;}
	#containerStart a { color:#FFFFFF; font-weight:bold; text-decoration:none; letter-spacing:0.4em;}

#mainNavig {float:left; width:238px; margin-right:30px;}
	#mainNavig ul {margin:0;padding:0;width:238px;list-style:none;}
	#mainNavig ul li{list-style:none;}
	#mainNavig ul li a {display:block;padding:9px 0px; font-size:0.8125em; text-decoration:none;color:#FFFFFF; text-transform:uppercase;}
	* html #mainNavig ul li a {width: 238px; /* Breitenangaben nur fuer IE */}
	#mainNavig ul li a:focus, #mainNavig ul li a:hover {text-decoration:none; font-weight:bold;}  
	
	#mainNavig li.aktiv a {color:#FFFFFF; font-weight:bold;}
	#mainNavig .aktiv a:hover{ font-weight:bold;}
	
	#mainNavig ul li ul {margin:0;padding:0;width:238px;list-style:none;}
	#mainNavig ul li ul li{list-style:none;}
	#mainNavig ul li ul li a, #mainNavig ul li.aktiv ul li a {display:block;padding:9px 0px 9px 20px; font-size:0.8125em; text-decoration:none;color:#FFFFFF; text-transform:none; font-weight:normal;}
	* html #mainNavig ul li ul li a {width: 218px; /* Breitenangaben nur fuer IE */}
	#mainNavig ul li ul li a:focus, #mainNavig ul li ul li a:hover {text-decoration:none; font-weight:bold;}  
	
	#mainNavig ul li ul li.aktiv a {color:#FFFFFF; font-weight:bold;}

#contentNavig {margin:20px 0;}
	#contentNavig ul { width:637px;}
	* html #contentNavig ul {width:637px;}
	#contentNavig li {float:left; margin:0 20px 0 0; padding:0 0px 0 0; list-style:none;}

	#contentNavig a {float:left; display:block; padding:0; font-size:0.8125em; text-decoration:none;color:#000000;}
	#contentNavig a:focus, #contentNavig a:hover { font-weight:bold;}

	#contentNavig li.aktiv {}
	#contentNavig .aktiv a{ font-weight:bold;}
	#contentNavig .aktiv a:hover{}

div#contentArea {float:left;width:637px;padding:22px 0 0 75px;display:inline;background-color:#FFFFFF; background-image:url(/_img/bergsonne_packs.gif); background-repeat:no-repeat; background-position:553px bottom; position:relative;}
	.content, .contentGalerie { width:456px;font-size:0.8125em; min-height:350px;}
	.content a {color:#009ee0;}
	.contentGalerie { width:622px; margin-bottom:80px;}
	.contentGalerie img { margin:0 13px 13px 0;}
		.contentGalerie img.letztes { margin-right:0;}
	
#logoPacks { position:absolute; left:-66px; top:-38px; width:auto;}


.partnerListe { margin-bottom:10px;}
.partnerListe br { clear:both;}
.partnerListe img {float:right; width:auto;}


.imgRight { float:right; width:auto;}

.footerArea { color:#FFFFFF;font-size:0.8125em;}
.adressArea p { margin-bottom:1em;}
.adresse {font-weight:bold;}
.adresse a { color:#FFFFFF; text-decoration:none;}
.adresse a:hover { text-decoration:underline;}

/* Kontaktformular */
#formKontakt {float:left;width:470px;display:inline;margin:20px 0 0 0;}
#formKontakt label{float:left;width:180px;display:inline;text-align:left;margin:0 0 10px 0;line-height:1.5em;font-size:0.8125em;}
#formKontakt input {float:left;width:260px;display:inline;margin-right:10px;border:solid 1px #CCCCCC;background-color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:0.8125em;color:#999999;}
#formKontakt textarea {float:left;width:260px;display:inline;margin-right:10px;height:100px;border:solid 1px #CCCCCC;background-color:#FFFFFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8125em; color:#999999;}
#formKontakt span {float:left; width:auto;display:inline;padding-right:10px;font-size:0.8125em;}
#formKontakt form br {clear: both;}
#formKontakt input:focus, #formKontakt textarea:focus, #formKontakt select:focus {border:solid 1px #7b6856;background-color:#d9d5ca;color:#7b6856;}
input:focus, textarea:focus, select:focus, #formKontakt select.aktiv, #formKontakt textarea.aktiv, #formKontakt input.aktiv {border:solid 1px #7b6856;background-color:#d9d5ca;color:#7b6856;}
input.mittelaktiv {border:solid 1px #666666;background-color:#fdf1bc; width:200px;}
#formKontakt input.btnSenden {float:left;width:100px;display:inline;margin-right:10px;border:solid 1px #CCCCCC;background-color:#FFFFFF;color:#7b6856;}
#formKontakt input.radio {width:auto; border:none;background-color:transparent;}
.error {border:1px #CC0000 dashed;color:#CC0000;padding:10px;margin:20px 20px 20px 0;font-size:0.8125em;}
.error img {margin-right:10px;}
input.radio {background-color:transparent;}


#solutionFooter {width:980px;margin:0 auto;}
	#solution {width:90px;margin:5px 0 20px 0; float:right;}
	#solution a, #solution a:visited {display:block;padding:0 0 13px 21px;font-family:Arial, Helvetica, sans-serif;font-size:9px;font-weight:bold;color:#CCCCCC;text-decoration:none; background-image:url(/_img/solution.gif);background-repeat:no-repeat;background-position:0 1px;}
	#solution a:focus, #solution a:hover {text-decoration:none;}
	* html #solution a {width:69px; /* Breitenangaben nur fuer IE */}
