/* Farben

Rot: #8E0079;
Blau: #0093D8;
Gelb: #C8C02F;

*/

body {
	color: #333333;
	font-size: 0.95em;
	font-family: Georgia, Times, "Times New Roman", serif;
	line-height: 1.6em;
}

input, select, textarea, table {
	font-size: 100%; font-family: Georgia, Times, "Times New Roman", serif;
	line-height: 2em;
}

h1 { /* Ohne Verwendung */
	font-weight: normal;
	font-size: 2em;
	color: black;
	margin: 0 auto 0.4em auto;
}

h2 { /* Grosse Themenueberschriften */
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.9em;
	line-height: 1.2em;
	color: black;
	margin: 0 auto 0.6em auto;
}

h3 { /* Kleine Themenueberschriften */
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.4em;
	line-height: 1.2em;
	color: black;
	margin: 0 auto 0.8em auto;
}

h4 { /* Zwischenueberschriften im Text, mit Abstand danach */
	font-size: 1.2em;
	line-height: 1em;
	font-weight: normal;
	margin: 0 auto 0.8em auto;
}

h5 { /* Zwischenueberschriften im Text, ohne Abstand danach */
	font-size: 1em;
	font-weight: bold;
	margin: 0 auto 0 auto;
}

p {
	margin: 0 auto 1em auto;
}

object {
	margin: 0 auto 1.6em auto;
}

ul, ol {
	list-style: square outside;
	margin: 0;
	padding-left: 2em;
}

ul li, ol li {
	list-style: square outside;
	margin: 0 0 0.6em 0;
}

table {
	font-size: 1em;
	margin: 0 0 1em 0;
}

form {
	font-size: 1em;
	margin: 0 0 1em 0;
	padding: 0;
}

input, select, textarea, button {
	color: black;
	font-size: 1em;
	line-height: 1em;
}

img, a, a:link, a:visited, a:hover, a:focus, a:active, 
	button, button:hover, button:focus, button:active {
	outline: none; border: none;
}

strong {
	font-style: italic;	
}

small {
	font-size: 0.85em;
}

hr, .linie {
	color: #EFF1F1;
	border: 0;
	border-bottom: 2px solid white;
	padding: 0.4em 0 0 0;
	margin: 0 0 0.8em 0;
	display: block;
}

.clear { clear: both; }

.ohne_abstand {
	margin-bottom: 0.25em;
}
 
 
/*************************/
/***** Grundstruktur *****/
/*************************/

body {
	text-align: center;
	background: white url(hintergruende/container.gif) top center repeat-y;
	margin: 0 auto;
}

#container {
	text-align: left;
	width: 648px;
	margin: 0 auto;
	padding: 0 60px;
}

#hauptspalte {
	float: left;
	width: 400px;
	margin-bottom: 10px;
}

#marginalspalte {
	float: right;
	width: 220px;
	margin-bottom: 10px;
}

#fuss {
	clear: both;
	border-top: 10px solid black;
	padding-top: 10px;
	margin-bottom: 50px;
}

/* Formulare */

input.text, input.password, input.textarea {
	border: 1px solid #999999;
	border-top-color: black; border-left-color: black;
	width: 140px;
}

button {
	color: #ad2923; text-decoration: none;
	background: none;
	border: 0; margin: 0; padding: 0;
	width: auto; overflow: visible; /* fuer IE */
	cursor: pointer;
}

button:hover, button:focus { text-decoration: underline; color: #ad2923;  }
button:active { color: #e66600;  }


/************************/
/*****//* !Kopf *//******/
/************************/

#kopf {
	text-align: left;
	
	margin: 0 0 24px 0;
	/* padding: 50px 22px 0 22px; */
	padding: 0;

	height: 276px; /* 218px; */

	background: url(hintergruende/kopf.png) 0 0 no-repeat;
}

#kopf .klartext,
#navigation .klartext {
	display: block; height: 0; width: 0; overflow: hidden;
}

#kopf .logo img {
	margin-top: 76px;
	width: 0; height: 50px;
	/*background: url(hintergruende/logo.gif) top left no-repeat;*/
}


/******************************/
/*****//* !Navigation *//******/
/******************************/

