/********************************************************
[Master Stylesheet]  / zaen.css
  
Project:		ZAEN - Zentralverband der �rzte f�r Naturheilverfahren e.V.
Last change:	10.03.2010
Assigned to:	Simon Milz ( mi / giftGR�N )
********************************************************/
@import "zaen_home.css";
@import "zaen_presse.css";
@import "zaen_vorstand.css";
@import "zaen_stellen.css";
@import "zaen_arbeitskreise.css";

html, body {
    margin: 0;
    padding: 0;
    height: 100%
}

body {
	background:			url(../bilder/bg.gif) repeat-x;
	padding:			0px;
	margin:				0px;
	font-family:		Arial;
	line-height:		100.1%;
	color:				#747474;
        background:			transparent url(../bilder/bg_body.png) no-repeat top left;
        background-attachment: fixed;
}

a {
	font-size:			11px;
	font-weight:		bold;
	color:				#16595d;
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}

img {
    border:             0;
}

div#pagewrap {
	/*background:			transparent url(../bilder/schatten.png) repeat-y scroll right center;*/
        margin:				0px;
	width:				978px;
        height: 100%
}

div#page {
	width:				959px;
	padding:			0px;
	margin:				0px;
	background:			#fff;
        min-height: 100%;
}

div#breadcrumb {
	margin-top:			-31px;
	color:				#5f5f5f;
	font-size:			10px;
}

* html div#breadcrumb {
    margin-top: 10px; 
}

* html div#breadcrumb p{
    padding: 0;
}

div#breadcrumb a {
	color:				#5f5f5f;
	font-size:			10px;
}

.clear { 
	clear: 				both;
}

.first {
	margin: 			0px 10px 0px 0px !important;
}

.last {
	margin: 			0px 0px 0px 10px !important;
}

/*** �berschriften ******************/

h1 { 
	color:				#16595d;
	font-size:			20px; 
}

h2 {
	color:				#16595d;
	font-size:			16px;
	margin-bottom:		4px;
}

/*** Container ******************/

div.col-15 {
	width: 				110px;
	margin: 			0px 10px 0px 10px;
	float: 				left;
}

div.col-20 {
	width: 				126px;
	margin: 			0px 8px 0px 8px;
	float:				left;
}

div.col-25 { 
	width: 				280px; 
	margin: 			0px 10px 0px 10px; 
	float: 				left; 
}

div.col-33 { 				
	width: 				220px;
	margin: 			0px 10px 0px 10px;
	float: 				left; 
}

div.col-50 { 
	width: 				340px; 
	margin: 			0px 10px 0px 10px; 
	float: 				left; 
}

* html div.col-50 {
    width: 330px;
    float: left;
    overflow: hidden;
    margin-top: 20px; 
}

div.col-75 { 
	width: 				400px; 
	margin: 			0px 10px 0px 10px; 
	float:				left;
}

div.col-85 { 
	width: 				570px;
	margin: 			0px 10px 0px 0px;
	float: 				left;
}

* html div.col-100{
    margin-bottom: 20px;
}

/*****************************************
# Seitenstruktur
# ****************************************
# * body 
#	+ Pagewrap / div#pagewrap	
# 	+ Page / div#page
# 		+ Header / div#heade
#			+ Logo & Login / div#headerline_2
#	+ Navigation / div#navigation
#		+ Ebene 1 / ul#nav_ebene1
#		+ Ebene 2 / ul#nav_ebene2
#		+ Ebene 3 / ul#nav_ebene3
*****************************************/

/*****************************************
# Header, Headerline1, Headerline2
*****************************************/

div#header {
	background:			#fff;
}

div#header img {
	float:				left;
}

div#header a#get_pw {
	margin-left:		548px;
	color:				#898989;
	font-size:			10px;
	text-decoration:	none;
	margin-top:			1px;
}

/*** Topnavigation -> div#topnavi ******************/

div#header div#topnavi {
    margin-top:         -8px;
    position:           absolute;
    width:              950px;
    text-align:         right;
    padding-right:      10px;
    font-size:          9px;
    left:               0;
    top:                0;
}

div#header div#topnavi a {
    font-size: 9px;    
}
/*** Line1 -> div#headerline_1 ******************/

