/* ----------------------------------------------------
author:   Ralph Scholze - http://www.webpixelkonsum.de
email:    info@webpixelkonsum.de
title:    Stylesheet Medium Sreen
version:  31.o1.2o11 2oo8.8
website:  http://www.itcca-freiberg.de

Inhaltsverzeichnis

o1. Layout & Standardeinstellungen
o2. Navigation
o3. Kurszeiten
o4. Impressum
------------------------------------------------------- */

/* o1. ________ Layout & Standardeinstellungen ________ */

* { 
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(../images/bg-itcca-freiberg.gif) repeat-x;
	color:  #313031;
	direction: ltr;
	font: 16px Arial, Helvetica, Geneva, sans-serif;
	font-style: normal;
	line-height: 1;
}

h1 { 
	background-color: transparent;
	color: #910202;
	font-size: 1.3em;
	font-weight: 100;
	margin-left: 2.2em;
}

h2 { 
	background-color: transparent;
	color: #910202;
	font-size: 1.2em;
	font-family: Helvetica, sans-serif;
	font-weight: lighter;
}

h2.second { 
	margin-top: 1.5em;
}
	
h3 { 
	background-color: transparent;
	color: #910202;
	font-size: 1.0em;
	font-family: Helvetica, sans-serif;
	font-weight: lighter;
	margin: 1.1em 0 -.3em 0;
}

h4 {
	background-color: transparent;
	color: #910202;
	font-size: 1.0em;
	font-family: Helvetica, sans-serif;
	font-weight: lighter;
	margin: .4em 0 .1em .4em;
}

#sidebar h3 {
	font-size: 1.5em;
	font-weight: 100;
}

#footer h3 {
	margin: .8em;
}

.clearone {
	clear: both;
	height: 0;
}

.kontaktformualar {
	padding: 0 0 .5em .5em;	
}

#mainbody { 
	border-top: 1px solid #910202;
	position: relative;
}
	
#head { 
	margin-left: 1%;
	position: relative;
	height: 10em;
}

#head img {
	border: 0;
	width: 75%;	
}

#head a:link, #head a:hover, #head a:visited {
	background-color: transparent;
	color: black;
	display: block;
	text-decoration: none;
}

#head #title {
	float: left;
	margin: 3.9em 0 0 0;
}
	
#Logo { 
	float: left;
	margin: 1.5em 0 1.0em 2.2em;
	width: 10em;
}
	
#schule {
	float: left;
}

#masthead { 
	position: relative;
}
	
#maincontent {
	float: left;
	line-height: 1.1em;
	margin-top: 2.0em;
}

#maincontent #startcontent { 
	float: left;
	font-size: .9em;
	margin-left: 17.6em;
	width: 35em;
}

#maincontent #startcontent p { 
	font-size: .9em;
	margin: .5em 0;
	width: 85%;
}

#maincontent #startcontent ul { 
	list-style-image: url(../images/ul_pfeil.gif);
	list-style-type: none;
	padding: .5em 0 .5em 1.8em;
	width: 85%;
}

#maincontent #startcontent ul li {
	font-size: .9em;
	line-height: 1.1em;
	padding: .1em;
}

#maincontent #content { 
	float: left;
	font-size: .9em;
	margin-left: .9em;
	position: relative;
	width: 35em;
}
 
#maincontent #content p { 
	font-size: .9em;
	margin: .5em 0;
	width: 90%;
}

#maincontent #content p.top {
	text-align: right;
}

#maincontent #content ul { 
	list-style-image: url(../images/ul_pfeil.gif);
	list-style-type: none;
	padding: .5em 0 .5em 1.8em;
	width: 85%;
}

#maincontent #content ul li {
	font-size: .9em;
	line-height: 1.1em;
	padding: .1em;
}

#maincontent #content dl {
	line-height: 1.1em;
	margin: .5em 0;
	padding: 0;
}


#maincontent #content dt {
	float: left;
	font-size: .9em;
	line-height: 1.1em;
	padding: .2em;
}


#maincontent #content dd {
	font-size: .9em;
	margin-left: 4.0em;
	line-height: 1.1em;
	position: relative;
	padding: .2em;
}

#maincontent #sidebar {
	float: left;
	margin-left: 1.1em;
	width: 14.10em;
}

#maincontent #sidebar p { 
	font-size: .9em;
	margin: .5em 0;
	width: 85%;
}

#footer { 
	background-color: #f3f3f3;
	border-top: 1px dotted #b7c238;
	color:  #313031;
	height: 17em;
	margin-top: 3.5em;
}

#footer p {
	font-size: .8em;
	margin-left: .5em;
	padding: .2em .5em;
}

#footer p.copyright {
	font-size: .7em;
	margin-left: .9em;
}

#aktuell {
	background-color: transparent;
	color: #2d2d2e;
	display: block;
	font-size: .9em;
	margin: .5em 0;
	padding: 0;
	position: relative;
}

#aktuell .newsblock {
	background-color: #f3f3f3;
	border-right: 1px dotted #b7c238;
	float: left;
	height: 11.7em;
	margin: 0 0 0 .5em;
	width: 15.0em;
}

