@charset "utf-8";
/* CSS Document */

/* 
# Werbeagentur 3geist, kommunikativ - innovativ - kreativ
# Kosmos Leben - Christa Wohl
# Stand: Mai 2007
# CSS Formatierungen 
*/

/*	undo
*******************************************************************************/

table {	border:none; padding:0px; margin:0px; border-spacing:0px;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

img, a img,:link img,:visited img,  { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
	
ul,ol  { list-style:none; margin:0px; padding:0px }

.clear {
	clear:both;
	visibility:hidden;
}

html {
	min-height: 100%;
	margin-bottom: 1px;	
	background:url(../images/kosmos-leben_head-hg.jpg) repeat-x top;
}


/*	allemeine Seitenformatierungen
*******************************************************************************/

body {
	margin: 0px;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	}
	
body,td,th,div {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #444;
}

a {
	color: ##B03900;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #777777;
}

h1 {
	color:#B03900;
	font-size: 1.35em;
	font-weight:normal;
	line-height:1.3em;
	padding:10px 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #EBC299;
	}


h2 {
	color:#B03900;
	font-size: 1.1em;
	font-weight:normal;
	line-height:1.4em;
	padding:10px 0 10px 0;
	margin:0px;
	}

h3, h4, h5, h6 {
	font-size: 1.0em;
	font-weight:bold;
	line-height:1.3em;
	padding:0 0 4px 0;
	margin:0;
	color: #B03900;
	}

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


#web {
	font-size:1.1em;
	background:url(../images/kosmos-leben.jpg) no-repeat;
	}

#web a.top {
	visibility:hidden;
	}


/*
------------------------------------------------------- Kopfteil der Website ------------------------------------------------------
*/
	
#head {
	height:169px;
	padding-top:150px;
	width:870px;
	}


/* Kopfnavigation - 1. Ebene ------------------------------------------------------ */

#head .top {
	height:30px;
	width:870px;
	}

ul.navTop {	
	margin:0;
	float:right;
	}

ul.navTop li {
	float:left;	
	text-align:center;
	padding:0 2px 0 2px;
	width:80px;
	}

ul.navTop li a {
	color:#900;
	text-decoration:none;
	margin:7px 0 0 0 ;	
	height:23px;
	display:block;
	}
ul.navTop li a:hover {
	color:#900;
	text-decoration:none;
	background:url(../images/nav_top-pfeil.gif) no-repeat bottom center;
	}
	
ul.navTop li.active a.current {
	color:#900;
	font-weight:bold;
	text-decoration:none;
	font-size:1.2em;
	margin:6px 0 0 0;
	height:24px;
	display:block;
	}

ul.navTop li.active {
	background:url(../images/nav_top-pfeil.gif) no-repeat bottom center;
	}






/* Kopfteil Bildbereich ------------------------------------------------------ */

#head .middle {
	height:139px;
	}

#head .middle .hnm  {	 /* Haupt-Navigation im Headbereich */
	background:url(../images/head_middle_navright-hg.gif) repeat-y right;
	float:left;
	width:225px;
	height:139px;
	padding:0;
	}

#head .middle .hnm .menu {	 

	}
#head .middle .hnm a.menu {	 
	width:200px;
	height:34px;
	margin:6px 0 5px 15px;
	display:block;
	color:#E7C4B3;
	font-size:1.1em;
	text-decoration:none;
	}
#head .middle .hnm a:hover {	
	}	
#head .middle .hnm a.active {	
	width:200px;
	height:34px;
	margin:6px 0 5px 15px;
	display:block; 
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	background:url(../images/hnm-menu-active.gif) no-repeat right top;
	}	
	
#head .middle .hnm .line {	 
	background:url(../images/head_middle_navmd-hg.gif) repeat-x;
	width:223px;
	height:2px;
	}


#head .middle .hm {	/* Einleitungstext für Haupt-Navigation */
	float:left;
	width:625px;
	height:125px;
	padding:5px 0 0 15px;
	font-size:2.1em;
	line-height:1.3em;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

