@import "reset.css";
@import "defaults.css";
@import "smoothbox.css";

/*
	Project: peter-spaeth.com
	Author: Matthias Koch, 
	FINALNET Webentwicklung, 
	http://finalnet.de
	Last modified: Feb 15th, 2008
*/

/* 	-------------------------------------------------------
	The font-size is 16px (1em) by default and set to 15px 
	(0.9375em) with a line-height of 21px (1.400007em) for 
	body as parent container. The measures for most widths 
	and heights are relative (in em). So 1px in our case is 
	0.066667em because of the font-size set for the parent.
	------------------------------------------------------ */

body {
	background-color: #FFFFFF;
	color: #272727;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.937em;   
	line-height: 1.5; 
}

a {
	background: inherit;
	color: #499FE0;
	text-decoration: underline;
}
a:hover {
	background-color: inherit; 
	color: #808080;
}
a img {
	border: 0 none;
}
abbr, acronym {
	border-bottom: 1px dotted #808080;
	cursor: help;
}
code {
	cursor: default;
	font-family: Arial, sans-serif;
}
strong {
	color: #808080;
	background: inherit; 
	font-weight: bold;
}
/* ------------- Headings -------------- */
h1, h2, h3, h4, h5 { 
	background: inherit;
  	color: #4AA0E0;
	font-weight: normal;
	margin: 0 0 0.560em 0;
	line-height: 1.04;
}
h1 {
	font-size: 1.733em; /* 26 */
	letter-spacing: -0.033em;
}
h2 {
	font-size: 1.333em; /* 20 */ 
}
h3 {
	font-size: 1.200em; /* 18 */
}
h4 {
	font-size: 1.067em; /* 16 */
}

.wrap {
	clear: both;
	margin: 0 auto;
	width: 90%;
}
.clear, p.clear {
	clear: both;
	height: 1px;
	width: 100%;
}
div.dividere {
	border-top: 1px solid #E0E2EB; /* hellblau #C7E2F5; */
	clear: both;
	margin-top: 18px; 
	padding: 2.667em 0; /* 40px 0; */
}
#header {
	background: #FFFFFF;
	color: #808080;
	height: 80px;
	margin: 20px 0 5px;
	padding: 0;
	position: relative;
}
#logo {
	float: left;
	margin-top: 15px;
}

/* Language Flags */
#top {
	float: right;
	height: 1.133em; /* 17 */
	margin-top: 10px; 
}

/* Horizontal Top Menu */
#menu {
	clear: right;
	display: inline;
	position: absolute;
	right: 5%;
	top: 62px;
	z-index: 75;
}
#menu li {
	display: block;
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
#menu a:link, #menu a:visited {
	background-color: inherit;
	color: #999;
	float: left;
	font-size: 1.067em; /* 16 */
	margin: 0 0 0 13px;
	text-decoration: none;
}
#menu a.active:link, #menu a.active:visited, #menu a:hover {
	background-color: inherit;
	border-bottom: 4px solid #4AA0E0;
	color: #666666;
	padding-bottom: 2px;
}

/* Class for Accesskeys */
.key {
	border-bottom: 1px dotted #808080;
}

#maincont {
	float: left;
	margin-bottom: 2%;
	width: 60%;
}

#maincont p, #right p, .half p {
	margin: 0 0 1.4em;
}
#maincont p.more, .half p.more, .rbcontent p.more {
	font-size: 0.94em;
	margin-top: -0.5em;
	padding: 0 1.25em 0 0;
	text-align: right;
}
#maincont code {
	font-family: Arial, Helvetica, sans-serif;
}
#maincont h4 {
	letter-spacing: -0.034em;
}
/* LISTS */
#maincont ul {
	list-style: square outside;
	padding: 0;
	margin: 0 0.5em 1.4em 2em;
}
#maincont li {
	background: inherit;
	color: #4AA0E0;
	margin: 0.5em 0 0.5em 1em;
	padding: 0 0 0 0.5em;
}
#maincont li span {
	background: inherit;
	color: #272727;
	display: block;
	padding: 0 0 0 0.5em;
}

/* IMG */
#maincont img.fl, #maincont img.fr {
	background: #E0E2EB;
	border: 0;
	color: #000;
	padding: 1px;
}
#maincont img.fl {
	float: left;
	margin: 0.35em 1em 1em 0;
}
#maincont img.fr {
	float: right;
	margin: 0.35em 0 0.35em 1em;
}

