/* @override
	http://dzoi.de/files/css/style.css
	http://kurvenfrei.de/testfeld/files/css/style.css 

*/

/* dzoi.de Stylesheet  */
/* kurvenfei.de */

/* @group meyerreset */

/* Global Reset ala Eric Meyer */
html, body, div, span,  applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*Ende Global Reset*/



/* @end */

/* @group Global Styles */

body { background: #697681; color: #fff; 
	font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif; line-height: 1.5;
	font-size: 12px; }
	

.wrap { width: 900px; margin:0 auto;  position: relative;}
#main { background: #f3f8fd url(../img/main_bg.gif) repeat-x bottom;  padding-top: 70px;  }

li { margin-left: 1em; }

a { color: #fff; }
a:hover { text-decoration: none; }

.home #cont a { color: #000; }

h3 { font-size: 1.3em; }


/* @end */

/* @group Header */
#header { background: #48403d; border-bottom: 5px solid #5e9e4a; height: 110px; }
.bd_za #header { border-bottom: 5px solid #1f80b3; }
.bd_patienten #header { border-bottom: 5px solid #f7793f; }

	#header .wrap { height: 100%; }
	#header h1 { padding-top: 22px; width: 70%; margin-left: 01em; }
	#header h1 a { display: block; padding: 22px  0 22px 120px; 
		background: url(../img/logo.gif) no-repeat left center; font-size: 18px; }
	
	#header #auxnav { position: absolute; right: 0; bottom: 5px; }
	#header #auxnav li { float: left; list-style: none; }
	#header #auxnav a { padding-left: 1.5em; }

	#header a { text-decoration: none; }
	#header a:hover { text-decoration: underline; }


/* @end */

/* @group Navi */

#nav { width: 200px; float: left; }

#nav a { text-decoration: none; font-size: 14px; position: relative;}
#nav a:hover { text-decoration: underline; }

#nav li li strong a { color: #fff; background: none;font-weight: normal; }


#nav ul {  margin-bottom: 2em; padding: 1em 0; }

#nav #dzoi_nav { background: #5e9e4a; border: 1px solid #437a34; }
#nav #za_nav { background: #1f80b3;border: 1px solid #0666a7; }
#nav #patienten_nav { background: #f7793f; border: 1px solid #d7591f; }

#nav #zwanzig_nav { background: #eee; border: 1px solid #aaa; }
#nav #zwanzig_nav a { color: #444; }

#nav ul ul { margin-bottom: 0; padding: 0; background: #437a34; }

#nav ul .patienten ul { background: #d7591f; }
#nav ul .za ul { background: #0666a7; }


#nav li { margin: 0; list-style: none; }
#nav li li { border-top: 1px solid #36622a; border-bottom: 1px solid #5e9e4a; padding-bottom: 0;  }
	#nav .dzoi li { border-top: 1px solid #36622a; border-bottom: 1px solid #5e9e4a; }
	#nav .za li { border-top: 1px solid #005073; border-bottom: 1px solid #1f80b3; }
	#nav .patienten li { border-top: 1px solid #c7490f; border-bottom: 1px solid #f7793f; }
	
	#nav ul .zwanzig ul { background: #ccc; }
	#nav .zwanzig li { border-top: 1px solid #aaa; border-bottom: 1px solid #ddd; }

	#nav li a {  padding-left: 1em ; display: block;  }
	#nav li li a { width: 165px; padding: 5px 24px 5px 2em; background: url(../img/bullet.gif) no-repeat 13px center; z-index: 1000; }
	#nav li li a:hover { text-decoration: none; }
	
	#nav #dzoi_nav li.dzoi li strong a,	
	#nav li.dzoi li a:hover {  background: transparent url(../img/nav_active_.png) no-repeat top right;  }
	#nav #dzoi_nav li.dzoi li li strong a,
	#nav #dzoi_nav li.dzoi li li strong a { background: none; }
	#nav #za_nav li.za li strong a, 
	#nav li.za li a:hover {  background: transparent url(../img/nav_active_za.png) no-repeat top right; }
	#nav #za_nav li.za li li a,
	#nav #za_nav li.za li li a:hover { background: none; }	
	#nav #patienten_nav li.patienten li strong a, 
	#nav li.patienten li a:hover { background: transparent url(../img/nav_active_pa.png) no-repeat top right;  ; }
	#nav #patienten_nav li.patienten li li a,
	#nav #patienten_nav li.patienten li li a:hover { background: none; }
	
	#nav #zwanzig_nav li.zwanzig li strong a, 
	#nav li.zwanzig li a:hover { background: transparent url(../img/nav_active_zw.png) no-repeat top right;  ; }
	#nav #zwanzig_nav li.zwanzig li li a,
	#nav #zwanzig_nav li.zwanzig li li a:hover { background: none; }
	
	
	
