@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
[gruppe-unterberger.com] Screen Stylesheet
version:   1.0
date:      15/07/08
last doc:  23/09/08
author:    Pichler Alexander
email:     development@by-experience.com
website:   wwww.by-experience.it
-----------------------------------------------------------------------------*/
/* Reset */
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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead{
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
  font-weight:inherit;
  margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

/* remember to define focus styles! */
:focus {
	outline:0;
}

html{
	overflow:auto;
}

body{
	background:#fefefe;
	color:#333;
	font:normal 63.5%/1.3em Arial, Helvetica, sans-serif;
}

ol, ul, li{
	list-style:none;
	margin:3px 0;
	text-align:center;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}

caption, th, td{
	font-weight:normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}

blockquote, q {
	quotes:"" "";
}
/* ENDE Reset */

/* Allgemein */
#alles{
  margin:0 auto;
  width:960px;
}

.floatRight{
	float:right;
}

.floatLeft{
	float:left;
}

.clear{
	clear:both;
}

.abstandLeft{
	padding-left:10px
}

.abstandRight{
	margin-right:20px
}

.abstandOben{
	margin-top:10px
}

.abstandUnten{
	margin-bottom:5px
}

.rahmen{
  border:solid 1px #ccc;
  border-color:#ccc #aaa #aaa #ccc;  
}

.info{
  background:#efefef;
  border:solid 1px #dedede;
  color:#222;
  margin:0 0 30px 0;
  padding:4px;
  text-align:center;
}

.hide{
  display:none;  
}

h2{
	font:bold 1.2em/1.2em Arial, Helvetica, sans-serif; 
	margin:0 0 15px 0; 
}

h3{
	font:bold 1.3em/1.2em Arial, Helvetica, sans-serif; 
	margin:0 0 15px 0; 
}

b{
  font-size:1.1em; 
}
/* ENDE Allgemein */

/* Head */
#head{
  background:#a0bc55; /*a7c95c*/
  border-bottom:solid 8px #fefefe;
  height:123px;
  margin:40px 0 0 0;
}

#logo{
  border-right:solid 8px #fefefe;
  padding:15px 15px;
  position:absolute;
}

.schrift{
  margin:-23px 0 0 3px;
  position:absolute;
}

#sprache{
  font-size:1.1em;
  margin:99px 0 0 795px;
  position:absolute;
  width:200px;
  word-spacing:0.5em;
}

#head a:link, #head a:visited{
  color:#d2e2ad;
  text-decoration:none;
}

#head a:hover, #head a:active{
  color:#fefefe;
}
/* ENDE Head */


/* Navi */
#navi{
  font-size:1.2em;
  position:absolute;
}

#navi ul{
  margin:99px 0 0 170px; 
}

#navi ul li{
  float:left;
  margin:0 30px 0 0;
  text-align:left;
}

#navi #active{
  color:#fefefe;  
}
/* ENDE Navi */

/* Untermenu */
#untermenu{
  background:#939598; /*358133*/
  border-right:solid 8px #fefefe;
  float:left;
  font-size:1.1em;
  height:455px;
  width:123px;  
}

#untermenu ul{
  margin:18px 5px 0 16px; 
}

#untermenu ul li{
  margin:0 0 17px 0;
  padding:0;
  text-align:left;
}

#untermenu a{
  display:block;
  margin:-13px 0 0 13px;  
}

#untermenu a:link, #untermenu a:visited{
  color:#5c5c5c;  /*767779*/
  text-decoration:none;
}

#untermenu a:hover, #untermenu a:active{
  color:#fefefe;
}

#untermenu #aktive{
  color:#fefefe;  
}

#drucken{
  font-size:1.1em;
  margin:555px 0 0 15px;
  position:absolute;
}

#drucken a:link, #drucken a:visited{
  color:#5c5c5c;
  text-decoration:none;
}

#drucken a:hover, #drucken a:active{
  color:#fefefe;
}
/* ENDE Untermenu */

/* Inhalt */
.inhalt{
  background:#e8e8e9 url(../temp/geschichte.jpg) no-repeat 0 202px;
  float:left;
  height:455px;
  overflow:auto;
  width:829px;
}

