/* ----------------------------------------------------
author:   Ralph Scholze - http://www.webpixelkonsum.de
email:    info@webpixelkonsum.de
title:    Stylesheet Medium Sreen
version:  25.o6.2oo9 Version 2oo9.4
website:  http://www.itcca-leipzig.de

Inhaltsverzeichnis

o1. Allgemeiner Teil
o2. Layout
o3. Navigation
o4. Sub-Navigation
o5. Zusatzinformationen
------------------------------------------------------- */

/* o1. ________ Allgemeiner Teil ________ */

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

body {
	background: #fff url(../images/bg-itcca-leipzig.gif) repeat-x;
	color: #000;
	font-size: 15px !important;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	direction: ltr;
	line-height: 1;
}

h1 {
	background-color: transparent;
	color: #7e7e7e;
	font-weight: 100;
	font-size: 1.35em;
	letter-spacing: 1px;
	margin-left: .3em;
}

h2 {
	background-color: transparent;
	color: #7e7e7e;
	font-weight: 100;
	font-size: 1.2em;
	letter-spacing: .1em;
	margin: 1.0em 0 0 .3em;
	padding: .7em 0 0 0;
}

h3 {
	background-color: transparent;
	color: #7e7e7e;
	font-weight: 100;
	font-size: 1.0em;
	letter-spacing: .1em;
	margin: .7em 0 -.5em .3em;
}

h4 {
	background-color: transparent;
	color: #7e7e7e;
	font-weight: 100;
	font-size: 1.0em;
	letter-spacing: .1em;
	margin: .2em 0 .5em .5em;
}

#footer h3 {
	background-color: transparent;
	color: #c50c10;
	font-weight: 100;
	font-size: 1.0em;
	letter-spacing: .1em;
	margin: 1.25em .9em;
}

a:link, a:visited {
	background-color: transparent;
	color: #313131;
	padding: 0 1px;
	text-decoration: underline;
}

a:hover, a:active {
	background-color: #000;
	color: #fff;
	padding: 1px;
	text-decoration: none;
}

hr { 
	background-color: #d8d8d8;
	border: none;
	height: 1px;
	margin: .5em 0 0 .1em;
	padding: 0;
	width: 100%;
}

strong { 
	background-color: transparent;
	color: #7e7e7e;
	font-weight: 200;
	font-size: 250%;
}

.aktuelltext {
	background: transparent;
	color: #1e1e1e;
	font-size: 1.15em;
}

/* o2. ________ Layout ________ */

#mainbody {
	position: relative;
	width: 61.2em;
	left: 50%;
	margin-left: -30.6em;
	margin-bottom: 1.0em;
	}
	
#head {
	background: transparent;
	color: #7e7e7e;
	margin-top: 1.0em;
}

#head a:link, #head a:hover, #head a:visited {
	background-color: transparent;
	color: black;
	display: block;
	padding: 0;
	text-decoration: none;
}
	
#Logo {
	float: left;
	margin: 0 0 0em 2.0em;
	width: 10em;
}

#head_box_middle {
	border-top: 1px dotted #7e7e7e;
	border-bottom: 1px dotted #7e7e7e; 
	font-size: 150%;
	margin-top: .5em;
	padding: .5em 0 .5em 8.30em;
}

#head_box_bottom {
	border: 1px solid #ebebeb;
	color: #7e7e7e;
	float: left;
	margin: .5em 0;
	padding: 0;
}

#head_box_bottom_left {
	float: left;
	width: 45%;
}

#head_box_bottom_left p {
	background: transparent;
	color: #000;
	line-height: 1.2em;
	padding: 2.5em 0 0 1.9em;
}

#head_box_bottom_right {
	float: right;
	padding: .3em;
	width: 49%;
}

#head_box_bottom_right img {
	border: 1px solid #ebebeb;
	padding: .3em;
	width: 90%;
}

#head_box_bottom_right p {
	float: right;
	padding: 2.5em 0 0 0;
	width: 29%;
}

#title {
	float: left;
	margin: 3.9em 0 0 .6em;
}

#maincontent {
	margin-bottom: .5em;
}

#sidecontent { 
	display: inline; /* IE Hack */
	float: right;
	margin: 1.5em 0 .5em 0;
	padding-left: 2.3em;
	width: 63%;
}

#sidecontent img { 
	border: 1px solid #d9e0e6;
	margin-top: 2.5em;
	padding: .5em .5em .5em .6em;
	width: 90%;
}

#sidecontent p {
	font-size: .9em;
	line-height: 1.25em;
	margin-top: .8em;
	padding: 0 .5em;
	width: 90%;
}

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

#sidecontent ul li {
	line-height: 1.25em;
	padding: .1em;
}

#sidebarleft {
	float: left;
	margin: .9em 0 0 1.55em;
}

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

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

#aktuell .newsblock {
	border-right: 1px dotted #7e7e7e;
	float: left;
	height: 13.50em;
	margin: 0;
	width: 16.50em;
}

