/*******************************************************
*  THM 20100331
*  ta.css, http://typo3-beratung.com
* #C1C1C1 = hellgrau -- Meta-menue
* Orange = Striche oben, unten, Links
*
******************************************************/


html { background-color: white; }
body { width: 980px; font: normal normal 0.95em Georgia, "Times New Roman", Times, serif; }

a { color: orange; font-weight: bold; }


/* *** Kopf, Mittelteil, Fuss ************************************ */

#kopf {
	width: 980px; 
	background: white url('/fileadmin/ta/kopf.png') no-repeat top left; 	
	height: 213px;
}
#mittelteil {
	padding: 10px 20px 10px;
	height: 100%;
	background: white url('/fileadmin/ta/mitte_verlauf.png') no-repeat top left; 
}

/* *** Meta-Menue ******************************** */

#meta { text-align: right; padding: 0 20px 5px 0; font-size: 8pt; }
#meta, #meta a, #erstellt { color: #C1C1C1; }
#meta a, #meta2 a { padding: 2px; font-weight: normal; }
#meta a:hover, #meta2 a:hover {
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px;	
	color: white;
	background-color: #C1C1C1;
	text-decoration: none;
}

/* *** Hauptmenue ******************************** */

#thema {
	position: relative;
	top: 24px;
	left: 570px;
	width: 392px;
	font-size: 30px;
	text-align: right;
}

#thema span {
	color: white;
	padding: 5px 10px;
	font-weight: bold;
	background-color: orange;
	-moz-border-radius: 10px; 
    -khtml-border-radius: 10px;	
}


#hmenue {
	position: relative;
	top: 165px;
	text-align: center;
	list-style: none; 
	height: 30px;
	line-height: 38px;
 	text-align:center;
	color: black;
	font-size: 13pt;
}
#hmenue a { 
	display: inline; 
	padding: 0px 10px; 
	margin: 0px;  
	color: black; 
	padding: 2px; 
	-moz-border-radius: 5px; 
    -khtml-border-radius: 5px;	
	border: 1px solid transparent;
}	
#hmenue a.aktiv  {
	border-color: transparent;
	color: white;
	background-color: orange; 
	text-decoration: none;
}

#hmenue a:hover {
	border-color: orange;
	background: white;
	color: orange;
	text-decoration: none;	
}

/* #hmenue a:hover { background-color: #C1C1C1; } */

/* *** Mittelteil 980px breit ************************ */

#links {
	float: left;
	width: 207px;
}
#mitte {
	float: left;
	margin: 0px 15px;
	width: 543px;	
}
#rechts {
	float: right;
	width: 160px;	
}

/* *** Untermenue ******************************************** */

#umenue { 
	margin: 0; 
	padding: 0;
	list-style: none; 
}	
#umenue li {
	display: block;
	text-align: center;
	vertical-align: middle;
	font-size: 12pt;
	font-weight: bold;
	line-height: 46px;
}

#umenue li a {
	border: 1px solid white;
	display: block;
	background-color: #CCC;
	background: url('/fileadmin/ta/taste.png') no-repeat top left;	
	color: black;
}
#umenue li a span {
	padding: 5px;
}

#umenue li.aktiv a  {
	background-image: url('/fileadmin/ta/taste2.png'); 		
}

#umenue li.aktiv a  span,
#umenue li.aktiv ul li.aktiv1 > a  span  {
	-moz-border-radius: 10px; 
    -khtml-border-radius: 10px;	
	color: white;
	background-color: orange;
}

#umenue li a:hover {
	background-image: url('/fileadmin/ta/taste2.png'); 		
	text-decoration: none; 
}
#umenue li a span:hover {
	border: 1px solid orange;
	background: white;
	color: orange;
	-moz-border-radius: 10px; 
    -khtml-border-radius: 10px;	
}

#umenue li.aktiv ul li a  span {
	color: black;
	background-color: transparent;
	font-size: 9pt;
}
#umenue li.aktiv ul li a  span:hover {
	background-color: white;
}

