/* filename: /css/zahlenland_screen.css
   version 1.01 - 2006-09-21
   kontakt at manderbachmedia dot de */


/* display href after link */
/*
#content a[href]:after { 
	text-decoration: none;
	content: " [" attr(href) "] ";
	font-size: 11px;
}*/

#printheader, #printfooter {
	font-size: 11px;
}
#printheader {
	position: absolute;
	top: 0px;
	left: 0px;
	float: right;
}

#logo, #visual, #navsection, #colleft, #navigation, #printit, #bgcolleft, #xmasbg {display: none;}
#s0, #s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9, #s10, #s11, #s12, #s13, #s14, #s15, #s16, #s17, #s18, #s19, #s20, #s22, #s21, #s23, #s24, #s25, #s26, #s27, #s28, #s29, #s30 {display: none;}
   
body {	
	margin-top: 95px;
	background-color: #fff;
	/*background-image: url("/img/bg_zahlengarten.gif");*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#logo {
	position: absolute;
	z-index: 1000;
	top: 13px;
	left: 0px;
}

#visual {
	position: absolute;
	top: 67px;
	left: 237px;
}

/* --- section --- */
#navsection {
	position: absolute;
	z-index: 1000;
	top: 3px;
	left: 237px;
	z-index: 1000;
}

#navsection p {
	font-size: 0.7em;
	margin: 0;
	padding: 0; 
	color: #364E6C;
	background-color: inherit;
}

#navsection ul {
	margin: 10px 0 0 0;
	padding: 0;
}

#navsection ul li {vertical-align: bottom;
	margin: 0;
	padding: 0;
	display: inline;
}

#navsection ul a {
	float: left;
	display: block;
	height: 20px;
	width: 184px;
	color: #fff;
	font-size: 0.8em;
	line-height: 1.6em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	margin: 15px 3px 0 0;
	padding: 2px 0 2px 0;
}

#navsection ul a.ak {
	color: #C3CAD3;
	background: #364E6C;
}

#navsection ul a.zl {
	color: #FFE2BB;
	background: #FF9E1C;
}

#navsection ul a.el {
	color: #FFEBB5;
	background: #FFBC06;
}

#navsection ul a.zg {
	color: #DBEDC1;
	background: #85C12E;
}

#navsection ul a.act,#navsection ul a:hover {
	color: #fff;
	margin: 0 3px 0 0;
	padding: 9px 0 10px 0;
}

/* --- linke spalte --- */

#colleft {
	position: absolute;
	z-index: 1000;
	top: 170px;
	left: 15px;
	width: 190px;
	font-size: 0.7em;
	color: #404F6B;
	background-color: transparent;
}

#colleft p {
	line-height: 1.4em;
}

#language {
	font-weight: bold;
	color: #364e6c;
	background-color: transparent;
}

#navigation ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}
#navigation ul ul {
	margin: 0 0 10px 0;
}

#navigation ul ul ul {
	padding: 0 0 0 10px;
}

#navigation a, #navigation div {
	line-height: 1.9em;
	text-decoration: none;
	color: #364e6c;
	background-color: transparent;
}

#navigation a:hover, #navigation a.act {
	text-decoration: underline;
	color: #000;
}

#navigation ul a {
	font-weight: bold;
	padding-left: 0px;
}

#navigation ul a:hover, #navigation ul a.act {
	text-decoration: underline;
	color: #000;
}

#navigation ul ul a, #navigation ul ul div {
	font-weight: normal;
	padding-left: 15px;
}

#navigation ul ul a:hover, #navigation ul ul a.act {
	text-decoration: none;
	color: #000;
	background: url("/img/bullet_zahlengarten.gif") no-repeat 2px 4px;
}

 #navigation ul ul div {
	text-decoration: none;
	color: #000;
	background: url("/img/bullet_zahlengarten.gif") no-repeat 2px 7px;
 }

/* --- content --- */


#content {/*
	position: absolute;
	z-index: 1000;
	top: 170px;
	left: 238px;*/
	color: #000;
	background-color: transparent;
	font-size: 0.75em;
	line-height: 1.4em;
	/*padding-right: 250px;*/
}


