@charset "utf-8";
/*
	************************************
	*****     Table of Contents    *****
	*****    Querkraft Main CSS    *****
	************************************
	
	Status: basic template
	Version: 1.0
	Last Changed: 27.10.2008
	---------------------------------------------------------------
	1. Basic Definitions
		1.1 Body und Reseter
		1.2 Basic Declarations
	---------------------------------------------------------------
	2. Layout
		2.1 Main Structure
		2.2 Language
		2.3 Grids
		2.4 Content
			2.4.1 Facts
			2.4.2 Archiv
			2.4.3 Lehre
			2.4.4 Team
			2.4.5 Philosophie
			2.4.6 Kontakt
	---------------------------------------------------------------
	******************* Open for further Steps ********************
	---------------------------------------------------------------
*/


/*	*********************************
	***** 1. Basic Definitions  *****
	*********************************	*/


/****** 1.1 Body und Reseter ******/
* {margin:0px; padding:0px;}
body {background:url(../images/bg_body.gif) repeat-y #ffffff; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}

/****** 1.2 Basic Declarations ******/
.wrapper {height:1px; overflow:hidden; clear:both; display:block;}
.logo {margin-left:46px; margin-top:18px; float:left; display:inline; position:fixed;}
*html .logo {margin-left:46px; margin-top:18px; float:left; display:inline; position:relative;}
a img {border:none;}
a {color:#000000;}
a:hover {color:#f18e1c; text-decoration:none;}
h1 {font-size:28px; font-weight:bold; padding-bottom:20px;}
h2 {font-size:15px; font-weight:bold; padding-bottom:5px;}


/*	********************************
	*******    2. Layout    ********
	********************************	*/

/****** 2.1 Navigation ******/
.navigation {float:left; margin:90px 25px 0 118px; display:inline; position:fixed;}
*html .navigation {float:left; margin:90px 25px 0 28px; display:inline;position:relative;}
.navigation ul {width:100px;}
.navigation ul li {list-style:none; display:block; clear:both; float:left;width:100px;}
.navigation ul li a {font-size:13px; color:#000000; font-weight:bold; display:block; clear:both; text-decoration:none; padding:3px 0px;}
.navigation ul li.active a, .navigation ul li a:hover, .navigation ul li.active ul li.active a, .navigation ul li.active ul li a:hover {color:#f18e1c;}
.navigation ul li ul {clear:both; margin-left:0px;}
.navigation ul li ul li {border-bottom:none;}
.navigation ul li ul li a {padding:3px 8px;}
.navigation ul li.active ul li a {color:#000000;}

/****** 2.2 Language ******/
.language {display:block; position:relative; clear:both; float:left; padding-top:30px;}
.language a{font-weight:bold; font-size:13px; color:#000000;}
.language a.active {color:#f18e1c;}


/****** 2.3 Grids ******/
#grid, .content {position:absolute; width:745px; top:50px; left:237px;}
#grid div {position:absolute; }
.layer {text-decoration:none; cursor:pointer;}
.layer span.first {}
.layer span.first strong {margin:-20px 0px 0px 10px; font-size:11px; letter-spacing:1px; color:#ffffff; position:absolute;}
.layer span.second {display:none;}

.layer a {text-decoration:none;}
.layer a:hover { background:#ffffff;}
span.second { background-color:#ffffff; width:350px; margin:-10px 0 0 -10px;}
span.second strong {display:block; margin-top: -5px; padding-bottom:3px;}
span.second span {display:block; background-color:#ffffff; padding:10px; color:#000000; font-size:11px;}


.index #layer1 {margin:70px 0 0 0; z-index:10;}
.index #layer2 {margin:0 0 0 339px; z-index:9;}
.index #layer3 {margin:65px 0 0 680px; z-index:8;}
.index #layer4 {margin:134px 0 0 680px; z-index:7;}
.index #layer5 {margin:332px 0 0 85px; z-index:6;}
.index #layer6 {margin:262px 0 0 339px; z-index:5;}
.index #layer7 {margin:393px 0 0 339px; z-index:4;}
.index #layer8 {margin:262px 0 0 510px; z-index:3;}
.index #layer9 {margin:524px 0 0 254px; z-index:2;}
.index #layer10 {margin:524px 0 0 339px; z-index:1;}
.index #layer11 {margin:524px 0 0 510px; z-index:0;}

.objekt1 #layer1 {margin:0; z-index:10;}
.objekt1 #layer2 {margin:0 0 0 425px; z-index:9;}
.objekt1 #layer3 {margin:0 0 0 510px; z-index:8;}
.objekt1 #layer4 {margin:66px 0 0 426px; z-index:7;}
.objekt1 #layer5 {margin:328px 0 0 86px; z-index:6;}
.objekt1 #layer6 {margin:328px 0 0 255px; z-index:5;}
.objekt1 #layer7 {margin:328px 0 0 426px; z-index:4;}
.objekt1 #layer8 {margin:328px 0 0 595px; z-index:3;}
.objekt1 #layer9 {margin:460px 0 0 170px; z-index:2;}
.objekt1 #layer10 {margin:460px 0 0 255px; z-index:1;}
.objekt1 #layer11 {margin:460px 0 0 510px; z-index:0;}

.akademie #layer1 {margin:67px 0 0 86px; z-index:10;}
.akademie #layer3 {margin:66px 0 0 255px; z-index:9;}
.akademie #layer2 {margin:0 0 0 340px; z-index:8;}
.akademie #layer4 {margin:0px 0 0 425px; z-index:7;}
.akademie #layer6 {margin:200px 0 0 0; z-index:6;}
.akademie #layer7 {margin:394px 0 0 86px; z-index:5;}
.akademie #layer8 {margin:200px 0 0 255px; z-index:4;}
.akademie #layer9 {margin:200px 0 0 680px; z-index:3;}
.akademie #layer10 {margin:328px 0 0 680px; z-index:2;}
.akademie #layer5 {margin:130px 0 0 680px; z-index:1;}



/****** 2.4 Content ******/
.content {}
.content .left {width:410px; float:left; padding-top:16px; line-height:120%}
.content p {font-size:11px; font-weight:bold; padding-bottom:15px;}
.content .left img {border:1px solid #808080; margin-bottom:20px;}
.content table th a.sort {background:url(../images/arrow.gif) no-repeat right 5px; padding-right:10px;}
.content table th a.active {color:#f18e1c; background:url(../images/arrow_active.gif) no-repeat right 5px !important; padding-right:10px;}


/****** 2.4.1 Facts ******/
.facts {float:left; padding-top:52px; width:300px;margin-left:35px}
.facts a.download {background:url(../images/pdf.gif) no-repeat 0px 3px; padding:20px 0px 20px 40px}
.facts table {margin-bottom:30px; }
.facts tr td {border-bottom:1px solid #808080; vertical-align:top; padding:2px 0px; font-size:11px; font-weight:bold}
.facts th {text-align:left;}
.facts td.title{font-weight:bold; width:150px;}
.facts td.data {width:150px;}

/****** 2.4.2 Archiv ******/
#form_category select {border:none; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:-6px;}

.archiv {}
.archiv table tr.active td {background-color:#fff8f0;}
.archiv.active {}

.archiv tr td, .lehre tr td, .team tr td {border-bottom:1px solid #808080; vertical-align:top; padding:10px 10px 10px 0px; font-size:11px; font-weight:bold;}
.archiv th, .lehre th, .team th{text-align:left; border-bottom:1px solid #808080; padding:0 10px 10px 0;}
.archiv th a, .lehre th a, .team th a{font-size:15px; font-weight:bold; color:#000000; text-decoration:none;}
.archiv td.photo, .archiv th.photo {width:170px; border-bottom:1px solid #ffffff;}
.archiv td.photo a span {position:absolute; display:block; width:12px; height:12px; background: #ffffff url(../images/icon_archiv.gif) no-repeat; margin-top:104px; margin-left:142px;}
.archiv td.photo {padding:3px 5px 3px 0;}
.archiv td.name {font-size:16px; font-weight:bold; letter-spacing:1px;}
.archiv th.projekt{width:100px;}
.archiv th.kategorie{width:110px;}
.archiv th.fertig{width:110px;}
.archiv th.ort{width:110px;}
.archiv th.groesse{width:60px;}

/****** 2.4.3 Lehre ******/
.lehre td.art{font-size:14px; font-weight:bold;}
.lehre th.art{width:180px;}
.lehre th.uni{width:180px;}
.lehre th.stadt{width:160px;}
.lehre th.zeitraum{width:160px;}
.lehre th.inhalt{width:75px;}

/****** 2.4.4 Team ******/
.team td.name{font-size:14px; font-weight:bold; width:220px;}
.team th.telefon{width:220px;font-size:15px; font-weight:bold; color:#000000; text-decoration:none;}
.team th.email{width:125px;font-size:15px; font-weight:bold; color:#000000; text-decoration:none;}
.team th.photo{width:180px;}
.team td.photo{border-bottom:1px solid #ffffff; padding:3px 0px;}

/****** 2.4.5 Philosophie ******/
.philosophie {width:530px; margin-left:50px; text-align:center;}
.philosophie a {color:#000000; text-decoration:none; padding:5px 5px;}
.philosophie a:hover {background-color:#ffffff;}
.philosophie a span.info {display:none;}
.philosophie a:hover span.info {display:block; background-color:#000000; position:absolute; width:360px; text-align:left; left:140px; top:270px;}
.philosophie a:hover span.info span {padding:15px; display:block;  color:#ffffff; font-size:11px; line-height:14px;}

/****** 2.4.6 Kontakt ******/
.kontakt {border-top:1px solid #808080; padding-top:15px; margin-top:15px;}