#head .middle .hm a {	
	color:#fff;
	text-decoration:none;
	}
#head .middle .hm p {	
	margin:0px;
	}	





/*
-------------------------------------------------------- Mittelteil der Website ------------------------------------------------------
*/
#main {
	background-image:url(../images/main-hg-top.gif);
	background-repeat:repeat-x;
	background-position:top;
	padding:15px 0 25px 0;
	width:870px;
	}
	
#main .left {
	width:210px;
	float:left;
	margin:0 20px 0 0;
	padding:0 0 1px 0;
	}

/* Hauptnavigation - Allgemeine Formatierungen ------------------------------------------------------ */

#main .left a {
	text-decoration:none;
	color:#B03900;
}
#main .left a.current {
	text-decoration:none;
	color:#B03900;
	font-weight:bold;
}
#main .left a:hover {
	text-decoration:underline;
}

/* Hauptnavigation - 1. Ebene ------------------------------------------------------ */

#head .middle .hnm ul.nav1st {
	margin: 0px;
	padding:0px;
	}
	
#head .middle .hnm ul.nav1st li {
	width:208px;
	height:34px;
	margin: 0px;
	padding:6px 0 6px 15px;
	background:url(../images/head_middle_navmd-hg.gif) repeat-x top;
	}

#head .middle .hnm ul.nav1st li a {
	margin:  0 10px 0 0;
	padding: 0 10px 0 0;
	display:block;
	color:#E7C4B3;
	font-size:1.1em;
	text-decoration:none;
	}
#head .middle .hnm ul.nav1st li a:hover { 
	color:#FFF;
	text-decoration:none;
	background:url(../images/hnm-menu-active.gif) no-repeat right top;
	}	
	
#head .middle .hnm ul.nav1st li.active a.current{
	color:#FFF;
	text-decoration:none;
	background:url(../images/hnm-menu-active.gif) no-repeat right top;	
	}




/* Hauptnavigation - 2. Ebene ------------------------------------------------------ */

#main .left ul.nav2nd {
	margin:0;
}
#main .left ul.nav2nd li {
	padding:12px 0px 12px 15px;
	font-size:1.0em;
	border-bottom: 1px solid #F0D1B2;
	}
#main .left ul.nav2nd li a {
	padding:0 0 0 0;
	}	
#main .left ul.nav2nd li.active {
	font-weight:bold;
	background:url(../images/nav2nd_acitve.gif) no-repeat right top;
	}
	
/* Hauptnavigation - 3. Ebene ------------------------------------------------------ */

#main .left ul.nav3rd {
	margin:12px 0 -6px 0;
}
#main .left ul.nav3rd li {
	padding:10px 0px 10px 1px;
	font-size:1.0em;
	border-top: 1px dotted #CEAC73;	
	border-bottom: 0px none;
	}
#main .left ul.nav3rd li a{
	padding:0 0 0 0;
	color:#555;
	font-weight:normal;
	}	
#main .left ul.nav3rd li.active {
	background:url(../images/nav2nd_acitve.gif) no-repeat right top;
	}	
	
#main .left ul.nav3rd li.active a.current {
	font-weight:bold;
	color:#B03900;
	}		
	




/* Terminauszug im linken Bereich  ------------------------------------------------------ */


.left h1 {
	padding-top: 40px;
	padding-left: 14px;
}

.left .termin {
	padding-left: 14px;
	padding-top: 4px;
	padding-bottom: 9px;
}

.left .headline {
	color: #FF8B45;
	font-weight: bold;
}

.left .linie {
	border-bottom: 1px solid #F0D1B2;
	width: 20px;
	clear: both;
}













/*
------------------------------------------------------------ Inhaltsbereich
*/

#main .middle {
	border: 0px solid #000;
	width:630px;
	float:left;
	margin:0 0 0 10px;
	font-size:1.2em;
	line-height:1.5em;
}

#main .middle h1 a {
	color:#B03900;
	text-decoration:none;
	}