#nav li li li,
#nav .dzoi li li,
#nav .za li li,
#nav .patienten li li { border: none; margin-left: 1em; }

	#nav li li li a { font-size: 12px; margin: 0.5em 0; width: auto; background: none; color: #ccc;}
	#nav li li li strong a,
	#nav li li li a:hover { background: none; color: #fff;  text-decoration: none; }
	
	

ul#dzoi_nav .dzoi,
ul#za_nav .za,
ul#patienten_nav .patienten,
ul#zwanzig_nav .zwanzig { padding-bottom: 3em;  }

li.dzoi a,
li.za a,
li.patienten a,
li.zwanzig a  { padding: 0.5em 1em ; display: block; }

/* @group IE6 */

*html #cont { margin-left: 220px; }

*html #nav  { width: 200px; }	
*html #nav li a { padding-left: 0;  }
*html #nav li li a { padding: 5px 10px 5px 24px; width: 166px; }
*html #nav li li strong a span, 
*html #nav li li a:hover span { display: block;position: absolute; right: -18px; top: 0; width: 18px; height: 31px; }
*html #nav li li li a { width: 142px; padding-right: 0; background: none; margin: 0; }

*html #nav #dzoi_nav li.dzoi li strong a,	
*html #nav li.dzoi li a:hover {  background-color: #36622a; background-image: none;  }
*html #nav #dzoi_nav li.dzoi li strong a span,
*html #nav li.dzoi li a:hover span { background:transparent url(../img/nav_active_.gif) no-repeat top right; }
*html #nav #dzoi_nav li.dzoi li li strong a,	
*html #nav li.dzoi li li a:hover, 
*html #nav #dzoi_nav li.dzoi li li strong a span,
*html #nav li.dzoi li li a:hover span { background: none; }

*html #nav #za_nav li.za li strong a,	
*html #nav li.za li a:hover {  background-color: #005073; background-image: none;  }
*html #nav #za_nav li.za li strong a span, 
*html #nav li.za li a:hover span { background: transparent url(../img/nav_active_za.gif) no-repeat top right; }

*html #nav #patienten_nav li.patienten li strong a,	
*html #nav li.patienten li a:hover {  background-color: #c7490f; background-image: none;  }
*html #nav #patienten_nav li.patienten li strong a span, 
*html #nav li.patienten li a:hover span { background:transparent url(../img/nav_active_pa.gif) no-repeat top right; }
*html #nav #patienten_nav li.patienten li li strong a,	
*html #nav li.patienten li li a:hover,
*html #nav #patienten_nav li.patienten li li strong a span, 
*html #nav li.patienten li li a:hover span { background: none; }

*html #nav #zwanzig_nav li.zwanzig li strong a,	
*html #nav li.zwanzig li a:hover {  background-color: #bbb; background-image: none;  }
*html #nav #zwanzig_nav li.zwanzig li strong a span, 
*html #nav li.zwanzig li a:hover span { background:transparent url(../img/nav_active_zw.gif) no-repeat top right; }
*html #nav #zwanzig_nav li.zwanzig li li strong a,	
*html #nav li.zwanzig li li a:hover,
*html #nav #zwanzig_nav li.zwanzig li li strong a span, 
*html #nav li.zwanzig li li a:hover span { background: none; }

*html #nav #dzoi_nav,
*html #nav #za_nav,	
*html #nav #patienten_nav,
*html #nav #zwanzig_nav { padding-bottom: 0; }		
						
*html #nav .za ul,
*html #nav .dzoi ul,
*html #nav .patienten ul {height:  1%; }

/* @end */

/* @group IE7 */

*+html #nav li a { padding-left: 0; }
*+html #nav li li a { padding-left: 28px; padding-right: 24px; background: url(../img/bullet.gif) no-repeat 18px 14px; }
*+html #nav .za ul,
*+html #nav .dzoi ul,
*+html #nav .patienten ul,
*+html #nav .zwanzig ul {height:  1%; }



/* @end */




/* @end */

/* @group Content */

#cont { background: #fff; padding: 2em 3em; margin-left: 220px; }

.start #cont { margin-left: 0; background: none;  color: #000;}

.bd_dzoi #cont { background: #5e9e4a; border: 1px solid	#437a34; }
.bd_za #cont { background: #1f80b3;border: 1px solid #0666a7; }
.bd_patienten #cont { background: #f7793f; border: 1px solid #d7591f; }

