@charset "utf-8";
/* global gültige Styles ********************************** */
/* Schrifteinstellung */
* {
    margin: 0;
    padding: 0;
}

html { overflow-y: scroll; }

body {
	background: #DADADA url(../gfx/design_body.gif) center top repeat-x;
    color: #003d8f;
    font: normal 75%/18px Arial, Helvetica, sans-serif;
}

iframe {
	border: none;
	height: 100%;
	width: 100%;
}

/* Hyperlinks */
a, a:link, a:visited {
    color: #003d8f;
    font-weight: bold;
    text-decoration: underline;
}

a:hover, a:active, a:focus { text-decoration: none; }

a.more, a.more:link, a.more:visited {
	background: #d3e2fb url(../gfx/icon_amore.gif) 1px 0 no-repeat;
	display: block;
	font: bold 95%/17px Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
	padding: 0 25px;
	text-align: left;
	text-decoration: none;
}

a.more:hover, a.more:active, a.more:focus { text-decoration: underline; }

/* Absätze */
p, dd { padding-bottom: 15px; }

/*Listen*/
ul, ol { margin: 0 0 15px 20px; }

li { margin-bottom: 5px; }

ul.hList {
	list-style: none;
	margin-left: 0;
}

ul.hList li {
	display: inline;
	padding-right: 6px;
}

/* Überschriften */
h1 {
	background: #fff url(../gfx/design_h1.gif) left center repeat-y;
	color: #003d8f;
    font: bold 120% Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
	padding: 2px 25px;
}

h1 strong { color: #81acf3; }

h2, dt {
	color: #003d8f;
    font: bold 100% Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
}

.high h2 {
	background-color: #81ACF3;
	color: #fff;
	margin-bottom: 20px;
	padding: 3px 6px;
}

h3, h4, h5, h6 {
	color: #81ACF3;
	font: bold 100% Arial, Helvetica, sans-serif;
}

/* zusätzliche Textauszeichnungen */
.boldTxt  { font-weight: bold; }
.smallTxt { font-size: 90%; }
.bigTxt   { font-size: 125%; }

strong { font-weight: bold; }

hr {
	border: none;
	color: #BCBCBC;
	background-color: #BCBCBC;
	height: 1px;
	margin: 15px 0 25px 0;
}

.high {
	background-color: #D3E2FB;
	border-right: 2px solid #81acf3;
	border-left: 2px solid #81acf3;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 15px;
}

.warningBox {
	background-color: #FF6666;
	margin-bottom: 15px;
	padding: 20px 20px 5px 20px;
}

/* Bilder */
img.right {
    float: right;
    margin: 0 0 5px 20px;
}

img.left {
    float: left;
    margin: 0 20px 5px 0;
}

img.border {
	background-color: #FFFFFF;
    border: 1px solid #B1BADB;
	padding: 2px;
}

img.borderless { border: none; }

/* tabellarische Daten */
.tabularData {
    border-collapse: collapse;
    margin-bottom: 15px; 
    width: 100%;
}

.tabularData th {
    border: 1px solid #fff;
    padding: 10px 0 5px 0;
    text-align: left;
    vertical-align: top;
}

.tabularData td {
    background-color: #D3E2FB;
    border: 1px solid #fff;
    padding: 5px;
    vertical-align: top;
}

.tabularData.blank td {
	background-color: #FFFFFF;
	padding: 0;
}

.tabularData tr.odd td {
	background-color: #81acf3;
}

.tabularData caption {
    font-weight: bold;
    padding-bottom: 5px;
    text-align: left;
}

.tabularData.kontakt span, .tabularData.anfrage span {
	color: red;
	display: block;
	font: bold 95% Arial, Helvetica, sans-serif;
}

/*Formulare*/
option { padding: 0 3px; }

input.stretch95 { width: 95%; }
input.stretch80 { width: 80%; }
input.stretch50 { width: 50%; }
input.stretch25 { width: 25%; }

#plz, #anrede { width: 50%; }

/* ******************************************************** */

#container {
	background: #fff url(../gfx/design_container.gif) left top repeat-y;
	margin: 0 auto;
	width: 765px;
}

#header {
	background: #fff url(../gfx/design_header.gif) left top repeat-x;
	border-right: 1px solid #93959a;
	border-left: 1px solid #93959a;
    height: 110px;
	position: relative;
}

#header img {
	border: none;
	position: absolute;
	right: 20px;
	top: 42px;
}

