/* General
----------------------------------------------------- */

body {
	background: #F5F5F5;
	margin: 0;
	font-size: 11px;
}

body, div, th {
	font-family: "Tahoma", "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color: #004d95;
	line-height: 1.3;
	font-size: 12px;
}

input, select, textarea {
	font-family: "Tahoma", "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	font-size: 13px;
}

h1 {
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0 15px 0;
}

h2 {
	font-size: 115%;
	line-height: 1.2em;
	margin: 15px 0 10px 0;
}

h3 {
	font-size: 100%;
	line-height: 1.2em;
	margin: 3px 0 10px 0;
}

h4 {
	font-size: 90%;
	line-height: 1.2em;
	margin: 3px 0 10px 0;
}

p {
	margin: 0px 0px 1em 0px;
}

form {
	margin: 0;
}

.clear {
	clear: both;
}

a {
	color: #004d95;
}


/* Document Structure
----------------------------------------------------- */

#global-container {
	background: #FFF;
	padding: 0;
	width: 875px;
	border-right: 5px solid #FFF;
}

.home #global-container {
	background: #FFF url(/images/header_home.jpg) 0 30px no-repeat;
}


#wrapper {
	margin: 0;
	padding: 0;
	z-index: -2;
}

#metax-header {
	background: #00305E;
	text-align: right;
}

#header {
	height: 160px;
}
	
	.home #header a {
		width: 470px;
		height: 160px;
		display: block;
	}
	
	.home #header a span {
		display: none;
	}

#content {
	float: left;
	width: 645px;
	min-height: 350px;
}

#container {
	float: left;
	width: 645px;
}


/* Menu
----------------------------------------------------- */
#menu-container {
	width: 200px;
	margin-right: 30px;
	float: left;
}

#menue {
	margin: 0;
	padding: 0;
	width: 100%;
}
	
	#menue li {
		border-bottom: 1px solid #7ab2dc;
		padding: 0;
	}
		
		#menue li a {
			color: #004d95;
			display: block;
			background: #FFF;
			padding: 7px 14px 7px 20px;
			text-decoration: none;
			font-size: 12px;
			font-weight: bold;
			margin: 0;
		}

#menue li a:hover, #menue li.active a {
	background: #004d95;
	color: #FFF;
}

/* Menu Box
----------------------------------------------------- */

div.menu-box {
	background: #FFF;
}

div.menu-box h3 {
	font-size: 12px;
	color: #FFF;
	background: #004d95;
	font-weight: bold;
	padding: 7px 0 8px 20px;
	margin: 0;
}

div.menu-box-content {
	padding: 10px 20px;
}

div.opentime-block {

}
	
	span.opentime-head {
		display: block;
		width: 70px;
		float: left;
	}
	
	span.opentime-content {
		display: block;
		width: 90px;
		float: left;
	}


/* Sub Menu
----------------------------------------------------- */

ul#submenu {
	margin: 0;
	padding: 0;
	background: #FFF;
}

	ul#submenu li {
		margin: 0;
		border: none;
		display: inline;
	}

	li.active ul#submenu li a {
		background: #FFF;
		border: none;
		color: #004d95;
		font-weight: normal;
		font-size: 12px;
		padding: 5px 0 8px 30px;
	}

	li.active ul#submenu li.active a,
	li.active ul#submenu li a:hover {
		background: #FFF;
		color: #004d95;
		text-decoration: underline;
	}

ul.list {
	margin: 0 0 20px 0;
	padding: 0;
}
	
	ul.list h3 {
		line-height: 1.2em;
		font-weight: bold;
		margin: 3px 0 3px 0;
	}
	
	ul.list li {
		display: inline;
		list-style-type: none;
	}
		
		ul.list li a {
			color: #004d95;;
			text-decoration: none;
			display: block;
			padding: 4px 0 4px 18px;
		}
		
		ul.list li a:hover {
		}
		
		ul.list li.active a {
		}


/* Footer
----------------------------------------------------- */

#footer {
	background-color: #FFF;
	font-size: 11px;
	width: 850px;
}

#footer ul {
	margin: 0 8px 0 0;
	padding: 6px 0;
}

#footer li {
	display: inline;
}

