/* Stile sheet - 
version:        1.0
author:         Peter Seilacher
email:          info@seilacher.com
entwickelt für: raum-akustiks.de
Beschreibung:   dieses Stilesheet ist noch kombiniert; Layout, Standardschriften, und Menue Anweisungen sind in einem Stilesheet
Beschreibung2:  float ELemente für news ergänzt (09/02)
-
Layout container_*/

body {
background-color:#1E1E1E;
background-image: url(../bilder/hg/kurve-hg.gif);
background-repeat:repeat-x;
margin:0;
padding:0;
}


#main {
background-color:#838A93;
position:relative;
width:800px;
height:1500px;
z-index:1;
padding-top:0;
margin:0 auto;
}

#kopf {
background-color:#838A93;
width:653px;
height:100px;
position:absolute;
margin-left:147px;
z-index:2;
}

#title {
width:250px;
height:50px;
position:absolute;
left:200px;
top:60px;
background-image:url(file:///D|/06%20Websites/01%20Entwicklung/02%20CSS%20mehrspalter/css-mehrspalter-Dateien/css/raum_akustiks.gif);
background-repeat:no-repeat;
z-index:3;
}

/*Adresskopf_*/
#adresskopf {
width:200px;
position:absolute;
z-index:20;
top:30px;
left:500px;
display:block;
text-align:right;
}

/*_________*/
#hg-menue {
background-color:#BAD2C5;
width:169px;
height:1500px;
position:absolute;
z-index:4;
margin:0;
}

#hg-strich {
background-color:#000;
width:7px;
height:1505px;
position:absolute;
z-index:5;
left:163px;
}

#hg-text {
background-color:#666;
width:630px;
height:1400px;
position:absolute;
z-index:4;
top:100px;
left:170px;
}

/*5. Elemente zum fuellen__/*

/* position textblock_*/
#textblock {
width:550px;
position:absolute;
z-index:10;
top:155px;
left:200px;
}

/* position menue_*/
#buttonscontainer {
width:155px;
position:absolute;
z-index:11;
top:140px;
left:16px;
}
/* position impressum_*/
#impressum {
width:110px;
position:absolute;
z-index:17;
top:790px;
left:36px;
}



/*10. Textdefinition
_
 font-standard
_
 farbe + type*/
body,td,th,a,H1,H2,H3,H4,H4,H5,H6, {
color:#BAD2C5;
font-family:Arial, Verdana, Helvetica, sans-serif;
}

body,td,th {
font-size:12px;
line-height:14px;
color:#BAD2C5;
font-family:Arial, Verdana, Helvetica, sans-serif;
margin:0;
}

a {
font-weight:bolder;
color:#BAD2C5;
font-family:Arial, Verdana, Helvetica, sans-serif;
}

H1 {
color:#BAD2C5;
font-family:Arial, Verdana, Helvetica, sans-serif;
LETTER-SPACING: 2px 
font-weight:700;
font-size:16px;
line-height:18px;
}

H2 {
FONT-WEIGHT: bold; 
FONT-SIZE: 12px;
LETTER-SPACING: 0px 
font-weight:700;
font-size:12px;
line-height:16px;
}
H3 {
FONT-WEIGHT: bold; 
FONT-SIZE: 12px;
LETTER-SPACING: 0px 
font-weight:700;
font-size:12px;
line-height:16px;
}

/* font-sonder- */
	.impressum {
	font-weight:700;
	FONT-SIZE: 12px;
	COLOR: #666;
}
/* font-menue-left_
 1-buttons +standardeinstellungen- */
.buttons a {
color:#FFF;
background-color:#6b7972;
margin-top:19px;
margin-bottom:1px;
display:block;
border-left:20px solid #BBD0C4;
font:12px Verdana, sans-serif;
font-weight:700;
text-decoration:none;
text-align:left;
padding:2px 2px 2px 7px;
}

.buttons a:hover {
border-left:20px solid #506787;
}

.buttons a:active {
border-left:20px solid #936;
}

/* 2-buttons -------------*/
.buttons2 a {
background-color:#A6BFB3;
margin-top:10px;
margin-bottom:1px;
}

/* 3-buttons-*/
.buttons3 a {
background-color:#666;
border-left:20px solid #BBD0C4;
margin-top:10px;
margin-bottom:1px;
}

/* 4-buttons (sonderfarbe-buzzi-*/
.buttons4 a {
background-color:#85AADD;
margin-top:10px;
margin-bottom:1px;
}

buttons2 a:hover,buttons3 a:hover,buttons4 a:hover {
border-left:20px solid #96B3A3;
}

.buttons3 a:active,.buttons4 a:active {
border-left:20px solid #BBD0C4;
}