<!--

/*=========================================================================*/
/* SCREEN CSS zu gim.ch                                                    */
/* CSS Code : mediaparx.com : Januar 2007                                  */
/*=========================================================================*/

/*----------------------------------------------------------*/
/* Generelle Definitionen                                    */
/*==========================================================*/


body {
	border: 0px; 
	height: 100%;
	margin:0px; 
	padding:0px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 12px; 
	font-size-adjust: none; 
	font-stretch: normal;
	color: #000000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	}

div{
	text-align:left;
	font-size: 100%;
	background-color:#FFFFFF;
	font-size:medium;
}


table { 
	width:100%;
	border-spacing:0;
}

tr{
	text-align:left;
}

td{
	text-align:left;
	vertical-align:top;
}

th{
	text-align:left;
	vertical-align:top;
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 12px; 
	padding-top:13px;
	padding-right:13px;
	padding-left:13px;
	padding-bottom:0px;
	width:420px !important;
}

p {
	margin-top:13px;
	margin-bottom:0px;
}

.inhalt {
	padding-top:10px;
	padding-right:13px;
	padding-left:13px;
	padding-bottom:0px;
	width:420px;
	border-left:#FFFFFF solid 2px;
}

img{
	padding:0px;
	margin:0px;
	border:0px;
}

textarea, select, .Textfeld{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000;
	width:298px;
	padding:1px;
	border-top:1px #003a70 solid;
	border-left:1px #003a70 solid;
	border-bottom:1px #FFF solid;
	border-right:1px #FFF solid;
	background:#e1e8f0;
}

select{
	width:100px;
	margin-right:200px;
}

label{
	float:left;
	width:300px;
	margin-top:0.5em;
}

input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#e0e2e8;
	width:150px;
	padding:1px;
	border-top:1px #FFF solid;
	border-left:1px #FFF solid;
	border-bottom:1px #003a70 solid;
	border-right:1px #003a70 solid;
	background:#0073de;
}

.ButtonForm{
	float:left;
	margin-right:2px;
	margin-top:0.5em;
}

/*----------------------------------------------------------*/
/* HTML Elemente                                             */
/*==========================================================*/

/*h1 entspricht Pagetitle*/
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:14px;
	color:#000000;
	line-height:100%;
	margin-top:7px;
	margin-bottom:0px;
}

/*h2 entspricht Subtitle*/
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	line-height:75%;
	color: #000000;
	margin-top:13px;
	margin-bottom:0px;
}

/*h3 entspricht dem Leadtext*/
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	line-height:100%;
	color: #000000;
}

/*Navigation*/
#header a{
	text-decoration:none;
	color:#666666;
}

#header a:hover{
	text-decoration:none;
	color:#000000;
}

/*Service-Navigation (Home & Sprache)*/
#footer a{
	text-decoration:none;
	color:#999999;
}

#footer a:hover{
	text-decoration:none;
	color:#666666;
}

/*weitere Definitionen*/
a{
	text-decoration:none;
	color:#0073DF;
}

a:hover{
	text-decoration:none;
	color:#004D95;
}

.weiss {
	color:#FFFFFF;
}

.clear{
	clear:both;
	margin:0px;
	padding:0px;
	height:0px;
	font-size:0px;
	line-height: 0px;
}

.linkKlein{
	font-size:11px;
}

#buttonKontakt {
  border-style: outset;
  border-width: 1px;
  border-color: #FFFFFF;
  background-color: #0073de;
  text-decoration: none; 
  font-weight: normal; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;  
  width: 145px;
  height: 17px;
  text-align: center;
  padding-top: 2px;
}
  
.buttonKontaktText {
  color: white; 
  text-decoration: none;   
  font-weight: normal; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
  cursor: hand;
}

.buttonKontaktOver  {
  color: black; 
  text-decoration: none;
  text-decoration: none;   
  font-weight: normal; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
  cursor: hand;
}

/*----------------------------------------------------------*/
/* Seiten-Elemente                                           */
/*==========================================================*/

#header {
	position: absolute; 
	z-index:1; 
	left:0px; 
	top:0px; 
	visibility:visible; 
	overflow: visible; 
	height: 65px;
	width:95%;
	padding:40px 13px 0px 13px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:12px;
}


#content{
	position:absolute;
	z-index:1; 
	left:0px; 
	top:110px; 
	margin:0px; 
	padding:0px;
	width: 100%;
	visibility:visible; 
	overflow: visible; 
	height: 385px !important ;
	min-width:100%;
	background-color:#E0E8F0;
}

#bildframe { 
	width:500px;
	height:385px;
	border:0;
} 

#textframe { 
	width:100%; 
	height:385px;
	margin:0px; 
	padding:0px;
	border:0;
}

#gesamtframe {
	width:100%; 
	height:385px;
	margin:0px; 
	padding:0px;
	border:0;
}

#footer {
 	position: absolute; 
	z-index:1; 
	left:0px; 
	top:500px; 
	visibility:visible; 
	overflow:visible; 
	height:25px;
	width:95%;
	padding:5px 13px 13px 13px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:11px;
	color:#999999;
	line-height:15px;
	padding-right:5px;
}

/*----------------------------------------------------------*/
/* SmoothDivScroll                                          */
/*==========================================================*/

#makeMeScrollable {
  width: 100%;
  height: 100px;
  margin-top: 260px;
  position: relative;
  background-color: transparent;
}
#makeMeScrollable div {
  background-color: transparent;
}

div.scrollableArea img {
  float: left; 
  margin-right: 2px;
}

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	width: 35%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 30%;
	height: 100%;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible {
	background-color: #fff;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea {
	position: relative;
	height: 100%;
	width: 6973px;
}
-->