#cont h2 { font-size: 18px; font-weight: bold; }	
#cont p { margin:1em 0; }
#cont li { margin-bottom: 1em; margin-left: 2.5em; }
	#cont ul li {	list-style: disc;  }
	#cont ol li {	list-style: decimal; }

.home #cont {color: #000; border: 1px solid #ccc;}



.bd_za #cont th {	background: #0666a7; }
.bd_za #cont .odd {	background: #197aac ; }


.text .fltrgt {float:  right; padding: 0 0 1em 0; }
	.bd_dzoi .text .fltrgt img {border: 3px solid #437a34;}
	.bd_za .text .fltrgt img {border:  3px solid #0666a7; }
	.bd_patienten .text .fltrgt img {border: 3px solid #d7591f;}
#cont .text .fltrgt p { margin-top: 0; font-size: 0.8em; text-align: center; /*background: #437a34;*/}

.text_txt { padding-right: 270px;}

.text_txt img { float: right; padding: 10px 10px 0 10px; }
.text_fl .text_txt {padding-right: 0;}

/* @end */

/* @group News */

.teaser { margin-bottom: 3em; padding-bottom: 1em; border-bottom: 1px solid #0666a7;	 }
.bd_patienten .teaser { border-bottom: 1px solid #d7591f; }
.home .teaser { border-bottom: 1px solid #ccc; }

/* @end */

/* @group Startseite */

.start #start_dzoi,
.start #start_za,
.start #start_patienten { width: 264px; background: #999; float: left; border: 1px solid red;  margin-right: 15px; height: 400px; padding: 2em 1em; position: relative;}

.start #start_patienten { margin-right: 0; }

.start #start_dzoi img,
.start #start_za img,
.start #start_patienten img { border: 3px solid #ccc; position: absolute; top: 210px; left: 0;}

.start #start_dzoi a,
.start #start_za a,
.start #start_patienten a { text-decoration: none ; }

.start #start_dzoi h3 a,
.start #start_za h3 a,
.start #start_patienten h3 a { font-size: 16px; font-weight: bold; text-decoration: none; }

.start #start_dzoi  a:hover,
.start #start_za  a:hover,
.start #start_patienten a:hover,
.start #start_dzoi  a:hover p,
.start #start_za  a:hover p,
.start #start_patienten a:hover p { text-decoration: underline; } 

.start #start_dzoi p,
.start #start_za p,
.start #start_patienten p { margin: 0; color: #fff; }

.start #start_dzoi { background: #5e9e4a; border-color: #437a34; }
.start #start_dzoi img { border-color: #437a34; }

.start #start_za { background: #1f80b3; border-color: #0666a7; }
.start #start_za img { border-color: #0666a7; }

.start #start_patienten { background: #f7793f; border-color: #d7591f; }
.start #start_patienten img { border-color: #d7591f; }



/* @end */

/* @group Suche/Mitglieder */

#cont caption {font-size: 18px; font-weight: bold; padding: 0.5em 0; }

#cont td { padding:0.5em 2em 0 0.5em; }
#cont th { background: #c7490f; padding: 5px; }
.bd_dzoi #cont th {	 background: #437a34; }
.bd_dzoi tr.odd {background: #4e8e3a; }
.nosuchsearch { padding: 1em 1em 5em; margin-bottom: 4em; }


#ssuche { }

#spezis_cont { background: #d7591f;  padding: 0 1em; border: 1px solid #c7490f; margin: 3em 0 ;}
#spezis {  width: 100%; padding: 1em; margin:0.5em 0; }


#n_spezis_cont { padding: 0 1em; }
#n_spezis { background: transparent;  padding: 1em; color: #ffd;}
	#n_spezis th { background: #e7692f; }
	#n_spezis caption { font-size: 14px; }
	
#mtgllst table {width: 100%; padding: 0;}
#mtgllst caption { margin:0 0 0.5em; }	
#mtgllst tr.odd {background: #4e8e3a; }
#mtgllst td { padding: 2px; }
#mtgllst th { background: #437a34; }

.red {border:  1px solid red; }

.spz_desc {	width: 300px; }
.spz_bilder {float: right; margin-top: 1em; }
	.spz_bilder img {border: 3px solid #d7591f; margin-bottom: 1em; }
.data {	background: #d7591f; width: 300px; padding: 1em; margin: 2em 0; height: auto; }

/* @group IE hacking  */

	*html #spezis_cont,
	*html #n_spezis { width:570px; }

	*html #n_spezis_cont {width: 570px;}
	
/* @end */




/* @end */

/* @group Veranstaltungskalender */

#vkal_res { margin: 0 0 3em; }
#vkal_res table {	width: 625px;}
#vkal_res h3 { font-weight: bold; padding-bottom: 5px; }
#cont .eventlist th { background: #0666a7; }


.eventform { border-top: 1px solid #fff;  padding-top: 1em;}
.eventform select { margin-right: 1em; }
.eventform label { padding-right: 0.1em; }

#kalSubmit { margin-top: 1em; float: right ; }

.shrt_desc { float: left;}

.facts { background: #0666a7; padding: 1em; margin-bottom: 2em; }

.eventlist tr.odd { background: #197aac; }


/* @end */

/* @group Accordion */

#accordion div {  }
#accordion h3 {  background: #d7591f; margin: 2em 0 0; padding: 5px;}
#accordion h3,
#accordion h3 a { font-size: 14px; text-decoration: none;  }
#accordion h3 a:hover { text-decoration: underline; }

#accordion .answ { padding: 0 0.5em; }

/* @end */

/* @group Formular */
#form-module { width: 80%; }

#form-module label { display: block; }
#form-module input { width: 80%; }
#form-module textarea { width: 80%; }
#form-module .submit { width: 100px; }
#form-module .formsubmit { margin-top: 0; }
#form-module legend { font-size: 1.2em; font-weight: bold; padding:1em 0 0; }

#anmeldung {  }
	#anmeldung p { padding: 0; }
	#anmeldung label { display: block; }
	#anmeldung input { border: none; padding: 5px; }
	.f_50 { width: 50%; float: left; }
	.f_50 input { width: 90%; }
	#anmeldung #f_submit,
	#bestaetigung #f_submit { background:#155779; color: #fff; padding: 10px 15px; cursor: pointer; border: none; }
		#anmeldung #f_submit:hover,
		#bestaetigung #f_submit:hover { background: #10425c; }
	
	.anmeld_select { width: 100%; clear:  left; }
	.anmeld_select label { float: left; padding-right: 15px; }
	.f_radio {width: 100%; float: left;  }
	
	.bankv { padding-left: 200px; clear: all; }
	
	#bst_progress { font-size: 1.2em; padding-bottom: 1em}
	#bst_progress span {padding: 10px; }
	#bst_progress .act {  background:#155779; }
	
	.warnung { background: #9fd3ee; color: #a00; padding: 10px; }

#bestaetigung p { margin: 5px; padding-left: 120px; clear:  left;   }
	#bestaetigung p span	{ font-weight: bold;  display: block; margin-left: -120px; float: left; }
#bestaetigung #f_submit,
#bestaetigung .f_agb { margin-left: -120px; margin-top: 1em;  }
	#bestaetigung .f_agb { width: auto; }

.formlabel-workshopnummer input#el_8 { width: 30px; }
#form-module .formcheckbox label { display: inline; }
#form-module .formcheckbox input { width: auto; }


#form-module .rahmenprog input { width: 30px; }
#form-module .rahmenprog #el_17 { width: auto; }
#form-module .rahmenprog label { display: block; float: left ; width: 130px; }
#form-module .rahmenprog .checkbox { float: none; display: inline; }

/* @end */

/* @group Footer */

#footer { margin: 2em 0; text-align: center; }

/* @end */

/* @group Jubilaeumsbutton	*/

#jub_button { width: 129px; height: 129px; position: absolute; top: 10px; right: 50%; margin-right: -580px; background: url(../img/jub_button5.png) no-repeat; text-indent: -555em;  }

*html #jub_button { background: url(../img/jub_button5_1.png) no-repeat;}


/* @end */

/* @group rounded corners	*/

.id64 #dzoi_nav,
.id64 #za_nav,
.id64 #patienten_nav,
.id64 #zwanzig_nav,
.id64 .facts,
.id64 .rounded,
.id64  #cont { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }


/* @end */

/* @group Uploadform	*/

#upload_form { background: #0666a7;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 2px 10px 0 20px; margin: 10px 0; }
	#upload_form label {  text-align: right; padding-right: 10px; }
	.error { background: #399acc; padding: 10px 20px; color: #fff;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

/* @end */



/* @group Misc */

/* Clearing Floats ohne extra html */
.clear:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
   .clear {display: inline-block;} /* inline-block ist valides css2.1 */

    /* Hides from IE Mac \*/
    * html .clear {height: 1%;}
       .clear {display:block;}
    /* End Hack */


#twittericon { display: block; height: 70px; width: 100px; position: absolute; top: 10px; right: 10px; }

/* @end */