#main .middle h1 strong {
	font-weight:normal;
	}

#main .middle h2 a {
	color:#B03900;
	text-decoration:none;
	}

#main .middle h3 a {
	text-decoration:none;
	color: #B03900;
	}



#main .middle p {
	margin:0 0 10px 0;
	}

#main .middle a {
	color:#B03900;
	}

#main .middle .bild_links  {
	float:left;
	margin:4px 10px 0 0;
	} 
	
#main .middle .bild_rechts {
	float:right;
	margin:4px 0 0 10px;
	} 	

#main .middle ul {	
	margin-left: 0px;
	padding: 6px 0 15px 15px;
}

#main .middle li {
	list-style-image:url(../images/list-pfeil.gif);
	line-height:1.2em;
	padding: 0 0 6px 0;
	margin: 0 0 0 0;
	
}

#main .middle .trennlinie {
	border-top: 1px solid #EBC299;
	margin:15px 0 0 0;
	height:15px;
	}




#main .middle .teaser2 {
	background:url(../images/teaser2_line-bottom.gif) no-repeat bottom left;
	margin:0 0 5px 0;
  	padding:0 0 20px 0;
	}
#main .middle .teaser2 a {
	text-decoration:none;
	}
#main .middle .teaser2 a:hover {
	text-decoration:underline;
	}		




#main .middle .galerie {
	margin:0 0 10px 0;
	padding:0 0 6px 0;
	display:block;
	border-bottom: 1px solid #FFF;
}

#main .middle .galerie a img {
	border:0px none;
}

#main .middle .galerie a {
	border: 1px solid #EBC299;
	margin:0 5px 5px 0;
	padding:3px;
	display:block;
	float:left;
	}
#main .middle .galerie a:hover {
	border: 1px solid #B03900;
	margin:0 9px 5px 0;
	padding:3px;
	display:block;
	float:left;
	}	





/* Termindarstellung im Mittelteil  ------------------------------------------------------ */

#main .middle table.termine {
	line-height:110%;
	font-size:1.0em;
	}

#main .middle table.termine th {
	background-color:#B03900;
	font-size:0.9em;
	font-weight:bold;
	text-align:left;
	padding:4px 0 4px 5px;
	color:#fff;
	}
#main .middle table.termine th a {
	color:#fff;
	}
#main .middle table.termine td {
	padding:5px 0 5px 3px;
	background-color:#FEEDC0;
	border-top:1px solid #fff;	
	border-bottom:1px solid #fff;
	}
#main .middle table.termine tr.odd td {
	background-color:#FEDC83;
	}		
#main .middle table.termine td.date {
	width:100px;
	}
#main .middle table.termine td.title {
	width:140px;
	}
#main .middle table.termine td.price {
	width:55px;
	text-align:center;
	}
#main .middle table.termine td.info {
	width:auto;
	}


/* 
--- Termindarstellung bei der Kursbeschreibung  ------------------------------------------------------ 
*/

#main .middle table.kursterm {
	line-height:110%;
	font-size:1.0em;
	width:100%;
	padding:0px;
	margin:0px;
	border:0px none;
	border-spacing:0px;
	}

#main .middle table.kursterm th {
	background-color:#B03900;
	font-weight:normal;
	text-align:left;
	padding:4px 0 4px 5px;
	width:130px;
	color:#fff;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	}
#main .middle table.kursterm td {
	padding:4px 0 4px 6px;
	background-color:#FEEDC0;
	border-bottom:2px solid #fff;
	}
#main .middle table.kursterm td p {
	padding:0px;
	margin:0px;
	}




#main .middle ul.sitemap1st li a {
	text-decoration:none;
	}

#main .middle ul.sitemap1st {
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	}
#main .middle ul.sitemap1st li {
	margin: 0 0 0 0;
	padding:6px 0 6px 0;
	list-style:circle;
	list-style-image:none;
	color:#B03900;
	}	

