@charset "utf-8";
@import url(reset.css);
@import url(lightbox.css);
/* -----------------------------------------------------------------------
|| Stylesheet burkert gestaltung
|| $Date: 2010-07-30 08:38:11 +0200 (Fri, 30 Jul 2010) $
|| $Revision: 436 $
|| -----------------------------------------------------------------------
*/


/* -----------------------------------------------------------------------
/* !Allgemeine Einstellungen und Hauptblock */
/* -----------------------------------------------------------------------
*/
html  {
    overflow: scroll;
	font-size: 62.5%;
}
body {
	background-image: url(img/background_de.jpg);
    overflow: visible;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", 
		"Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
}
#content {
    position: relative;
    width: 940px;
    margin: 0 auto 0 auto;
    color: white;
}
#content.home {
    width: 80%;
    min-width: 720px;
}


/* -----------------------------------------------------------------------
/* !Header-Bereich */
/* -----------------------------------------------------------------------
*/
h1.logo {
	font-size: 3em;
	padding: 0.5em 0 0 1.1em;
	text-indent: -1.1em;
	letter-spacing: 0.05em;
	width: 5em;
}
h1.logo a {
    color: white;
    text-decoration: none;
}
h1.logo a:hover {
    color: blue;
}
#homelink {
	display: none;
}
#region {
	position: absolute;
	left: 34%;
	top: 2.7em; 
	font-size: 2em;
	letter-spacing: 0.05em;
}


/* -----------------------------------------------------------------------
/* !Navigationsmenu */
/* -----------------------------------------------------------------------
*/
#navi {
	position: absolute;
	top: 1em; right: 0;
	width: 32%;	
	font-size: 1.3em;
}
#navi a {
	display: block;
	padding: 0.4em 0.5em;
	width: 10em;
	color: white;
	text-decoration: none;
}
#navi li.active a {
	background: transparent url(img/black30.png);
	background: rgba(0, 0, 0, 0.3) none;
}
#navi a:hover {
	background-color: blue;
}


/* -----------------------------------------------------------------------
/* !Spalten-Layout */
/* -----------------------------------------------------------------------
*/
.col {
	position: absolute;
	top: 10em;
	color: black;
	font-size: 1.3em;
	line-height: 1.3em;
}
.home .col {
	width: 32%;
	background-color: #fff;
	padding: 0 0 20px 0;
	-webkit-box-shadow: 10px 10px 15px #000;
	-moz-box-shadow: 10px 10px 15px #000;
}
#col1 {
	left: 0;
}
#col2 {
	left: 34%;	
}
#col3 {
	right: 0;
}


/* -----------------------------------------------------------------------
/* !Spalten-Inhalt */
/* -----------------------------------------------------------------------
*/
.col h2 {
	font-size: 1.3em;
	color: black;
	padding: 25px 0;
	margin: 0 15px;
	border-bottom: 1px solid black;
}
.col .homeitem {
	margin: 15px 15px 10px 15px;
	padding-bottom: 20px;
	border-bottom: 1px solid black;
}
.col .homeitem a {
	font-weight: bold;
	text-decoration: none;
}
.col p.monthyear {
	font-weight: bold;
}
.col h3 {
	color: blue;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	height: 4em;
}
.col p {
	margin: 1em 0;
}
.col a.img {
	display: block;
	background-color: #2F3F5F;
	height: 100px;
}
.col a.img img {
	display: block;
	margin: 0 auto;
}


/* -----------------------------------------------------------------------
/* !Browser-spezifische Anpassungen: */
/* JS enabled browsers
/* -----------------------------------------------------------------------
*/
.js div { }

/* -----------------------------------------------------------------------
|| IE7 and below
|| -----------------------------------------------------------------------
*/
.ie7 div { }

/* -----------------------------------------------------------------------
|| IE6 and below
|| -----------------------------------------------------------------------
*/
.ie6 div #content {
    width: 700px;
}