#aktuell .datum { 
	background-color: transparent;
	font-size: .8em;
	font-weight: 600;
	color: #313131;
	padding: 0;
	margin: .5em
}

#aktuell .text { 
	margin: .2em 0;
	padding: .4em .7em;
	width: 95%;
}

#information { 
	background-color: transparent;
	color: #2d2d2e;
	display: block;
	float: left;
	font-size: .9em;
	margin: 0 0 .7em .5em;
	padding: 0;
	position: relative;
	width: 11em;
}

#footer { 
	background-color: #f3f3f3;
	border-top: 1px dotted #b7c238;
	color:  #313031;
	height: 18.5em;
	margin-top: 3.5em;
	padding-left: 1.3em;
}

#footer p {
	font-size: .8em;
	line-height: 1.2;
	margin-left: .5em;
	padding: .2em .5em 0 0;
}

#footer p.copyright {
	font-size: .7em;
	margin: 1.1em 0 0 .9em;
}

a, a:link { 
	background-color: transparent;
	color: #303030;
	font-weight: lighter;
	text-decoration: underline;
}

a:hover { 
	background-color: #910202;
	color: #fff;
	font-weight: lighter;
}
	
a:visited { text-decoration: underline;}

a:active { text-decoration: none;} 

body#home #navmain li a.home, body#tai-chi-chuan #navmain li a.tai-chi-chuan, body#chi-kung #navmain li a.chi-kung, 
body#tai-chi-schule-v #navmain li a.tai-chi-schule,
body#tai-chi-schule-l #navmain li a.tai-chi-schule,
body#tai-chi-schule-s #navmain li a.tai-chi-schule,
body#taichikurs-p #navmain li a.taichikurs,
body#taichikurs-k #navmain li a.taichikurs,
body#taichikurs-e #navmain li a.taichikurs,
body#taichikurs-h #navmain li a.taichikurs,
body#taichikurs-s #navmain li a.taichikurs,
body#taichikurs-z #navmain li a.taichikurs,
body#taichikurs-ka #navmain li a.taichikurs,
body#kontakt-a #navmain li a.kontakt,
body#kontakt-d #navmain li a.kontakt,
body#kontakt-i #navmain li a.kontakt,
body#kontakt-k #navmain li a.kontakt,
 body#itcca #navmain li a.itcca {
	background-color: #fff;
	font-size: 1.0em;
	font-weight: bold;
}
body#kontakt-k #navsub li a.k,
body#kontakt-a #navsub li a.a,
body#kontakt-d #navsub li a.d,
body#kontakt-i #navsub li a.i,
body#kontakt-v #navsub li a.v,
body#tai-chi-schule-v #navsub li a.v,
body#tai-chi-schule-l #navsub li a.l,
body#tai-chi-schule-s #navsub li a.s,
body#taichikurs-p #navsub li a.p,
body#taichikurs-k #navsub li a.k,
body#taichikurs-e #navsub li a.e,
body#taichikurs-h #navsub li a.h,
body#taichikurs-s #navsub li a.s,
body#taichikurs-z #navsub li a.z,
body#taichikurs-ka #navsub li a.ka {
	background-color: #eeeeee;
	color: #303030;
	font-weight: bold;
 	text-decoration: none;
}

/* o2. ________ Navigation ________ */

#navmain {
	margin: 0;
	padding: 0;
}

#navmain ul { 
	border-bottom: 1px solid gray;
	float: left;
	font-size: .8em;
	padding-left: 1.5em;
	width: 98.0%;
}

#navmain ul li { 
	border: 1px solid gray;
	border-bottom: none;
	float: left;
	height: 1.6em;
	margin-left: .1em;
	list-style: none;
}

#navmain ul li a, #navmain ul li a:link { 
	background-color: #b7c238;
	color: #303030;
	display: block;
	font-size: .9em;
	height: 1.5em;
	padding: .3em 0 0 1.0em;
 	text-decoration: none;	
 	width: 8.5em;
}


#navsub {

}

#navsub ul { 
	float: left;
	font-size: .8em;
	margin: 0;
	padding: 0 .2em 0;
	width: 100%;
}

#navsub ul li { 
	border-bottom: 1px dotted gray;
	height: 1.6em;
	margin-left: .1em;
	list-style: none;
	padding: .2em 0;
 	width: 90%;
}

#navsub ul li a, #navsub ul li a:link { 
	background-color: transparent;
	color: #303030;
	display: block;
	font-size: .9em;
	height: 1.2em;
	padding: .3em 0 .3em 1.0em;
 	text-decoration: none;	
}

#navsub ul li a:hover { 
	background-color: #eeeeee;
	color: #303030;
 	text-decoration: none;
}

#navsub ul li a.active { 
	background-color: #eeeeee;
	color: #303030;
	font-weight: bold;
 	text-decoration: none;
}
	
/* o4. ________ Impressum ________ */

#imprint { 
	margin: 0;
	padding: 0;
}
	
#imprint dt { 
	position: relative;
	text-align: left;
	width: 8.5em;
}

#imprint dd { 
	margin: 0 0 0 0;
	width: auto;
}