@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: "GraublauWeb";
  src: url(http://www.axicos.ch/GraublauWeb-Regular) format("truetype");
}

@font-face {
  font-family: "GraublauWeb";
  font-weight: bold;
  src: url(http://www.axicos.ch/GraublauWeb-Bold) format("truetype") ;
}



html[xmlns^="http"]{
	 /* Mozilla-Scrollbar */
	overflow-y: scroll;
}

html, body{
	margin:0;
	padding:0;
	color: #000000;
	background-color: #ffffff;
}


/* ############################################################ */
/* #### Raster / Seitenaufteilung ############################# */


body{
	position: relative;
	width: 932px;
	margin: 0 auto 0 auto;
	text-align: center; /* horizontale Zentrierung in alten IEs */
}

div#website{
	position: relative;
	width:932px;
	text-align: left;
}

#header{
	height:130px;
}

#signet{
	position:absolute;
	top:67px;
	left:153px;
}

#teaser{
	position:absolute;
	top:50px;
	left:380px;
}

.clearer{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}

/* ############################################################ */
/* #### Allgemeine Formatierungen (Schriften, Listen,... ) #### */

html, body, table, th, td, div, li{
	font-family: GraublauWeb, arial, verdana, sans-serif;
    font-size: 13px;
    line-height: 18px;
}

a{
	text-decoration:none;
}

p.note{
	margin:25px 0 0 0;
	padding:10px 0 0 0;
	background-image: url(layout-images/bg_note.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#content a,
.image-h td a{
	text-decoration:none;
	color:#000000;
	background-color:#e75d71;
	padding:0 4px 0 4px;
}
#content a:hover,
.image-h td a:hover{
	color:#000000;
	background-color:#999999;	
}

img{
	border:none;
}


/* ############################################################ */
/* #### Toplinks (home, contact, terms of use) ################ */

a.toplinks{
	font-family: GraublauWeb, arial, verdana, sans-serif;
	color:#666666;
	background-color:#ffffff;
}
a.toplinks:hover{
	color:#000000;
	background-color:#ffffff;
}

#lnkhome{
	position:absolute;
	top:0;
	left:0;
}
#lnkcontact{
	position:absolute;
	top:0;
	left:570px;
}
#lnktermsofuse{
	position:absolute;
	top:0;
	left:760px;
}


/* ############################################################ */
/* #### Pagebrowser: back-Link + Breadcrumb ################### */

#pagebrowser{
	margin-top:20px;
	height:60px;
	overflow:hidden;
	background-image: url(layout-images/bg_falter.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color:#999999;
	background-color:inherit;
}

#backlnk{
	float:left;
	width:172px;
	text-align:right;
	font-family: arial, helvetica, verdana, lucida, sans-serif;
	font-weight:bold;
	line-height:24px;
}
#backlnk a{
	margin:3px 0 0 0;
	padding:0;
	color:#999999;
	background-color:inherit;
	height:50px;
	display:block;
}
#backlnk a:hover{
	color:#000000;
	background-color:#F0F0F0;
}

#breadcrumb{
	float:right;
	margin: 3px 0 0 0;
	width:742px;
	line-height:26px;
}
#breadcrumb a{
	color:#999999;
	background-color:inherit;
	padding:0 4px 0 4px;
}
#breadcrumb a:hover{
	color:#000000;
	background-color:#F0F0F0;
}

/* ############################################################ */
/* #### Contentbereich ######################################## */

#content{
	padding-top:6px;
	background-image: url(layout-images/bg_content.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#submenu{
	float:left;
	width:172px;
	text-align:right;
	font-family: arial, helvetica, verdana, lucida, sans-serif;
}

#submenu a,
#submenu a:hover{
	color:#000000;
	background-color:#ffffff;
	padding:0;
}

#maincontent{
	float:right;
	width:742px;
}

.size-s{
	width:172px;
	overflow:hidden;
}
.size-m{
	width:362px;
	overflow:hidden;
}
.size-l{
	width:552px;
	overflow:hidden;
}
div.spacer{
	clear:both;
	height:20px;
	background-image: url(layout-images/bg_spacer.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


/* ############################################################ */
/* #### Klapp-Effekt auf Startseite ########################### */

#image-menu-h{
	margin-top:30px;
	padding-bottom:1px;
	background-image: url(layout-images/bg_falter.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.image-h{
	height:60px;
	overflow:hidden;
	background-image: url(layout-images/bg_falter.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#currentDiv{
	background-image: url(layout-images/bg_content.gif) !important;
	background-position: left top;
	background-repeat: no-repeat;
}

#image-menu-h table{
	border-collapse:collapse;
	margin:1px 0 0 0;
	width:932px;
}
#image-menu-h td{
	vertical-align:top;
	padding:2px 0 0 0;
	color: rgb(170, 170, 170);
	background-color:inherit;
}
#image-menu-h #currentDiv td{
	color:#000000;
	background-color:inherit;
}
#image-menu-h td.spacer{
	width:18px;
}
#image-menu-h td.menu{
	text-align:right;
	font-weight:bold;
	font-family: arial, helvetica, verdana, lucida, sans-serif;
}

#image-menu-h td.menu a{
	padding:0;
	color:#999;
	background-color:#ffffff;
	height:237px;
	display:block;
}
#image-menu-h #currentDiv td.menu a{
	color:#000000;
	background-color:#ffffff;
}

#image-menu-h td.menu a:hover,
#image-menu-h #currentDiv td.menu a:hover{
	color:#000000;
	background-color:#F0F0F0;
}


/* ############################################################ */
/* #### Aenderungen bemerkt ########################### */

ul {
padding: 0px 0px 0px 15px;
margin: 0px;
}

span {
color: #999;
}

dd {
margin: 0;
padding: 0;
}

dt {
margin: 0;
padding: 0;
}