/* Variable definitions
----------------------------------------------- */
body {
	font: 12px "Trebuchet MS", Verdana, sans-serif;
	color: #333;
	background: #ffffff;
	margin: 0;
	padding: 0;
}
ul {
	list-style-type: none;
	text-decoration: none;
}
p {
	line-height: 150%;
}


/* =Background
----------------------------------------------- */
#background {
	z-index: 10;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:500px;
	overflow:auto;
	background: url(../images/general/bg.png) repeat-x;
	padding:0;
	/* Again, the ugly brilliant hack. */
voice-family: "\"}\"";
	voice-family:inherit;
	width:100%;
}
/* Again, "be nice to Opera 5". */
body>#background {
	width:100%;
}


/* =Header
----------------------------------------------- */
#Header {
	z-index: 40;
	position: fixed;
	top: 0;
	left: 0;
	margin:0;
	padding:5px 0 30px 230px;
	width: 100%;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:23px; /* 14px + 5px + 4px = 23px */
	border-style:solid;
	border-color:#cebca4;
	border-width:0 0 4px;
	line-height:11px;
	background-color:#ffffcc;
	/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:14px; /* the correct height */
}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {
	height:14px;
}


/* =Links
----------------------------------------------- */
a:link {
	color: #cebca4;
	text-decoration: none;
}
a:visited {
	color: #cebca4;
	text-decoration: none;
}
a:hover, a:active {
	color: #D96B11;
	text-decoration: none;
}
a img {
	border-width:0;
}


/* =Branding
----------------------------------------------- */
h1 {
	z-index: 40;
	margin: 0 0 5px;
	padding: 0;
	position: fixed;
	left : 40px;
	top : 64px;
	width: 136px;
	height : 96px;
	background : url(../images/general/Logo_Pomatti_web.png) no-repeat;
}
/* The following rules relate to image replacement where a background image 
is placed on an element and HTML text is moved out of view. 
See http://www.mezzoblue.com/tests/revised-image-replacement */
h1 {
	text-indent : -9999px;
}


/* =Header-Information
----------------------------------------------- */
div#headerinfo_languages {
	z-index: 60;
	position: fixed;
	top: 0;
	left: 230px;
}
/* for internet explorer */
* html body {
	padding:0 0 10px;
}
ul#languages {
	position: absolute;
	text-align: left;
	top: 6px;
	left: 0;
	width: 200px;
	margin: 0;
	padding: 0
}
ul#languages a {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #cebca4;
}
ul#languages a:hover {
	color: #003399;
}
ul#languages li.active a {
	font-weight: bold;
	color: #003399;
}
ul#languages li {
	padding:0 7px 0 0 !important;
	display:inline;
	top: 1px;
	height: 10px;
}


/* =Navigation
----------------------------------------------- */
#navigation {
	z-index: 50;
	position: fixed;
	width: 100%;
	height: 75px;
	padding: 0;
	margin: 0 0 0 0;
	overflow: auto;
	left: 230px;
	top: 53px;
	background: url(../images/general/bg_nav_main.png) no-repeat;
	font: 14px "Trebuchet MS", Verdana, sans-serif;
}
#navigation ul {
	margin: 0;
	padding: 0;
	white-space : nowrap;
}
#navigation ul li {
	margin: 0;
	padding: 8px 12px 0 0;
	display: inline;
	float:left;
	text-align: left;
}
#navigation ul li a {
	color : #898989;
	text-decoration : none;
	font-weight: bold;
	display: inline;
	border: none;
}
#navigation ul li a {
	height: 32px;
	width: 9%;
	line-height: 32px;
	padding-top: 4px;
}
#navigation ul li a:hover, #Menu ul li a:active {
	color : #004C91;
	height: 29px;
	width: 9%;
	line-height: 32px;
	padding-top: 4px;
}
ul#nav_main li.active a, ul#nav_main a:hover {
	color : #004C91;
	height: 32px;
	width: 9%;
	line-height: 32px;
	padding-top: 4px;
}


/* =Subnavigation
----------------------------------------------- */
#Subnavigation {
	z-index: 40;
	position: fixed;
	top:176px;
	left: 40px;
	width:170px;
	height: 100%;
	padding: 40px 30px 0 10px;
	text-align: right;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:170px;
}
/* Again, "be nice to Opera 5". */
body>#Subnavigation {
	width:170px;
}
#Subnavigation ul {
	margin: 0;
	padding: 0;
	white-space : nowrap;
}
#Subnavigation ul li {
	margin: 0;
	padding: 0;
	white-space : nowrap;
	font: 14px "Trebuchet MS", Verdana, sans-serif;
	line-height: 22px;
}
#Subnavigation ul li a {
	margin:0 0 0;
	color: #898989;
}
#Subnavigation ul li a:hover, #Subnavigation ul li a:active {
	margin:0 0 0;
	color: #004C91;
}
ul#nav_sub li.active a, ul#sub_nav a:hover {
	margin:0 0 0;
	color: #004C91;
}