/* 1. Unterebene */
#umenue li.aktiv ul {
	padding-left: 0;
}
#umenue li.aktiv ul a {
	background-image: url('/fileadmin/ta/taste_1.png'); 
	height: 30px;	
	line-height: 30px;
	font-size: 11pt;
}
#umenue li.aktiv ul a:hover {
	background-image: url('/fileadmin/ta/taste_2.png'); 
}

#umenue li.aktiv ul li.aktiv1 a span:hover {
color: orange;
}

/* *** Linke Box ************************************************* */

.box_kopf, .box_fuss  {
	width: 205px;
	height: 32px;
	background-color: #CCC;
	background: url('/fileadmin/ta/box_kopf.png') no-repeat top left; 
	margin: 0;	
}
.box_kopf {
	margin-top: 10px; 		
}
.box_fuss {
	background-image: url('/fileadmin/ta/box_fuss.png'); 		
}
.box_txt {
	background: white url('/fileadmin/ta/box_mitte.png') repeat-y top left; 
	padding: 0px 15px;	
}
.box_txt h2 {
	margin: 0;
	font-size: 12pt;
	color: orange;
}
.box_txt p {
	margin: 0;	
	font-size: 10pt;
}
.box_txt a { color: black; font-weight: normal; }
#links .box_txt a img:hover { border: 1px solid orange; }


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

#mitte h1, #mitte h2, #mitte h3 {
	color: orange;
}
#mitte h1 {
	margin-top: 0;
}

h2.rahmen {
	background: white url('/fileadmin/ta/h1.gif') no-repeat top left;
	margin-top: 30px;
	padding-left: 30px;	
	line-height: 64px;
	vertical-align: middle;
}

hr.strich {
	background: white url('/fileadmin/ta/hr.gif') no-repeat top center;
	margin: 10px 0;
height: 10px;
border: none;
}

#mitte blockquote p { text-align: left; }

#inhalt p { text-align: justify; }
.align-right, #inhalt p.align-right { text-align: right; }

#zurueck a { font-weight: normal; }

a .buchdaten {
	border: 2px solid orange;
	display: block;
	line-height:18px;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 10pt;
	margin: 8px 0;  
	padding: 10px 20px;
	color: black; 
	font-weight: normal;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
}
a .buchdaten:hover {
	background: orange; 	
	color: white; 
	text-decoration: none;
}

.cover img { width: 100px; }
.csc-textpic-image {border: 1px outset #CCC; }
.csc-textpic-image:hover,
.cover img:hover { border-color:orange; border-style: solid; }

.tx-flseositemap-pi1 a {	display: block; }


/* *** Kaufen *** */

.kaufen1 { float:left; width:150px; }
.kaufen1 img  { border:none; }
.kaufen2 { float:left; width:310px; }

/* *** Zentrale Linkliste *** */
.buch a {
	margin-top: 30px;
	display: block;
	background-color: orange;
	color: white; 
	border: orange solid 1px;
	-moz-border-radius: 8px; 
    -khtml-border-radius: 8px;	
	padding: 0 5px;
	text-align: center;
}
.buch a:hover {
	color: orange; 
	background-color: white;
	border-color: orange;
	text-decoration: none;
}

/* *** Striche und runde Ecken ********************************** */

.box_oben, .box_unten       { display:block; background-color: white;}
.box_oben strong, .box_unten strong { 
	display:block;  
	background-color: orange; 
	overflow: hidden;
}

.r1 { margin: 0 5px; height: 1px; }
.r2 { margin: 0 3px; height: 1px; }
.r3 { margin: 0 2px; height: 1px; }
.r4 { margin: 0 1px; height: 2px; }

.strich1 { background-color: orange; margin-bottom: 10px;}
.strich9 { background-color: orange; margin: 10px 0; }


/* *** Fussbereich ******************************* */

#erstellt {
	margin: 10px auto;
	font-size: 8pt;
	text-align: center;
}
#erstellt a { font-weight: normal; }
#meta2 {
	margin-bottom: 10px; 
	color: #C1C1C1;
}

dd { display: none; }