/*

// koenige.org
// (c) Gustaf Mossakowski <gustaf@koenige.org>, 2005-2011
// CSS

*/

html, body		{ background: #fff; height: 100%; }
body			{ background: #fff url(/layout/head.gif) repeat-x;
 				font-family: Helvetica, 'Trebuchet MS', sans-serif; 
				padding: 0; margin: 0 auto; color: #003; line-height: 1.4; 
				font-size: 95%; }
#all			{ height: 100%; width: 100%; }

h1, .intro		{ font-size: 140%; margin: .5em 0 0 0; text-align: left; 
				line-height: 1.2; }
.intro			{ margin-bottom: 1em; }
.intro strong	{ font-weight: bold; }
.title_desc		{ font-weight: normal; }
h2				{ font-size: 110%; }
h1, h2, h3, h4, h5, h6
				{ color: #24282b; 
				font-family: Helvetica, 'Trebuchet MS', sans-serif; }
h2 a			{ font-size: 75%; padding: 0 2em; }
.maintenance h2 a
				{ font-size: 110%; padding: 0; }
hr				{ margin: 2em 0 2em 0; height: 30px; border: none;
				background: url(/layout/stripe.png) 0 0 repeat-x; }
p, li			{ color: #888; }
p strong, li strong
				{ color: #003; }

a img			{ border: none; vertical-align: top; }
a:link			{ color: #57071b; }
a:visited		{ color: #5e5b57; }
a:link:hover, a:visited:hover, a:link:focus, a:visited:focus,
#menu a:link:hover, #menu a:visited:hover, #menu a:link:focus,
#menu a:visited:focus
				{ text-decoration: underline; color: #57071b; 
				/* background-color: #ffd89e; */ }

.en				{ font-style: italic; }
p.de			{ padding: 0 3em 0 0; }
p.en			{ padding: 0 0 0 3em; }

/* Seitenkopf */
#head			{ padding: 40px 1em 1em 1em; 
				/*border-bottom: 1px solid #FFF;*/ margin-right: 0; }
#head img		{ border: 0; padding: 20px 10px 10px .5em; }
#head p			{ margin: 0; }
#logo			{ margin: 0; background: url(/layout/stripe.png) 0 0 repeat-x;
				text-align: right; }
#head #logo img
				{ padding: 0 0 0 2em; background: white; vertical-align: top; }
#logo a:hover img
				{ background: url(/layout/koenige-bg.png); }

/* Inhaltsbereich */
#middle			{ height: 100%; width: 100%; text-align: center; font-size: 90%; 
				/* text-align for IE 5 */ }
#canvas			{ max-width: 57em; margin: 0 auto; 
				text-align: left; /* text-align see above */ 
				position: relative; /* needed for footer positioning*/
				height: auto !important; /* IE6: treaded as min-height*/
				min-height:100%; /* real browsers */
				padding: 0; }

/* Fuß */
#foot 			{ max-width: 57em; width: 100%; margin: 1em auto 0; clear: both; 
				position: absolute; bottom: 0; /* stick to bottom */ }
.foot			{ margin: 0 1em; height: 4.5em; }
#foot form		{ margin: 0; }

/* Menue */
#menu, #lang	{ line-height: 1; padding: .4em 0; }
#menu			{ margin: .6em 0; padding: 0; font-size: 100%;
				text-transform: uppercase; clear: both; 
				text-align: center; font-weight: normal; line-height: 1; }