#header ul {
	left: -1px;
	list-style: none;
	margin: 0;
	position: absolute;
	top: 55px;
}

#header ul li {
	display: block;
	float: left;
	margin: 0;
}

#header ul li a, #header ul li a:link, #header ul li a:visited {
	border-left: 1px solid #93959a;
	color: #435051;
	font: normal 100% Arial, Helvetica, sans-serif;
	padding: 0 20px;
	text-decoration: none;
}

#header ul li a:hover, #header ul li a:active, #header ul li a:focus {
	text-decoration: underline;
}

div.headerBox {
	background-color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
	color: #fff;
	font: bold 95% Tahoma, Arial, Helvetica, sans-serif;
	height: 100px;
	width: 145px;
	padding: 10px 10px 15px 100px;
	overflow: auto;
}

div.headerBox.angebot {
	background-image: url(../gfx/headerbox_angebot.jpg);
	margin-bottom: 25px;
}

div.headerBox h1 {
	background: none;
	border: none;
	color: #003d8f;
	font: bold 120% Arial, Helvetica, sans-serif;
	margin: 0 0 8px 0;
	padding: 0;
}

div.headerBox p { padding: 0 0 10px 10px; }

div.headerBox a, div.headerBox a:link, div.headerBox a:visited, 
div.headerBox a:hover, div.headerBox a:active, div.headerBox a:focus {
	background: transparent url(../gfx/icon_amore.gif) 1px 0 no-repeat;
	color: #81acf3 !important;
	font: bold 100% Arial, Helvetica, sans-serif;
	padding: 1px 0 1px 23px;
	text-align: right;
}

div.headerBox.philosophie {
	background-image: url(../gfx/headerbox_philosophie.jpg);
	left: 0;
	position: absolute;
	top: 170px;
}

div.headerBox.urteile {
	background-image: url(../gfx/headerbox_urteile.jpg);
	left: 255px;
	position: absolute;
	top: 170px;
}

#leftCol {
	float: left;
	width: 255px;
}

/*ExpoReal Banner*/
#leftCol img { margin-left: 10px; }

#leftCol h2 {
	border-bottom: 1px solid #D3E2FB;
	margin: 0 15px 5px 85px;
	padding-bottom: 5px;	
}

#leftCol ul#nav {
	background: #283c87 url(../gfx/design_nav.gif) left top repeat-x;
	height: 160px;
	list-style: none;
	margin: 0;
	padding: 10px 25px 0 25px;
	
	/*border-bottom: 1px solid #fff;*/
}

#leftCol ul#nav li { margin: 0; }

#leftCol ul#nav a, #leftCol ul#nav a:link, #leftCol ul#nav a:visited {
	background: transparent url(../gfx/design_nav_a.gif) left center no-repeat;
	border-top: 1px solid #95C0FF;
	border-bottom: 1px solid #6A95DC;
	color: #fff;
	display: block;
	line-height: 36px;
	padding-left: 70px;
	text-decoration: none;
	width: 135px;
}

#leftCol ul#nav a:hover, #leftCol ul#nav a:active, #leftCol ul#nav a:focus {
	background: transparent url(../gfx/design_nav_ahover.gif) left center no-repeat;
}

#leftCol ul#subNav {
	list-style: none;
	margin: 0 0 40px 85px;
}

#leftCol ul#subNav li { margin: 0; }

#leftCol ul#subNav a, #leftCol ul#subNav a:link, #leftCol ul#subNav a:visited {
	color: #fff;
	font: bold 95%/22px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#leftCol ul#subNav a:hover, #leftCol ul#subNav a:active, #leftCol ul#subNav a:focus {
	text-decoration: underline;
}

#leftCol ul#subNav a span { color: #003d8f; }

#content1, #content2 {
	background-color: #fff;
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: 255px;
	padding: 315px 35px 30px 35px;
	position: relative;
}

#content2 { padding-top: 200px; }

/* Hide from IE5-mac \*/

* html #leftCol { margin-right: -3px; }

* html #content1, * html #content2 {
    height: 1%;
    margin-left: 0;
}

/* End IE5/mac hide */

div.floatBox {
	float: right;
	margin-left: 20px;
	width: 200px;
}

#footer {
	background: #283c87 url(../gfx/design_footer.gif) left top repeat-x;
	clear: both;
	color: #fff;
	font: bold 95%/45px Arial, Helvetica, sans-serif;
	height: 48px;
	text-align: center;
}