#aktuell .newsblockrechts {
	float: left;
	height: 13.50em;
	margin: 0;
	width: 16.50em;
}

#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 .4em 1.0em;
	width: 95%;
}

#information { 
	background-color: transparent;
	color: #2d2d2e;
	float: left;
	margin: 0 0 .5em .5em;
	padding: 0;
	width: 25em;
}

#footer { 
	background: #fff url(../images/bg-itcca-leipzig.gif) repeat-x;
	border-top: 1px dotted #7e7e7e;
	color:  #313031;
	height: 15.0em;
	margin-top: 1.75em;
	padding-left: 1.3em;
}

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

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

/*  o3. ________ Navigation ________ */

#maincontent #navmain {
	float: left;
	margin-bottom: .2em;
	width: 100%;
}

#maincontent #navmain ul {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#maincontent #navmain ul li { 
	background-color: transparent;
	border-right: 2px solid #fff;
	color: #313131;
	display: inline;
	float: left;
}

#maincontent #navmain ul li a:link, #navmain ul li a:visited {
	background-color: #daedff;
	color: #313131;
	float: left;
	letter-spacing: .1em;
	line-height: 1.25em;
	padding: .1em 2.0em;
	text-align: center;
	text-decoration: none;
}

#maincontent #navmain ul li a:hover { 
	background-color: #313131;
	color: #fff;
}

body#home #maincontent #navmain li a.home,
body#itcca #maincontent #navmain li a.itcca,
body#tai-chi-chuan-t #maincontent #navmain li a.tai-chi-chuan,
body#tai-chi-chuan-c #maincontent #navmain li a.tai-chi-chuan,
body#tai-chi-schule-v #maincontent #navmain li a.tai-chi-schule,
body#tai-chi-schule-l #maincontent #navmain li a.tai-chi-schule,
body#tai-chi-kurs-p #maincontent #navmain li a.tai-chi-kurs,
body#tai-chi-kurs-e #maincontent #navmain li a.tai-chi-kurs,
body#tai-chi-kurs-u #maincontent #navmain li a.tai-chi-kurs,
body#tai-chi-kurs-ue #maincontent #navmain li a.tai-chi-kurs,
body#tai-chi-kurs-ka #maincontent #navmain li a.tai-chi-kurs,
bodytai-chi-schule-l #maincontent #navmain li a.schule,
body#tai-chi-schule-v #maincontent #navmain li a.schule,
body#kontakt-d #maincontent #navmain li a.kontakt,
body#kontakt-i #maincontent #navmain li a.kontakt,
body#kontakt-k #maincontent #navmain li a.kontakt {
	background-color: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
	font-weight: 700;
	margin-bottom: -.1em;
}

/* o4. ________ Sub-Navigation ________ */

#subnavi {
	margin: .4em;
}

#subnavi ul {
	float: left;
	margin-bottom: .2em;
}

#subnavi ul li { 
	background-color: transparent;
	border-bottom: 1px dotted #aaaaaa;
	color: #313131;
	display: block;
	list-style-type: none;
	padding: .5em 0 .3em 0;
	width: 17.0em;
}

#subnavi ul li a:link, #subnavi ul li a:visited {
	background-color: transparent; 
	color: #313131; 
	display: block;
	font-size: .9em;
	letter-spacing: .1em;
	padding: .1em;
	text-decoration: none;
}

#subnavi ul li a:hover { 
	background-color: #313131;
	color: #fff;
}

body#kontakt-k #subnavi li a.k,
body#kontakt-d #subnavi li a.d,
body#kontakt-i #subnavi li a.i,
body#tai-chi-schule-l #subnavi li a.l,
body#tai-chi-schule-v #subnavi li a.v,
body#tai-chi-chuan-t #subnavi li a.t,
body#tai-chi-chuan-c #subnavi li a.c,

body#tai-chi-kurs-p #subnavi li a.p,
body#tai-chi-kurs-e #subnavi li a.e,
body#tai-chi-kurs-u #subnavi li a.u,
body#tai-chi-kurs-ue #subnavi li a.ue,
body#tai-chi-kurs-ka #subnavi li a.ka  {
	background-color: #bdcfe1;
	color: #313131;
}


/* o5. ________ Zusatzinformationen ________ */

#kurszeiten-oben, #kurszeiten-mitte, #kurszeiten-unten { 
	background-color: transparent;
	color: #373737;
	margin: .5em;
	padding: 0;
}
	
#kurszeiten-oben dt, #kurszeiten-mitte dt, #kurszeiten-unten dt {
	height: 1em;
	padding: 0;
	width: auto;
}

#kurszeiten-oben dd, #kurszeiten-mitte dd, #kurszeiten-unten dd { 
	height: 1.0em;
	left: 9.5em;
	margin: 0 0 0 0;
	position: relative;
	top: -1.0em;
	width: 100%;
}