#footer li a {
	color: #222;
	padding: 4px 7px;
	text-decoration: none;
}

footer li#last a {
	border: 0;
}


/* Containers
----------------------------------------------------- */

.container {
	float: left;
	margin: 0 20px 0 0;
	width: 310px;
}

.container a {
	text-decoration: none;
}

h2.box-head {
	background: #7ab2dc;
	font-size: 13px;
	color: #FFF;
	padding: 6px 10px;
	margin: 0;
}

.container h3 {
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding: 5px 10px 3px 0;
	margin: 0;
}

.container ul.list {
}
	
	.container ul.list li {
		display: block;
		border-bottom: 2px solid #c5ddf0;
	}

		
		.container ul.list li span.date {
			display: block;
			padding: 2px 0;
		}
		
		.container ul.list li a {
			background: transparent; 
			display: inline;
			padding-left: 0;
			border: 0;
		}
	
	.container ul.list li:hover {
	}
	
	.container ul.list li a:hover {
		background: transparent; 
	}


/* Statement Home
----------------------------------------------------- */

div#home-statement {
	width: 645px;
	margin: 0 0 30px 0;
	padding: 0;
	height: 159px;
}

	div#home-statement h2,
	div#home-statement h3 {
		display: none;
	}

.container div.home-statements {
	width: 190px;
	margin-left: 10px;
	float: left;
}

	.container div.home-statements ul.statement-list {
		list-style: none;
	}

		.container div.home-statements ul.statement-list li {
			display: inline;
			border: 0;
		}
	
			.container div.home-statements ul.statement-list li a {
				display: block;
				width: 210px;
				height: 45px;
				position: absolute;
			}
	
			.container div.home-statements ul.statement-list li a#statement-unternehmen {
				top: 280px;
				margin-left: 163px;
			}
	
			.container div.home-statements ul.statement-list li a#statement-heilberufler {
				top: 280px;
				margin-left: 383px;
			}
		
				.container div.home-statements ul.statement-list li a span {
					display: none;
				}

/* Home
------------------------------------------------------------ */

.img-team {
	float: right;
	margin: 0 0 10px 10px;
}
.zitat {
	padding: 4px 4px 4px 10px;
}
.author {
	padding: 4px 4px 4px 10px;
}

#banner {
	position: absolute;
	left: 880px;
	top: 60px;
	width: 180px;
}

/* Tooltip
------------------------------------------------------------ */
a.info{
	position:relative; /*this is the key*/
	z-index:24; 
	text-decoration: none;
}

	a.info:hover{
		z-index:25; 
		background-color: #F5F9FD;
	}
	
	a.info span{display: none}
	
	a.info:hover span {
		background: #FFF;
		border: 1px solid #bbb;
		display:block;
		padding: 8px;
		position:absolute; 
		top: -240px;
		left: 9em; 
	}
	a.info:hover span.above {
		//left: -300px; 
	}


/* LEISTUNGEN*/
#menueContent {
	margin: 25px 0 0 0;
	padding: 0;
}
#menueContent li {
	display: inline;
	list-style-type: none;
}
#menueContent li a {
	float: left;
	text-decoration: none;
	display: block;
	padding: 0 10px 3px 0;
}
#menueContent li a.back {
	padding-left: 3px;
}
#menueContent li a:hover {
	text-decoration: underline;
}

/* SITEMAP 
----------------------------------------------*/
ul.sitemap {
	background: #F3F8FC;
	margin: 0 15px 20px 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 30%;
}
ul.sitemap li {
	list-style: none;
}
ul.sitemap ul {
	list-style: none;
	margin: 0;
}
ul.sitemap a {
	display: block;
	padding: 3px 6px;
	margin: 0;
}

ul.sitemap h2 {
	background: #E0ECF9;
	color: #2268AF;
	font-size: 120%;
	padding: 6px;
	margin: 0;
}


/* SONSTIGES
----------------------------------------------------- */
h2#mehrwert-unternehmen, 
h2#mehrwert-heilberufler {
	margin-top: 35px;
	margin-bottom: 5px;
}