#content h1 {
	font-size: 1.2em;
	color: #364E6C;
	background-color: inherit;
	text-transform: uppercase;
}

#content h2, #content h3 {
	font-size: 1em;
	color: #364E6C;
	background-color: inherit;
}

#content a {
	color: #000;
}

#printit {
	float: right;
	margin-top: 10px;	
}

#printit a {
	font-size: 0.75em;
	text-decoration: none;
	padding-right: 20px;
	background: url("/img/icon_printer_zg.gif") no-repeat right;
}

#content p.infobox {
	padding: 5px 0 5px 0;
	border-top: 1px solid #808A9D;
	border-bottom: 1px solid #808A9D;
	color: #364e6c;
	font-size: 0.9em;
	line-height: 1.2em;
	width: 250;
	margin-right: 15px;
	float: left;
}

#content table {
	font-size: 1em;
}

#content table.seminare, #content table.unterlagen {
	width: auto;
	vertical-align: top;
	font-size: 0.9em;
}

#content table.seminare th, #content table.unterlagen th {
	background: #BDDE8F ;
	padding: 5px;
}

#content table.seminare td, #content table.unterlagen td {
	vertical-align: top;
	padding: 5px;
	background: #fff;
}

#content table.bookingok {
	font-size: 0.9em;
	background: #fff;
	border: 1px solid #000;
}

#content ol {
	margin-left: 15px;
	padding-left: 10px;
}

#content ol li {
	padding: 5px 0 5px 0;
}

#content ul {
	margin-left: 5px;
	padding-left: 5px;
}

#content ul li {
	list-style: none;
	padding: 5px 0 5px 15px;
	background:  url("/img/bullet_zahlengarten.gif") no-repeat 0 10px;
}

#content ul p, #content ol p, #content ul h2, #content ol h2, #content ul h3, #content ol h3 {
	margin: 0;
}

#content ul.news a {
	text-decoration: none;
}

#content ul.news a:hover {
	text-decoration: underline;
}


q:before, q:after {
	content:"";	
}

q {
	font-style: italic;
}

q.noit {
	font-style: normal;
}

address {
	font-style: normal;
}

/* --- form --- */

input, select {
	margin: 4px 2px 4px 2px;
}

.inputsmall {
	width: 150px;
}

.inputlarge {
	width: 250px;
}

/* --- rechte spalte --- */

#colright {/*
	position: absolute;
	z-index: 1000;
	top: 170px;
	right: 5px;
	width: 220px;
	height: 440px;*/
	font-size: 0.75em;
	line-height: 1.4em;
	background: url("/img/bg_teaser_zg.gif") no-repeat 10px 30px;
	padding-bottom: 20px;
}


#colright h3 {
	font-size: 1em;
	color: #364E6C;
	background-color: inherit;
	margin-bottom: 5px;
}
#colright address {
}
#colright p {
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 4px 0 4px 0;
}

#colright ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#colright ul li {
	font-size: 0.9em;
	line-height: 1.4em;
	padding: 4px 0 0 4px;
}


#colright ul a {
	color: #000;
	background: url("/img/bullet_zahlengarten.gif") no-repeat 0 4px;
	padding-left: 12px;
	text-decoration: none;
}

#colright ul a:hover {
	text-decoration: underline;
	background: url("/img/bullet_zahlengarten_ani.gif") no-repeat 0 4px;
}

/* deko */

#bgcolleft {
	position: absolute;
	z-index: 10;
	top: 240px;
	left: 0px;
}

/* --- others --- */

.imgLeft {
	float: left;
	margin: 0 15px 15px 0;	
}

.imgRight {
	float: right;
	margin: 0 0 15px 15px;
}

div.imgRight, div.imgLeft {
	width: 260px;
}

.imgLeft p, .imgRight p {
	font-size: 0.9em;
	line-height: 1.3em;
	padding: 5px;
	margin: 0;
}

.reference {
	font-size: 0.9em;
	line-height: 1.3em;
}

.hide, dfn {
	display: none;
}

.width260 {
	width: 260px;
}

.vtop {
	vertical-align: top;
}

.center {
	text-align: center;
}

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	width: 0;
}

.red {
	color: #f00;
}