@charset "utf-8";
/*
 * Copyright (C) 2011-2012 by Elisabth Schneider / www.elisabeth-schneider.net
 *
 * Last update: 2011-12-27
 *
 * Note: this style sheet is designed for a screen height of up to 1024 pixels
 *       ignore the two columns below: 1024..1199 px / 1200..more px
 *
 * Colors:
 * Hex #f2f2f2, #f2be22, #0d0d0c, #252620, #515945
 * Txt White,   Yellow,  Black,   Gray,    Greenish
 * Use Content, Header,  Logo,    Text,    Header/Footer Text
 *
 * ---------------------------------+---------------+---------------+---------------+
 * Entity        /    Screen Height |  768..1023 px | 1024..1199 px | 1200..more px |
 * ---------------------------------+---------------+---------------+---------------+
 * Outer   width x height           |  800 x 600 px | 1200 x 800 px | 1350 x 900 px |
 * Content width x height           |  798 x 528 px | 1198 x 728 px | 1348 x 828 px |
 * ---------------------------------+---------------+---------------+---------------+
 * Elements from left to right      |               |               |               |
 *    - Border                      |          1 px |          1 px |          1 px |
 *    - Container                   |        798 px |       1198 px |       1348 px |
 *    - Border                      |          1 px |          1 px |          1 px |
 * ---------------------------------+---------------+---------------+---------------+
 * Elements from top to bottom      |               |               |               |
 *    - Border                      |          1 px |          1 px |          1 px |
 *    - Container                   |        598 px |        798 px |        898 px |
 *         - Header                 |         40 px |         40 px |         40 px |
 *         - Content                |        528 px |        728 px |        828 px |
 *         - Footer                 |         30 px |         30 px |         30 px |
 *    - Border                      |          1 px |          1 px |          1 px |
 * ---------------------------------+---------------+---------------+---------------+
 */
/************************************************************************************
 *
 * html, body, globals
 *
 ***********************************************************************************/
html, body { /* vertical centering */
	height: 100%;
	width: 100%;
}
body {
	background: #252620;
	color: #252620;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	text-align: center;
}
a:link, a:visited {
	color: #252620;
}
a:hover, a:active {
	color: #f2be22;
}
/************************************************************************************
 *
 * distance, container
 *
 ***********************************************************************************/
#distance { /* vertical centering */
	float: left;
	height: 50%;
	margin-bottom: -300px; /* 600/2 px */ /* SIZE */
	width: 1px;
}
#container {
	border: 1px solid #585858;
	clear: left; /* vertical centering */
	height: 598px; /* 600px -1px -1px */ /* SIZE */
	margin: 0 auto;
	padding: 0;
	position: relative; /* vertical centering */
	width: 798px; /* 800px -1px -1px */ /* SIZE */
}
/************************************************************************************
 *
 * header
 *
 ***********************************************************************************/ 
#header {
	background: #f2be22;
	height: 40px;
	overflow: hidden;
	position: relative;
}
a.headerlink:link, a.headerlink:visited {
	color: #515945;
	text-decoration: none;
}
a.headerlink:hover, a.headerlink:active {
	color: #FFFFFF;
}
#headerLeft {
	bottom: 12px;
	color: #0d0d0c;
	float: left;
	left: 0;
	padding-left: 20px;
	position: absolute;
	width: 390px;
	text-align: left;
}
#headerRight {
	bottom: 3px;
	float: right;
	padding-right: 20px;
	position: absolute;
	right: 0;
	text-align: right;
	width: 390px;
}
#headerRight ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
#headerRight li {
	display: inline;
}
/************************************************************************************
 *
 * footer
 *
 ***********************************************************************************/ 
#footer {
	background: #f2be22;
	color: #515945;
	height: 30px;
	line-height: 30px; /* = height of footer */
	overflow: hidden;
	position: relative;
	margin: 0;
	z-index: 1;
}
a.footerlink:link, a.footerlink:visited {
	color: #515945;
	text-decoration: none;
}
a.footerlink:hover, a.footerlink:active {
	color: #FFFFFF;
}
#footerLeft {
	bottom: 0;
	height: 100%;
	left: 0;
	padding-left: 20px;
	position: absolute;
	width: 300px;
	text-align: left;
	z-index: 3;
}
#footerMiddle {
	bottom: 0;
	height: 100%;
	left: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 2;
}
#footerRight {
	bottom: 0;
	height: 100%;
	padding-right: 20px;
	position: absolute;
	right: 0;
	text-align: right;
	width: 300px;
	z-index: 3;
}
/************************************************************************************
 *
 * content
 *
 ***********************************************************************************/
#content {
	background: #f2f2f2;
	height: 528px; /* SIZE */
	margin: 0;
	padding: 0;
	overflow: auto;
	text-align: left;
}
/************************************************************************************
 *
 * startPage
 *
 ***********************************************************************************/
#startPage {
	color: #515945;
	font-size: 45px;
	margin: auto;
	padding: 0px 20px 0px 20px;
}
#startPage p {
	margin: 0;
	padding: 20px 0px 0px 0px;
	text-align: center;
}
#startPage ul {
	list-style-type: none;
	margin: 0;
	padding: 20px 0px 0px 65px;
}
#startPage li {
	margin: 0;
	padding: 10px 0px 0px 0px;
}
/************************************************************************************
 *
 * ueber
 *
 ***********************************************************************************/
#ueber {
	margin: 0;
	padding: 0;
}
#ueber img {
	left: 258px; /* (798px - 282px)/2  */ 
	position: absolute;
	top: 106px; /* (533px - 400px)/2 + 40 */ 
}
/************************************************************************************
 *
 * contact
 *
 ***********************************************************************************/
#contact {
	margin: 0;
	padding: 0;
	position: relative;
}
#contactLeft {
	margin: 0;
	left: 0;
	padding: 0 20px 0 20px;
	position: absolute;
	top: 0;
	width: 359px; /* (798-20-20-20-20)/2 px */ /* SIZE */
}
#contactRight {
	margin: 0;
	right: 0;
	padding: 0 20px 0 20px;
	position: absolute;
	top: 0;
	width: 359px; /* (798-20-20-20-20)/2 px */ /* SIZE */
}
#contactLeft p, #contactRight p {
	margin: 0;
	padding: 30px 0 10px 0;
}
#contactLeft ul, #contactRight ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 20px;
}

/************************************************************************************
 *
 * photos
 *
 ***********************************************************************************/
#htg {
	margin: 0;
	padding: 0 20px 0 20px;
}