div#header div#headerline_1 {
	background:			#DD2231 none repeat scroll 0 0;
	float:				left;
	height:				20px;
	width:				69px;
	margin-right:		6px;
	margin-top:			63px;
}

/*** Line2 -> div#headerline_2 ******************/

div#header div#headerline_2 p {
	background:			#DD2231 none repeat scroll 0 0;
	color:				#fff;
	padding:			2px 3px 2px;
	font-weight:		bold;
	font-size:			14px;
	float:				left;
	margin-top:		    12px;
    width:              791px;
}

div#header div#headerline_2 {
	background:			#fff none repeat scroll 0 0;
	float:				left;
	margin-left:		6px;
	padding-top:		51px;
}

div#header div#headerline_2 form#eshop {
	background:			#DD2231 none repeat scroll 0 0;
	margin-top:			11px;
	padding-left:		550px;
	width:				247px;
}

div#header div#headerline_2 form#eshop input {
	border:				1px solid #b3b3b3;
	margin-bottom:		2px;
	margin-top:			2px;
	height:				14px;
	color:				#868685;
	font-size:			10px;
}

div#header div#headerline_2 form#eshop input#submit_login {
	background:			url(../bilder/login1.gif) no-repeat;
	height:				14px;
	border:				0px;
	cursor:				pointer;
}

/*****************************************
# Navigation ( Ebene1, Ebene2, Ebene3)
*****************************************/

div#navigation {
	clear:				both;
	background:			url(../bilder/bg_navi01.jpg) no-repeat;
	height:				252px;
    padding-top:        13px;
}

* html div#navigation {
    height: 240px;
}

ul#nav_ebene1, ul#nav_ebene2, ul#nav_ebene3, ul#nav_ebene4 {
	width:				240px;
	height:				214px;
	float:				left;
	padding:			0px;
	margin:				0px;
	list-style:			none;
	padding-top:                    12px;
}

ul#nav_ebene3 {
    overflow: auto;
}

ul#nav_ebene4 {
    width:              239px;
}

ul#nav_ebene1 li a, ul#nav_ebene2 li a, ul#nav_ebene3 li a, ul#nav_ebene4 li a {
	display: 			block;
	padding:			3px 0px 3px 12px;
	font-size:			11px;
	font-weight:		bold;
	color:				#fff;
	text-decoration:	none;
}

ul#nav_ebene1 li:hover, ul#nav_ebene2 li:hover, ul#nav_ebene3 li:hover, ul#nav_ebene4 li:hover {
	background:			url(../bilder/bg_n_white.png);
}

ul#nav_ebene1 li a.aktiv, ul#nav_ebene2 li a.aktiv, ul#nav_ebene3 li a.aktiv, ul#nav_ebene4 li a.aktiv {
	background:			url(../bilder/bg_n_white.png);
}

div#navigation ul#nav_ebene1 {
	background:			url(../bilder/bg_n_00.gif);
	filter:				alpha(opacity=96);
	-moz-opacity:		.96;
	opacity:			.96;
}

* html div#navigation ul#nav_ebene1,
* html div#navigation ul#nav_ebene2,
* html div#navigation ul#nav_ebene3,
* html div#navigation ul#nav_ebene4 {
    height: 227px;
    overflow: auto;
}


div#navigation ul#nav_ebene2 {
	background:			url(../bilder/bg_n_01.gif);
	filter:				alpha(opacity=90);
	-moz-opacity:		.90;
	opacity:			.90;
}

div#navigation ul#nav_ebene3 {
	background:			url(../bilder/bg_n_02.gif);
	filter:				alpha(opacity=90);
	-moz-opacity:		.90;
	opacity:			.90;
}

div#navigation ul#nav_ebene4 {
    background:            url(../bilder/bg_n_03.gif);
    filter:                alpha(opacity=90);
    -moz-opacity:        .90;
    opacity:            .90;
}

/*** Suche -> Opacity-Layer ******************/

div#navigation div#form_bg {
	background:			url(../bilder/bg_n_04.gif);
	width:				239px;
	height:				226px;
	margin-left:		720px;
	z-index:			1;
	filter:				alpha(opacity=68);
	-moz-opacity:		.68;
	opacity:			.68;
}