#menu li, #fussmenu li
				{ list-style: none; float: right; border-right: 0px dotted #CCC; }
#menu li:first-child, #fussmenu li:first-child
				{ border-right: none; }
#menu a, #fussmenu a, #lang a, #lang strong
				{ text-decoration: none; color: #CCC; }
#menu a, #fussmenu a
				{ padding: .4em .7em .1em; float: left; }
#menu a:link:hover, #fussmenu a:link:hover, #menu a:visited:hover, 
#fussmenu a:visited:hover, #menu a:link:focus, #fussmenu a:link:focus, 
#menu a:visited:focus, #fussmenu a:visited:focus
				{ color: #57071b; }
#menu li:first-child a, #fussmenu li:first-child a
				{ padding-right: 0; }
#fussmenu		{ padding: .5em 0; margin: 0; }

.submenu		{ position: absolute; left: 0; top: 100%; margin: 0; padding: 0; }
#menu .submenu	{ text-transform: none; font-weight: normal; }
#menu .submenu a { background: #003; border-color: #003; padding: .2em .75em; }

.submenu strong { font-weight: normal; color: #75AB48; }
#menu a.below, #menu strong
				{ font-weight: bold; }

/* Menue Seite footer Seite */
#text			{ padding: .5em 1em 5.5em 1em; }

#login, .nachricht, #zzform
				{ padding-right: 1em; }

#login fieldset	{ border: none; margin: 0; 
				background: #ffd79b url(/layout/koenige-streifen.gif) repeat-y 100% 0;
				}
#login legend	{ background: #ffd79b; padding: .5em; }
#login label	{ float: left; width: 10em; }
#login form		{ margin: 1em 0 0; }
#login form p	{ margin: .5em; }
#logout			{ position: absolute; right: 2em; top: 2em; font-weight: bold; 
				z-index: 4; margin: 0; padding-right: 0; }

.clear			{ clear: both; }

dt				{ font-weight: bold; margin-top: .5em; }
dd a			{ font-weight: bold; }

#text a img		{ margin-bottom: 4px; }

#schriftzug		{ position: absolute; z-index: 0; left: 10px; bottom: 1.8em; 
				margin: 0 0 -10px; padding: 0; font-size: 370%;
				font-weight: bold; color: #20332F }

.spalte			{ width: 26em; margin-right: 1em; float: left; }
@media screen and (max-width: 55em)
				{ .spalte { width: 48%; margin-right: 1.5%; } }
@media screen and (max-width: 40em)
				{ .spalte { width: auto; float: none; margin-right: 0; } }
.spalte66		{ width: 64%; margin-right: 3%; float: left; }
.spalte33		{ width: 32%;  float: left; color: #CCC; }

.oben			{ margin: 0; padding: 1em 0 0; }
.oben img		{ border: none; }
.unten			{ clear: both; padding-top: .25em; }

#grossbild		{ text-align: center; margin: auto; height: 100%; }
#grossbild img	{ border: none; }
#grossbild table { width: 100%; height: 100%; border-collapse: collapse; }
#grossbild td	{ padding: 0; }

#links h2		{ margin-bottom: 0; }
#links p		{ margin-top: 0; }

#photo_gross	{ margin: -1em 0 0; float: left; }
#photo_gross img { border: 0; }

.nachricht		{ clear: both; padding-right: 20px; }
.nachricht h2	{ padding-top: 1em; }
p.hauptbild		{ float: left; margin: 0 0 .5em 0; padding: 1em 1em 0 0; 
				width: 600px; }
p.hauptbild img { max-width: 600px; max-height: 600px; }

#zzform .show_hidden .hidden { display: block; }

.galerie72		{ list-style: none; padding: 0; margin: 1em 0; }
.galerie72 li	{ height: 76px; width: 76px; float: left; margin: 0 10px 10px 0;
				 padding: 0; text-align: center; display: table-cell;
				vertical-align: middle; }
.galerie72 a	{ display: table-cell; vertical-align: middle; height: 72px; 
				width: 72px;  }
.galerie72 img	{ vertical-align: bottom; }
.galerie72 a.nolink img
				{ border-color: #A39F53; }

/* Allgemein */

#lang			{ float: left; text-transform: uppercase; }

.mainimage		{ width: 55em; height: 10em; margin: 1em 0 0; }
.mainimage img	{ width: 55em; height: 10em; }
.halfimage		{ width: 55em; height: 15em; text-align: left; }
.halfimage img	{ width: 26em; }

@media screen and (max-width: 55em) {
	.mainimage img	{ width: 100%; height: auto; }
	.mainimage		{ width: 100%; height: auto; }
	.halfimage img	{ width: 100%; height: auto; }
	.halfimage		{ width: 100%; height: auto; }
}

/* E-Mail */

.mailto			{ border-collapse: collapse; }
.mailto td		{ vertical-align: top; padding: .25em; }
.mailto p		{ margin: .25em 0 .5em; }

/* Sprüche */

.w15 			{ font-size: 140%; font-style: normal; }
.w10			{ font-size: 120%; }
.w5				{ font-size: 110%; font-style: normal; }

/* Education */

.life th		{ padding-right: .5em; }

/* Projects */

.projects		{ padding: 0; margin: 1em 0 1em; list-style: none; 
				line-height: 1.2; }
.projects li	{ padding: 0; margin: .5em 0; width: 47%; margin-right: 2%; 
				float: left; }
@media screen and (max-width: 40em) {
	.projects li { float: none; width: auto; clear: left; margin-top: 1.5em; }
}

.projects .key	{ width: 80px; height: 80px; float: left; margin: 0 16px 16px 0; 
				border: 1px solid #EFEFEF; background: #FFF; 
				font-size: 2em; font-weight: bold; overflow: hidden;
				line-height: 1; }
.projects h2	{ color: #EFEFEF; margin: 0; position: relative; left: -3px;
				top: -3px; }
.projects h3	{ font-weight: bold; margin: 0; font-size: 100%; }
.projects p		{ margin: 0 0 .5em; margin-left: 98px; color: #888; }
.projects p.overview
				{ margin-bottom: .5em; line-height: 1.1; color: #888; }
.projects p.overview a
				{ text-decoration: none; }
.projects li.uneven
				{ clear: left; }

.maindesc		{ text-align: right; margin: 0 0 1em; color: #AAA; 
				line-height: 1.1; }

.categories a	{ margin: 0 1em 1em 0; width: 80px; height: 80px; 
				float: left; background: #EEE; }			
.categories a img
				{ vertical-align: top; }

/* news */

.news			{ list-style: none; margin: 0 1em 1em 0; padding: 0; 
				overflow: hidden; }
.news p.projectimg
				{ float: left; margin: 0 0 1em 0; padding: 0; }
.news li		{ clear: left; margin: 1em 0; padding: .25em 0 0; }
.news li:first-child
				{ border-top: none; padding: 0; }
.news h3		{ margin: 0; padding: 0 .5em 0 1.5em; font-size: 100%;
				line-height: 1.4; float: left; }
.news p			{ margin: 0 0 0 80px; padding: 0 0 0 1.5em; }

/* search */

.search form table
				{ border: none; background: #CCC; }

/* contact */

#contact, #sender
				{ width: 30em; }
@media screen and (max-width: 30em) {
	#contact, #sender	{ width: 90%;}
}