#navigation { 
	padding: 1px 0;
	height: 20px; /* overflow: hidden; */
	margin-top: 106px;
}

#navigation ul {
	line-height: 20px;
	list-style: none inside;
	
	margin: 0;
	padding: 0 28px;
}

#navigation ul li {
	float: left; display: inline;
	margin: 0;
	padding: 0 0 0 15px;
	background: url(navigation/trenner.gif) center left no-repeat;
}

#navigation ul li.first {
	padding-left: 0;
	background-image: none;
}

#navigation img.trenner {
	background: url(navigation/trenner.gif) center left no-repeat;
	width: 15px; height: 20px;
	display: none;
}

/* Navigation */

#navigation a img {
	background-position: 0 0;
	background-repeat: no-repeat;
}

#navigation a#rubrik_theorie img {
	background-image: url(navigation/theorie.gif);
}

#navigation a#rubrik_praxis img {
	background-image: url(navigation/praxis.gif);
}

#navigation a#rubrik_kontakt img {
	background-image: url(navigation/kontakt.gif);
}

#navigation a:link img,
#navigation a:visited img {
	background-position: 0 0;
}

#navigation a:hover img,
#navigation a:focus img {
	background-position: 0 -20px;
}

#navigation a:active img {
	background-position: 0 -60px;
}

#navigation .aktuell a:link img,
#navigation .aktuell a:visited img {
	background-position: 0 -40px;
}

#navigation .aktuell a:hover img,
#navigation .aktuell a:focus img {
	background-position: 0 -20px;
}

#navigation .aktuell a:active img {
	background-position: 0 -60px;
}


/* Videoplayer */

.videoplayer embed, .videoplayer object {
	margin-bottom: 1.6em;
}

/******************/
/***** Inhalt *****/
/******************/

#hauptspalte {
}

#marginalspalte {
	font-size: 0.85em;
	line-height: 1.85em;
}

#marginalspalte h2 {
	margin-bottom: 0.8em;
}

#marginalspalte h3 {
	font-size: 1.3em;
}

#marginalspalte h4 {
	font-size: 1.1em;
	font-weight: bold;
}

#inhalt p img {
	margin-bottom: 0.4em;
}

.block {
	margin-bottom: 60px;
}

/***** Fuss ******/

#srzsd, #knicken{
	float: left; display: inline;
	margin-right: 26px;
}

#srzsd {
	margin-left: -2px;
}

#srzsd a img {
	background: url(srzsd.gif) 0 0 no-repeat;
	width: 165px; height: 20px; overflow: hidden;
}

#knicken a img {
	background: url(knicken.gif) 0 0 no-repeat;
	width: 105px; height: 20px; overflow: hidden;
}

#srzsd a:link img, 
#srzsd a:visited img,
#knicken a:link img, 
#knicken a:visited img {
	background-position: 0 0;
}

#srzsd a:hover img, 
#srzsd a:focus img,
#srzsd a:active img,
#knicken a:hover img, 
#knicken a:focus img,
#knicken a:active img {
	background-position: 0 -20px;
}

/***** Bildlisten *****/

.bildliste .block {
	padding: 0; margin: 0;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}

.bildliste .bild {
	float: left; display: inline;
	background-color: black;
	width: 100px; height: 100px;
	padding: 0; margin: 0;
	margin-bottom: 30px;
}

.bildliste .bild img {
	width: 80px; height: 80px; overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
}

.bildliste .text {
	float: left; display: inline;
	margin-left: 20px;
	width: 278px;;
	padding: 0;
	margin-bottom: 30px;
}

img.vorschau {
	border: 10px solid black;
}

#marginalspalte .bildliste .bild {
	float: none; display: block;
	margin-bottom: 1.5em;
}

#marginalspalte .bildliste .text {
	float: none; display: block;
	margin-left: 0;
	width: auto;
}

/*****************/
/***** Links *****/
/*****************/

a {
	font-style: italic;
	text-decoration: none; outline: none;
}

a:link, a:visited {
	color: #0093D8;
}

a:hover, a:focus {
	color: #8E0079;
}

a:active {
	color: #C8C02F;
}