/* =Content
----------------------------------------------- */
div#Content {
	z-index: 30;
	position: absolute;
	width: 800px;
	left: 230px;
	top: 116px;
	margin:0;
	padding:0px;
	background: #ffffff url(../images/general/bg_content.png) repeat-y;
	background-image: url(../images/general/bg_content.png);
}
#spalte_home {
	width: 350px;
	padding: 30px 20px 30px 30px;
	color: #333;
	float: left;
}
#spalte_home h2 {
	color: #898989;
}
#spalte_home a {
	color: #003399;
}
#spalte_home a:hover, #spalte_home a:active {
	color: #ff9900;
}
#spalte_home_re {
	width: 330px;
	float: right;
	padding: 30px 30px 30px 30px;
}
#spalte_home_re p, #spalte_home_re ul {
	padding: 0;
	margin: 0 0 15px 0;
}
#spalte_links {
	width: 350px;
	padding: 30px 20px 30px 30px;
	color: #333;
	float: left;
}
#spalte_links h2 {
	color: #898989;
}
#spalte_links a {
	color: #003399;
}
#spalte_links a:hover, #spalte_links a:active {
	color: #ff9900;
}
.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.sticky {
	color: #333;
	background: #F3F2E4;
	margin: 10px 0 20px 0;
	padding: 4px;
}
.sticky div {
	background: #fff;
	border: 1px solid #c4c4c4;
	padding: 20px 20px 0 20px;
}
.sticky span {
	color: #898989;
	font-weight: bold;
}
.sticky p {
	color: #999999;
}
.sticky h1 {
	color: #898989;
	font-weight: bold;
}
.sticky a {
	color: #333;
	text-decoration: underline;
}
.sticky a:hover, .sticky a:active {
	color: #D96B11;
	background-color: transparent;
	text-decoration: underline;
}
#spalte_breit {
	width: 800px;
	height: auto;
	padding: 30px 20px 30px 30px;
	color: #333;
	float: left;
}
#spalte_breit h2 {
	color: #898989;
}
#spalte_breit a {
	color: #003399;
}
#spalte_breit a:hover, #spalte_breit a:active {
	color: #ff9900;
}
#partners ul {
	padding: 0;
	margin: 0;
}
#partners ul li {
	margin:0 0 0 0;
	padding: 0;
	width: 100%;
	float:left;
	text-align: left;
	line-height: 150%;
}
#partners ul li.aastra {
	background: url(../images/pagecontent/70_partner/logo_partner_aastra.gif) no-repeat;
	padding: 0 0 30px 160px;
}
#partners ul li.abb {
	background: url(../images/pagecontent/70_partner/logo_partner_abb.png) no-repeat;
	padding: 0 0 30px 160px;
}
#partners ul li.buo {
	background: url(../images/pagecontent/70_partner/logo_partner_buo.png) no-repeat;
	padding: 0 0 30px 160px;
}
#partners ul li.eev {
	background: url(../images/pagecontent/70_partner/logo_partner_eev.png) no-repeat;
	padding: 0 0 30px 160px;
}
#partners ul li.distrelec {
	background: url(../images/pagecontent/70_partner/logo_partner_distrelec.png) no-repeat;
	padding: 0 0 30px 160px;
}
#partners ul li.hager {
	background: url(../images/pagecontent/70_partner/logo_partner_hager.png) no-repeat;
	padding: 0 0 30px 160px;
}
#partners ul li.regent {
	background: url(../images/pagecontent/70_partner/logo_partner_regent.gif) no-repeat;
	padding: 0 0 30px 160px;
}
#partners ul li.studerus {
	background: url(../images/pagecontent/70_partner/logo_partner_studerus.png) no-repeat;
	padding: 0 0 30px 160px;
}
#partners ul li.swisscom {
	background: url(../images/pagecontent/70_partner/logo_partner_swisscom.gif) no-repeat;
	padding: 0 0 30px 160px;
}
#partners ul li.vzug {
	background: url(../images/pagecontent/70_partner/logo_partner_vzug.png) no-repeat;
	padding: 0 0 30px 160px;
}
#partners ul li.vsei {
	background: url(../images/pagecontent/70_partner/logo_partner_vsei.png) no-repeat;
	padding: 0 0 30px 160px;
}


/* =Footer
----------------------------------------------- */
#footer {
	z-index: 60;
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	height:25px;
	overflow:hidden;
	text-align: left;
	text-indent: 0px;
	background:#ffffcc;
	border-top:4px solid #cebca4;
	padding-top: 10px;
}

/* for internet explorer */
* html #footer {
	height:25px;
}
#footer ul {
	margin: 0;
	padding: 0 0 0 230px;
	white-space : nowrap;
}
#footer ul li {
	margin:0 0 0 0;
	padding: 0 10px 0 0;
	display: inline;
	float:left;
	text-align: left;
}
#footer ul li a {
	color: #cebca4;
	text-transform: lowercase;
	text-decoration: none;
	display: inline;
	font-size: 12px;
	margin:0 0 0;
}
#footer ul li a {
	height: 15px;
	width: 1%;
	line-height: 15px;
	padding-top: 4px;
}
#footer ul li a.logo {
	background: url(../images/general/Schmetterling_brown_lt.png) no-repeat;
	padding: 0px 0 0 25px;
	text-decoration: none;
}
#footer ul li a.logo:hover, #footer a.logo:active {
	background: url(../images/general/Schmetterling_orange.png) no-repeat;
	padding: 0px 0 0 25px;
	text-decoration: none;
}
#footer ul li a:hover, #footer ul li a:active {
	margin:0 0 0 0;
	color: #003399;
	text-transform: lowercase;
	text-decoration: none;
	height: 15px;
	width: 1%;
	line-height: 15px;
	padding-top: 4px;
}
ul#nav_footer li.active a, ul#nav_footer a:hover {
	margin:0 0 0 0;
	color: #003399;
	text-transform: lowercase;
	text-decoration: none;
	height: 15px;
	width: 1%;
	line-height: 15px;
	padding-top: 4px;
}
.text_bildlegende {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
.text_titel_lauftext {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
}