#context{
  font-size:1.2em;
  height:341px;
  line-height:1.8em;
  margin:20px auto;
  padding:0;
  width:750px;
}

#context span{
  display:block;
  float:left;
  width:180px;  
}

#context a:link, #context a:visited{
  color:#333;
  text-decoration:none;
}

#context a:hover, #context a:active{
  color:#333;
  text-decoration:underline;  
}
/* ENDE Inhalt */

/* Referenzen */
.ref{
  margin:20px auto; 
  padding:0;
  width:775px; 
}

.referenzen{
  float:left;
  font-size:1.1em;
  margin:0 10px 0 0;
  width:340px;
}

.referenzScroll{
  background:#fefefe;
  height:286px;
  overflow:auto;
}

.referenzScroll p{
  border-top:solid 1px #b8b9bc;
  clear:both;
  padding:5px 3px;
}

.referenzScroll span{
  display:block;
  float:left;
  margin-bottom:5px;
}

.referenzScroll .title{
  padding:0 10px 0 0;
  width:70px;
}

.referenzScroll .desc{
  padding:0 10px 0 0;
  width:160px;
}

.referenzScroll .year{
  width:60px;
}

.referenzText{
  background:#fefefe;
  height:106px;
  margin:10px 0 0 0;
  padding:3px;
}

.referenzThumbs{
  margin:10px 0 0 0;
}

.referenzThumbs img{
  margin:0 10px 0 0;
}

.ref a:link, .ref a:visited, .ref a:hover, .ref a:active{
  color:#333;
  text-decoration:none;
  cursor:pointer;
}
/* ENDE Referenzen */

/* Anfahrt */
.anfahrt{
  background:#e8e8e9;
  float:left;
  font-size:1.1em;
  height:455px;
  line-height:1.3em;
  overflow:auto;
  width:829px;
}

.ziel{
  display:block;
  font-size:1.2em;
  margin:-20px 0 0 0;  
}

.anfahrt div{
  float:left;
  padding:15px 0 0 15px;
}

.anfahrt table{
  margin:15px 0;
  width:350px;
}

.anfahrt table td{
  border-bottom:solid 1px #b7b7b7;
}

.anfahrtAdresse{
  font-size:1em;
  line-height:1.4em; 
  padding:0 0 20px 0; 
}

.anfahrt a:link, .anfahrt a:visited{
  color:#333;
  text-decoration:none;
  cursor:pointer;
}

.anfahrt a:hover, .anfahrt a:active{
  color:#333;
  text-decoration:underline;
  cursor:pointer;
}

.m_de{
  margin:143px 0 0 407px;
  position:absolute;
  z-index:10; 
}

.m_de span{
  background:#f00;
  border:solid 1px #333;
  display:block;
  font-size:0.5em;
  height:8px;
  width:8px; 
}

.m_it{
  margin:227px 0 0 383px;
  position:absolute;
  z-index:10; 
}

.m_it span{
  background:#f00;
  border:solid 1px #333;
  display:block;
  font-size:0.5em;
  height:8px;
  width:8px;
}

.back{
  clear:both;
  display:block;
  margin:15px; 
  padding:20px 0 0 0;
}
/* ENDE Anfahrt */

/* Impressum */
.impressum{
  background:#e8e8e9;
  float:left;
  font-size:1.2em;
  height:455px;
  line-height:1.3em;
  overflow:auto;
  width:829px;
}

.impressum h2{
  margin:15px 0 0 15px;
}

.impressum div{
  float:left;
  padding:75px 20px 0 15px;
}

.impressum a:link, .impressum a:visited{
  color:#333;
  text-decoration:none;
  cursor:pointer;
}

.impressum a:hover, .impressum a:active{
  color:#333;
  text-decoration:underline;
  cursor:pointer;
}
/* ENDE Impressum */

/* Footer */
#footer{
  clear:both;
  color:#5c5c5c;
  font-size:1.1em;
  padding:5px 0 0 0;  
}
/* ENDE Footer */