@charset "utf-8";
@import url(reset.css);
@import url(lightbox.css);
/* -----------------------------------------------------------------------
|| Stylesheet burkert webdesign
|| Version: 0.5
|| 21-DEC-2009
||
|| 0.5     Anpassungen fuer burkert gestaltung
||         Position Region und Logo
||         Darstellung Seite Kunden
|| 0.4     Layout mit groesseren Inhaltsbereichen
||         Abstaende in Navigationsmenues angepasst
|| 0.3.3   Angabe zu Firma auf Teamseite
|| 0.3.2   Verweis zur Startseite
|| 0.3.1   Mehrere Menues auf Projektseite
||         Aktiver Menuepunkt mit Transparenz
|| 0.3     Grundlayout fuer Folgeseiten
||         Anpassungen fuer Seite Team mit Bild
|| 0.2.2   Spaltenlayout angepasst
||         Spalten im IE6 mit fester Breite
|| 0.2.1   Markierungen fuer Code Navigator eingefuegt
|| 0.2     Kopfbereich, Schriftarten, Abstaende angepasst
|| 0.1     Erste Layout-Tests fuer die neue Site
|| -----------------------------------------------------------------------
*/


/* -----------------------------------------------------------------------
/* !Allgemeine Einstellungen */
/* -----------------------------------------------------------------------
*/
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;
}


/* -----------------------------------------------------------------------
/* !Inhaltsbereich mit Kopfzeilen */
/* -----------------------------------------------------------------------
*/
#content {
    position: relative;
    width: 940px;
    margin: 0 auto 0 auto;
    color: white;
}

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;
}

#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;
}

#region {
	position: absolute;
	left: 34%;
	top: 2.7em; 
	font-size: 2em;
	letter-spacing: 0.05em;
}


/* -----------------------------------------------------------------------
/* !Spalten-Layout */
/* -----------------------------------------------------------------------
*/
.col {
	position: absolute;
	top: 10em;
	color: black;
	font-size: 1.3em;
	line-height: 1.3em;
}

#col1 {
	left: 0;
}
#col2 {
	left: 34%;	
}
#col3 {
	right: 0;
}

.col h2 {
	font-size: 1.5em;
	color: black;
	margin-bottom: 0.5em;
	padding: 5px;
}

.col h3 {
	padding: 5px;
	font-weight: bold;
}

.col h4 {
	padding: 5px;
}

.col p {
	margin-bottom: 1em;
	padding: 5px 10px 5px 5px;
}

.col p img {
	margin: 0 5px 5px 0;
	/* float: left; */
	display: block;
}


/* -----------------------------------------------------------------------
/* !Ergaenzungen fuer Spalten auf der Startseite */
/* -----------------------------------------------------------------------
*/
#content.home {
    width: 80%;
}

.home .col {
	width: 32%;
	background-color: #fff;
	padding: 0;
	-webkit-box-shadow: 10px 10px 15px #000;
	-moz-box-shadow: 10px 10px 15px #000;
}


/* -----------------------------------------------------------------------
/* !Ergaenzungen fuer Spalten auf einer Seite mit Bild */
/* -----------------------------------------------------------------------
*/
.imgpage #navi {
	width: 180px;
}

.imgpage #region {
	left: 380px;;
}

.imgpage .col {
	width: 360px;
	height: 360px;
	padding: 0;
}

.imgpage .col h2 {
	font-weight: bold;
	font-size: 1em;
	color: black;
	margin-top: 52px;
	margin-bottom: 0.5em;
	padding: 0 5px;
}

.col h3 {
	padding: 5px;
	font-weight: bold;
}

.imgpage #col1 {
	left: 0;
	background-color: #fff;
	width: 340px;
	height: 340px;
	padding: 10px;
	-webkit-box-shadow: 10px 10px 15px #000;
	-moz-box-shadow: 10px 10px 15px #000;
}

.imgpage #col2 {
	left: 380px;	
	background-color: #666;
	padding: 0;
	-webkit-box-shadow: 10px 10px 15px #000;
	-moz-box-shadow: 10px 10px 15px #000;
}

.imgpage #col2 {
	overflow: hidden;
}

.imgpage #col3 {
	width: 180px;
	right: 0;
}

.imgpage #col3 ul {
	margin-top: 52px;
}

.imgpage #col3 ul li a {
	display: block;
	padding: 0.4em 0.5em;
	width: 10em;
	color: white;
	text-decoration: none;
}

.imgpage #col3 ul li.active a {
	background: transparent url(img/black30.png);
	background: rgba(0, 0, 0, 0.3) none;
}

.imgpage #col3 ul li a:hover {
	background-color: blue;
}

.imgpage p.team {
	position: absolute;
	top: 15px;
}

.imgpage a {
	text-decoration: none;
	color: rgb(0, 51, 154);
}

.imgpage ul.footer {
	position: absolute;
	bottom: 15px;
}

.imgpage ul.footer li {
	list-style-type: none;
	display: inline;
}

.imgpage ul.footer li a {
	text-decoration: none;
	color: rgb(0, 51, 154);
	padding: 5px 7px 5px 5px;
}

.imgpage a:hover,
.imgpage ul.footer li.active a,
.imgpage ul.footer li a:hover {
	color: black;
}


/* -----------------------------------------------------------------------
/* !Seitenspezifische Anpassungen: */
/* -----------------------------------------------------------------------
*/
body .kunden .col {
	height: 720px;
}
body .kunden #col1 {
	height: 700px;
}
body .kunden #col1 h2 {
	visibility: hidden;
}

body .impressum .col {
	height: 540px;
}
body .impressum #col1 {
	height: 520px;
}
body .impressum #col1 h2 {
	visibility: hidden;
}


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


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


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