div#navigation div#form_bg2 {
	background:			url(../bilder/bg_n_05.gif);
	width:				239px;
	height:				67px;
	margin-left:		720px;
	margin-top:			-67px;
	z-index:			1;
	filter:				alpha(opacity=32);
	-moz-opacity:		.32;
	opacity:			.32;
}

/*** PLZ Suche -> form#nav_plz_search ******************/

div#navigation form#nav_plz_search {
	margin-left:		726px;
	position:			absolute;
	z-index:			2;
	color:				#fff;
}

div#navigation form#nav_plz_search p {
	font-weight:		bold;
}

div#navigation form#nav_plz_search select {
	margin:				8px 0px 8px 35px;
	width:				160px;
}

div#navigation form#nav_plz_search label {
	font-weight:		bold;
	margin-left:		35px;
	margin-right:		10px;
}

div#navigation form#nav_plz_search input {
	width:				89px;
}

div#navigation form#nav_plz_search input#nav_plz_search_submit {
	border:				0px;
	background:			none;
	font-weight:		bold;
	color:				#fff;
	text-align:			left;
	font-size:			12px;
	margin-left:		138px;
	cursor:				pointer;
}

/*** Website Suche -> form#nav_search ******************/

div#navigation form#nav_search {
	position:			absolute;
	z-index:			2;
	margin-left:		726px;
	margin-top:			182px;
}

div#navigation form#nav_search input {
	width:				170px;
	margin-left:		14px;
	color:				#868685;
}

div#navigation form#nav_search input#submit_search {
	margin-left:		0px;
}

div#navigation form#nav_search input#submit_search {
	width:				14px;
	height:				13px;
	border:				none;
	background:			url(../bilder/lupe.png);
	cursor:				pointer;
}

/*****************************************
# Marginalspalte
*****************************************/

div#marginal {
	background:			#F2F1EE none repeat scroll 0 0;
	margin-left:		730px;
	margin-top:			-26px;
	padding:			20px;
}

* html div#marginal {
    width: 225px;
    float: right;
    margin: 0;
}

*+html div#marginal {
    padding-right: 0px; 
}

div#marginal h1 {
	color:				#598c98;
	font-size:			12px;
	font-weight:		bold;
}
div#marginal p {
	color:				#5f5f5f;
	font-size:			10px;
}
div#marginal b {
    color:                #5f5f5f;
    font-size:            11px;
}

div#marginal div.marginal_box {
    padding-top:        20px;
    padding-bottom:     20px;
}

div#marginal div.kongress {
    margin-left:        -20px;
}

/*** Ansprechpartner -> div.marginal_contactperson *********/

div#marginal div.marginal_contactperson {
	border-bottom:		1px solid #cccfd0;
	padding-bottom:		10px;
        float:left;
}

div#marginal div.marginal_contactperson img {
	/* float:				left; 
	margin-right:		10px; */
}

div#marginal div.marginal_contactperson p {
	line-height:		126%;
}

div#marginal div.marginal_contactperson a {
	color:				#598c98;
	font-size:			10px;
	text-decoration:	none;
}

/*** Suche -> div.marginal_suche *********/

div#marginal div.marginal_suche {
    border-bottom:      1px solid #cccfd0;
    padding-bottom:     20px;
    padding-top:        18px;
}

div#marginal input.in_text {
    width:              150px;
}

div#marginal input.in_search {
    width:              23px;
    height:             23px;
    border:             none;
    background:         url(../bilder/search.gif) 0 0 no-repeat;
    cursor:             pointer;
}

/*** PLZ Suche -> div.marginal_plz_suche *********/

div#marginal div.marginal_plz_suche {
    border-bottom:      1px solid #cccfd0;
    padding-bottom:     10px;
}

div#marginal div.marginal_plz_suche label {
    font-size:          11px;
    font-weight:        bold;
    margin-left:        30px;
	margin-right:        12px;
}

div#marginal div.marginal_plz_suche input {
    width:              73px;
}

div#marginal div.marginal_plz_suche select {
    width:              135px;
    margin:             8px 0px 8px 30px;
}

div#marginal div.marginal_plz_suche .in_button {
    border:             none;
    background:         transparent;
    text-decoration: underline;
}

/*** Zeitschriftenarchiv -> div.marginal_magazines *********/

div#marginal div.marginal_magazines {
	border-bottom:		1px solid #cccfd0;
	padding-bottom:		10px;
}

