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

** Allgemeine Seiteneinstellungen ******

***************************************/
html,body
{
	margin:0;
	padding:0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #FFFFFF;
	font-size: 14px;
	color: #666666;
	height:100%; 
}

html>body 
{
	/* Das will der Rest. Safari kann kein min-height, daher wird hier
	 * eventuell etwas abgeschnitten, wenn die zentrierte Box größer
	 * als das Fenster ist */
	height:		auto;
}

a 
{
	color: #003399;
	text-decoration:underline;
}

a:hover
{
	color:#0066CC;
	text-decoration:underline;
}

h1
{
	font-style:normal;
	font-weight:bold;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	margin:0;
	text-align:center;
}
h2
{
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	margin:0;
	text-align:center;
}
h3, h3 a, h3 a:hover
{
	font-style:italic;
	font-weight:normal;
	font-size:8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
	padding-left:0;
	margin:0;
	text-align:center;
	text-decoration:none;
	color:#999999;
}
h4
{
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
	margin:0;
}

img
{
	padding:0;
	margin:0;
	border:0;
}

p, li
{
	font-size:11px;
	padding:0;
	padding-top:3px;
	margin:0;
	text-align:justify;
}



div.container 
{
	margin:		0;
	width:		735px;
	text-align:	center;
	/* Jetzt wird sie zentriert. */
	position:	absolute;
	top:		50%;
	left:		50%;
	/* Jetzt steht die linke obere Ecke genau am Mittelpunkt. Noch. */
	margin-top:	-236px;  /* == halbe Zeilenhöhe. */
	margin-left: -367px; /* == halbe Breite.     */
}

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

** Main Boxen für die Seite******

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


div.main_up 
{
	margin:0;
	width: 735px;
	height:53px;
	padding:0;
	border:0;
	z-index:1;
	background-image:url(../images/style/upper_line.gif);
	background-repeat:no-repeat;
	text-align:left;
}

div.klein_puzzle
{
	margin-top:-53px;
	margin-left:295px;
	z-index:2;
	position: absolute;
}


div.main {
	margin:0;
	padding:0;
	width: 735px;
	height:345px;
	text-align: left;
	border:0;
	background-color:#FFFFFF;
}

div.puzzle{
width:121px;
float:left; 
padding:0; 
margin:0;
}

div.content_index{
	float:right;
	width:260px;
	border:none;
	margin-right:15px;
	height:335px;
	overflow-y: auto;
	background-image:none;
	background-color:#FFFFFF;
	/*border:1px solid #000000;*/
}

div.content_right{
	float:right;
	width:355px;
	border:none;
	padding:2px;
	padding-top:10px;
	margin:0;
	height:325px;
	overflow-y: auto;
	background-image:none;
	background-color:#FFFFFF;
	font-size:10px;
	vertical-align:middle;
	text-align:center;
}
div.content_left{
	float:left;
	width:355px;
	border:none;
	padding:2px;
	padding-top:10px;
	margin:0;
	height:325px;
	/*overflow-y: hidden;*/
	background-image:none;
	background-color:#FFFFFF;
	font-size:10px;
	vertical-align:middle;
	text-align:center;
}

div.content_all{
	width:720px;
	border:none;
	padding:10px;
	margin:0;
	height:325px;
	overflow-y: auto;
	background-image:none;
	background-color:#FFFFFF;
	font-size:10px;
}

div.main_down {
	margin:0;
	width: 735px;
	padding:0;
	border:0;
	background-image:url(../images/style/coaching_havenstein.gif);
	background-repeat:no-repeat;
	clear:both;
	text-align:left;
	padding-top:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
div.main_down td{
text-align:center;
}
div.main_down a{
text-decoration:none;
color:#CCCCCC;
}

div.main_down a:hover{
	color: #003399;
	text-decoration:none;
}

div.main_down_puzzle {
	margin:0;
	width: 735px;
	padding:0;
	border:0;
	background-image:url(../images/style/puzzle_coaching_havenstein.gif);
	background-repeat:no-repeat;
	clear:both;
	text-align:left;
	padding-top:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}
div.main_down_puzzle td{
text-align:center;
}
div.main_down_puzzle a{
text-decoration:none;
color:#CCCCCC;
}

div.main_down_puzzle a:hover{
	color: #003399;
	text-decoration:none;
}
.err_message{color: #FF0000;}

.kontaktform{
padding:0;
margin:0;
}


/* ***************
   CSS POPUP 
**************** */

#popup 
{
	position:relative;
	left:0;
	top:0;
	width:350px;
	height:320px;
}

#popup a .popup_gross
{
	border:0;
	display:inline;
	height:1px;
	width:1px;
	left:-1px;
	top:1px;
	position:absolute;
}
#popup a.popup_klein:hover .popup_gross
{
	border:1px solid #CCCCCC;
	display:inline;
	position:absolute;
	height:662px;
	width:685px;
	left:-10%;
	top:-50%;
	z-index:100;
}