.imgLeft {
	float: left; /* oder right*/
	padding: 0 10px 10px 0;
}
.imgRight {
	float: right; /* oder right*/
	padding: 0 0 10px 10px;
}
.clear {
	clear: both
}
.clear strong {
	display: block;
	font-size: 15px;
}
ul.vita {
	margin: 20px 0 0 10px;
	padding: 0 20px 0 30px:
}

img {
	border: 0;
}

#stbverband {
    margin: 10px 0 0 0;
	border: 1px solid #ddd;
}

ul {
	margin: 5px 0 20px 10px;
	padding: 0 0 0 15px;
	list-style-type:square;
}

li {
	padding:0 0 0.4em 0;
}
#back {
text-align: right}

#zubreit {
	width: 450px;
}

#modul, #submodul {
	font-size: 13px;
	color:#143046;
	font-weight:bold;
	padding: 4px 0 6px 7px;
	background-color: white;
	border: 1px solid #FFFFFF;
	width: 250px;
}

#submodul {
	width: 230px;
}
.callback {
	margin: 20px 35px;
	
}
.formular {
	color: #002459;
}
.date {
	margin: 10px 0 0 0;
	padding-bottom: 0;
}
.date a {
	font-weight: normal;
	text-decoration: none;
}
.news {
	border-bottom: 1px dotted #AAA;
	margin: 0;
	font-size: 13px;
	padding-bottom: 10px;
	padding-right: 12px;
	font-weight: 200;
}
.highlight {
	background: #000;
	color: #FFF;
}
#searchfield {
	border: 1px solid #7199A6;
}

ul.statement-image-list {
	padding-left: 0;
	margin-left: 3px;
	list-style: none;
}

	ul.statement-image-list li {
		background: transparent;
		border: 0;
	}

/* Tables
----------------------------------------------------- */
table {
	border: 0;
	margin: 0 0 15px 0;
}

table.services {
	border: 1px solid #7ab2dc;
	border-width: 0 1px 1px 0;
	margin: 0 0 15px 0;
}

th {
	background: #7ab2dc;
	text-align: left;
	color: #FFF;
}

td, th {
	padding: 5px 35px 5px 5px;
	vertical-align: top;
}

table.services th,
table.services td {
	border: 1px solid #7ab2dc;
	border-width: 1px 0 0 1px;
}

td.streifen {
	background: #7ab2dc;
}

/* Extra
----------------------------------------------------- */

.news {
	font-size: 13px;
	line-height: 17px;
}

.error {
	font-weight: bold;
	color: #FF0000;
}

.success {
	font-weight: bold;
	color: green;
}

/* forms
----------------------------------------------------- */
form label { 
	cursor: pointer;
	float: left;
	padding: 0.3em 7px 0 5px;
	text-align: right;
	width: 120px;
}
form ul {
	margin: 0 0 20px 0.5em;
	list-style: none;
}
form li {
	padding: 0 0 0.5em 0;
}
form li.space {
	padding: 0 0 1.5em 0;
}
form label.checkbox {
	float: none;
	padding: 0.3em 1em 0 0.3em;
	text-align: left;
	width: auto;
}
input[type="text"]:focus, 
textarea:focus {
	background: #EFF3F5; 
	border: 1px solid #7199A6;
}
input[type="text"]:hover, 
textarea:hover {
	border: 1px solid #30464E;
}
#vorname,
#nachname,
#beruf,
#firma,
#strasse,
#telefon,
#fax,
#email,
#kammer,
#ort,
#plz,
textarea {
	border: 1px solid #7199A6;
	padding: 4px;
	width: 270px;
}

input#plz {
	width: 40px;
}
input#ort {
	margin: 0 0 0 4px;
	width: 216px;
}




/* kontakt
----------------------------------------------------- */
#map {
	border: 1px solid #DDDDDD; 
	margin-top: 8px; 
	display: block;
}
.mapSmall {
	width: 350px; 
	height: 205px; 
}
.mapBig {
	width: 600px; 
	height: 436px; 
}

/* Team
----------------------------------------------------- */

div.team-member {
	margin: 0 0 25px 0;
	width: 310px;
	float: left;
}

	div.team-member img {
		float: left;
		margin-right: 20px;
	}

	div.team-member h2 {
		margin: 2px 0 10px 0;
	}