div#marginal div.marginal_magazines ul {
	color:				#598c98;
	font-size:			12px;
	font-weight:		bold;
	padding:			0px 0px 0px 14px;
}

div#marginal div.marginal_magazines a {
	color:				#598c98;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none;
}

div#marginal div.marginal_magazines a span {
	text-decoration:	underline;
}

/*** Newsletter -> div.marginal_newsletter *********/

div#marginal div.marginal_newsletter{
	border-bottom:		1px solid #cccfd0;
	padding-bottom:		12px;
}

div#marginal div.marginal_newsletter form#marginal_form_newsletter input {
	border:				1px solid #b3b3b3;
	padding:			3px;
	margin-bottom:		7px;
	width:				170px;
	color:				#868685;
}

div#marginal div.marginal_newsletter form#marginal_form_newsletter input#newsletter_submit {
	float: 				right;
	background:			url(../bilder/login2.gif);
	border:				0px;
	width:				14px;
	height:				14px;
	margin-top:			-24px;
}

/*** Kontakt -> div.marginal_contact *********/

div#marginal div.marginal_contact a {
	color:				#598c98;
	font-size:			10px;
	text-decoration:	none;
}

div#marginal div.marginal_contact b {
	font-size:			12px;
}

/*****************************************
# Content
*****************************************/

div#content {
	width:				700px;
	height:				200px;
	float:				left;
	padding:			0px 10px 0px 10px;
	font-size:			12px;
}
* html div#content .wk_table td,
* html div#content .wk_table th {
    font-size: 12px !important;
}

/*****************************************
# Arztsuche
*****************************************/

div#doccontainer ul {
	list-style:			none;
	padding-left:		10px;
}

div#doccontainer div.line1 {
	background:			#FAFAFA;
}

div#doccontainer div.line2 {
	background:			#F4F4F4;
}

div#doccontainer div.docitem {
	border:				1px solid #EBEBEB;
	clear:				both;
	font-size: 			12px;
	margin-bottom: 		5px;
	-moz-border-radius: 8px;
	padding: 			8px;
}

div#doccontainer div.docitem span.highlight {
	background:			#FFFF99;
}

div#doccontainer p.relevanz {
	font-size:			10px;
	margin-bottom:		11px;
	margin-top:			-10px;
}

div#doccontainer div.docitem img {
	vertical-align:		text-bottom;
}

div#doccontainer div.docitem img.search_close {
	float:				right;
	cursor:				pointer;
	padding:			5px;
	opacity:			0.6;
	filter:				alpha(opacity=60);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

div#doccontainer div.docitem img.search_close:hover {
	opacity:			1;
	filter:				alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

div#doccontainer div.docitem:hover {
	background:			#F2F1EE;
}

/********************************************************
*	Workarounds globalsearch
********************************************************/

#content div.home_titel {
	color:				#16595d!important;
	font-size:			20px!important; 
}

#content div.home_text td {
    background-color: transparent!important;
}

#content div.home_text td a {
    color: #5f5f5f!important;
}

#content div.linie_home {
    display: none!important;
}

/********************************************************
*	Arztsuche
********************************************************/

.arztsuche h1 {
	margin-bottom: 20px;
}

.arztsuche label {
    display: block;
    margin: 10px 0 0 0;
    font-weight: bold;
}
.arztsuche input {
    margin: 10px 0
}

div#content form#docsearch {
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	border:1px solid #EBEBEB;
	clear:both;
	font-size:12px;
	margin-bottom:5px;
	padding:8px;
	background:#F4F4F4 none repeat scroll 0 0;
}

div#content select {
	margin-bottom:5px;
	margin-left:50px;
}

div#content input {
	margin-bottom:5px;
	margin-left:4px;
}

div#content input#nav_plz_search_submit {
	margin-left:50px;
}

/********************************************************
*	Default Button
********************************************************/

.zaen_button_default {
    background: transparent url(../bilder/bt_zaen.png) no-repeat scroll center;
    color: #fff;
    display:block;
    font-weight: normal;
    position: relative;
    border: 0px solid;
    cursor: pointer;
    font-size: 10px;
    margin-right:5px;
    padding:0 5px;
    vertical-align: baseline;
    width: 110px; height: 28px;
}

.zaen_button_default:hover {
    text-decoration: underline;
}