/* CSS Document: Style */

/* Farben

Atka          blau:       #507089
Thermostruct  rostbraun:  #993522
Bevando       lila:       #541740
Topgreen      grün:       #4d8650

*/



/* ##### Reset-Skript ##### */
center, isindex, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 101%;
	font-family: inherit;
	font-variant: inherit;
	vertical-align: baseline;
}

html {
 height:100%;
 margin-bottom:1px;
}

body {		
	background-color: #e9e9e9;
}

/* PNG-Behavior */
img {
   behavior: url("layout/pngbehavior/pngbehavior.htc");
}


/* ########################################################################## */


/* ##### Umfassender Container, zentrierung der Seite auf dem Bildschirm ##### */
#container {
	width: 980px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	}


/* ########################################################################## */


#linke_spalte {
   width:       324px;
   margin-left: 0px;
   padding-top: 138px;
   float: left;
}

#linke_spalte h1 {
   padding-bottom: 9px;
   padding-left: 5px;
   padding-right: 23px;
   border-bottom: 1px solid #b3b3b3;
}

p {
   padding-left: 5px;
}

em {
   color: #507089;
}

#rechte_spalte {
   float: left;
   margin-left: 15px;
   margin-top: 36px;
}

#spalte {
   float: left;
   width: 128px;
   height: 460 px;
   margin-right: 6px;  
}   


#portal_atka {
   width: 128px;
   height: 407px; 
   background-image: url(../images/portal_atka.jpg);
	 background-repeat: none;
	 cursor: pointer;
}

#hover_atka {
   width: 128px;
   height: 50px;
   margin-bottom: 2px;
   background-color: #e9e9e9;
   margin-top: 35px;
}


#portal_thermostruct {
   width: 127px;
   height: 407px;
   margin-right: 6px;  
   background-image: url(../images/portal_thermostruct.jpg);
	 background-repeat: none;
	 cursor: pointer;
}

#hover_thermostruct {
   width: 127px;
   height: 50px;
   margin-bottom: 2px;
   background-color: #e9e9e9;
   margin-top: 35px;
}


#portal_topgreen {
   width: 127px;
   height: 407px;
   margin-right: 6px;  
   background-image: url(../images/portal_topgreen.jpg);
	 background-repeat: none;
	 cursor: pointer;
}

#hover_topgreen {
   width: 127px;
   height: 50px;
   margin-bottom: 2px;
   background-color: #e9e9e9;
   margin-top: 35px;
}

#portal_bevando {
   width: 127px;
   height: 407px;
   margin-right: 6px;  
   background-image: url(../images/portal_bevando.jpg);
	 background-repeat: none;
	 cursor: pointer;
}

#hover_bevando {
   width: 127px;
   height: 50px;
   margin-bottom: 2px;
   background-color: #e9e9e9;
   margin-top: 35px;
}