/* CONTACT FORM */

#maincont form {
	width: 98%;
}
#maincont fieldset {
	width: 100%;
}
#maincont form fieldset {        
	border: 1px solid #ccc;
	display: block;
	margin-right: 2%;
	margin-bottom: 10px;
	padding: 2em;
	width: 90%;
}
#maincont form fieldset legend {
	background: inherit;
	color: #8C989C;
	font-size: 87%;
	font-weight: bold;
	margin: 0;
	padding: 6px 3px;
	text-indent: 0;
	text-transform: uppercase;
}
#maincont textarea {
	border: 1px solid #ccc;
	overflow: auto;
	padding: 2px;
	width: 362px;
}
#maincont input {
	border: 1px solid #CCC;
	padding: 2px 0 2px 3px;
	width: 362px;
}
/* Button */
#maincont input#submit {
	background: #499FE0 url(../img/layout/button.gif) no-repeat left top;
	border: none;
	color: #FFF;
	cursor: pointer;
	/*font-weight: bold;*/
	height: 26px;
	margin: 0 auto;
	padding: 2px 4px 3px 4px;
	width: 69px;
}
#maincont input#submit:hover {
	background-position: left bottom;
}

/* RIGHT SECTION */
.right {
	background: #F4F4F4 none repeat scroll 0%;
	color: #444444;
	float: right;
	margin: 10px 0 20px;
	width: 35%;
}
.right ul, .right li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

/* Boxes right col */
.rbroundbox {
	background: #DCEEF4 url(../img/corners/hblau/ont.gif) repeat scroll 0%;
	color: inherit;
}
.rbtop div {
	background: transparent url(../img/corners/hblau/otl.gif) no-repeat scroll left top;
}
.rbtop {
	background: transparent url(../img/corners/hblau/otr.gif) no-repeat scroll right top;
}
.rbbot div {
	background: transparent url(../img/corners/hblau/obl.gif) no-repeat scroll left bottom;
}
.rbbot {
	background: transparent url(../img/corners/hblau/obr.gif) no-repeat scroll right bottom;
}
.rbtop div, .rbtop, .rbbot div, .rbbot {
	height: 10px;
	width: 100%;
}
.rbcontent {
	padding: 1.25em 1.5em;
}
.rbroundbox {
	margin: 0 auto 2em;
	width: 35%;
}
.rbcontent p {
	display: block;
	font-size: 0.933em; /* 14 */
	padding: 0 0 0.5em;
}

/* Nav list in Box */
.rbcontent ul {
	display: inline;
	list-style: none inside;
}
.rbcontent ul li {
	display: block;
	font-size: 1.223em;
	line-height: 1.025;
}
.rbcontent ul li a {
	display: block;
	letter-spacing: -0.002em;
	padding: 0.310em 0;
	text-decoration: none;
}
.rbcontent h3 {
	background: inherit;
	color: #808080;
	font-size: 1.297em; 
}
.rbcontent h3 a {
	background: inherit;
	color: #808080;
}
.rbcontent h4 {
	font-size: 1.173em;  
	letter-spacing: -0.006em;
}
.rbcontent h3 a, .rbcontent h4 a {
	text-decoration: none;
}

/* class of the last box */
.fin {
	margin-bottom: 50px;
}

/* Teaser Bottom */
.half {
	float: left;
	margin: 0% 3% 3% 0%;
	width: 48%;
}
.half h3 a {
	background-color: #3C3C3C;
	clear: both;
	color: #FFFFFF;
	display: inline;
	font-size: 0.800em;
	letter-spacing: 0.067em;
	line-height: 2;
	margin: 0 0 20px 0;
	padding: 5px 9px 4px 9px;
	text-decoration: none;
	text-transform: uppercase;
}
.half h3 a:hover {
	background: #499FE0 none repeat scroll 0%;
	color: #FFFFFF;
}
.half h4, .half h4 a {
	font-size: 1.200em; /* 18 */
	margin: 1.200em 0 0; /* 18 0 0 */
	text-decoration: none;
}
.half h4 a {
	font-size: 1em;
}
.half p {
	font-size: 0.933em; /* 14 */
	margin: 0.667em 0 1.667em; /* 10 0 25 */
}
.last {
	margin: 0;
}

#footer {
	background: #DCEEF4 url(../img/layout/bg_footer.gif) repeat-x scroll left top;
	color: #444444;
	font-size: 90%;
	padding: 1.000em 0 0.667em;
}