#main .middle ul.sitemap1st li ul.sitemap2nd {
	margin: 5px 0 0 20px;
	padding:0 0 0 0;
	}
#main .middle ul.sitemap1st li ul.sitemap2nd li {
	margin: 0 0 0 0;
	padding:5px 0 5px 0;
	list-style:disc;
	list-style-image:none;
	}	

#main .middle ul.sitemap1st li ul.sitemap2nd li ul.sitemap3th {	
	margin: 5px 0 0 20px;
	padding:0 0 0 0;
	}
#main .middle ul.sitemap1st li ul.sitemap2nd li ul.sitemap3th li{
	margin: 0 0 0 0;
	padding:5px 0 5px 0;
	list-style:square;
	list-style-image:none;
	}












/*
---------------------------------------------------------  Fußteil der Website ------------------------------------------------------
*/
#footer {
	background-image:url(../images/footer-hg.jpg);
	background-repeat:repeat-x;
	height:65px;
	border-top:1px solid #B03900;
}



#footer .middle {
	width:630px;	
	margin:0 0 0 230px;
	padding-top:5px;
	text-align:center;
	color:#B03900;
}


#footer .middle a {
	text-decoration:underline;	
	color:#B49F8B;
}
#footer .middle a:hover {
	text-decoration:none;
	color:#B49F8B;
}



/* ### Formular -------------------------------------------------------  */
#form-module * {
	padding:0;
	margin:0;
	}

#form-module {
	margin:0 0 20px 0;
	padding:0px;
	width:490px;
	}

#form-module fieldset {
	border:1px solid #fff;
	}

#form-module legend {
	display:none;
	}


#form-module p {
	margin:0;
	padding-top:8px;
	font-weight:bold;
	}

#form-module .element {
	display:block;
	clear:both;
	}

#form-module label {
	display:block;
	float:left;
	padding:4px 13px  0px  3px ;
	width:80px;	
	text-align:right;
	font-size:1.0em;
	}

#form-module label.checkbox {
	width:330px;	
	padding:5px 0 5px 5px;
	line-height:120%;
	text-align:left;
	font-size:0.9em;
	}

#form-module input.checkbox {
	width:14px;
	margin:6px 0px 10px 100px;
	padding:0;
	border:none;
	}

#form-module input, 
#form-module select, 
#form-module textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#555555;
	float:left;
	margin:1px 3px 3px 3px;
	padding:3px 0 0 2px;
	width:340px;
	border:1px solid #EBC299;
	background-color:#FFF;
	}

#form-module input.text {
	height:20px;
	}


#form-module input.submit { 
	margin:0px 0px 0px 99px;
	width:344px;
	padding:3px;
	font-size:0.9em;
	border:1px solid #EBC299;
	background-color:#F2D8BD;
	color:#666;
	text-align:center;
	cursor:pointer;
	}

#form-module input.submit:hover { 
	background-color:#D37E29;
	color:#fff;
	}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
	}

#form-module-thanks {
	display:block;
	color:#660000;
	font-size:1.0em;
	}

/*
--- Captcha Optionen ------------------------------------------------------
*/	

#form-module img.captcha-bild {
	float:left; 
	margin:2px 10px 5px 3px;
	border:0px none;;
	}	
#form-module .captcha-notice {
	font-size:0.8em;
	
	}	
#form-module img.captcha-reload {
	float:left;
	cursor:pointer; 
	margin:1px 0 0 0;
	border:0px none;
	}
#form-module input.captcha-eingabe {
	width:70px;
	}



/*
--- Terminübersicht LINKS ------------------------------------------------------
*/	


.left h1 {
	padding-top: 40px;
	padding-left: 14px;
}

.left .termin {
	padding-left: 14px;
	padding-top: 4px;
	padding-bottom: 9px;
}

.left .headline {
	color: #FF8B45;
	font-weight: bold;
}

.left .linie {
	border-bottom: 1px solid #F0D1B2;
	width: 20px;
	clear: both;
}

#main .left .termin a {
	color: #FF8B45;
}