/* town-cards.com */ 
/* 2006-05-10  */
/* goersch@bytebetrieb.com  */

* 	 { margin:0; padding:0; }
html {  }
body { width:100%; font:15px/19px Helvetica, Arial, Geneva, Verdana, sans-serif; text-align:center; color:#fff; background:#000; }
body#kartenliste { background:#fff; text-align:left; color:#000; }

/* ... / links / ................................. */
a:link 		{ text-decoration: underline; color: #e33; }
a:visited 	{ text-decoration: underline; color: #e22; }
a:hover 	{ text-decoration: none; color: #a77; }
a:active 	{ text-decoration: underline; color: #a77; }
a img, img 	{ border: none; }

.c { clear:both; }

/* Der zentrierte Hauptblock. Hat keine Höhe, will man also einen Hintergrund oder Rand immer bis zum Fuss des Viewports, muss man sich mit einem Hintergrundbild im Body aushelfen */
#seitenblock { position:relative; width:795px; height:545px; margin:15px auto 0 auto; text-align:left; color:#000; }

#index #seitenblock { background:#cda54a; }
#karte #seitenblock { background:#cda54a; }



/* Die Kopfzeile, volle Breite des Viewports, darin ein weiterer Zen*/
#kopf 	{ position:relative; top:0; width:100%; height:50px; background:#fff; }


/* Navigations-Liste, zwei Ebenen */
#navigation 	{ list-style-type:none; }
#navigation li 	{ float:left; }

#navigation a 			{ display:block; margin-bottom:1px; border-left:3px solid #000; font-weight:bold; font-size:12px; padding:3px 5px 0; }
#navigation a:link 		{ text-decoration:none; color:#000; }
#navigation a:visited 	{ text-decoration:none; color:#000; }
#navigation a:hover 	{ text-decoration:none; color:#eee; background-color:#999; }
#navigation a:active 	{ text-decoration:none; color:#eee; background-color:#999; }
#navigation a:focus 	{ text-decoration:none; color:#eee; background-color:#999; }

#navi-home a { background-color:#cda54a; border:none; }
#navi-impressum a { background-color:#e7d153; }
#navi-kontakt a { background-color:#e7d153; }


/* Tanteks Hack zur Ausgleichung der Breite mit dem Padding für IE 5.5 */

/* Der Inhaltsbereich in der Mitte */
#ueberschrift 	{ float:left; padding:15px 10px 0; width:650px; height:80px; voice-family: "\"}\"" voice-family:inherit; width:630px; height:60px; }
.tantek-dummy-1 { }
h1 	{ font-weight:bold; font-size:32px; height:40px; }
h3 	{ font-weight:bold; font-size:15px; line-height:32px; height:20px; }

#bild-spalte 	{ float:left; padding:1px 10px; width:320px; voice-family: "\"}\"" voice-family:inherit; width:300px; }
.tantek-dummy-2 { }
#text-spalte 	{ float:left; padding:0 0 0 10px; width:330px; height:365px; voice-family: "\"}\"" voice-family:inherit; width:320px; height:345px; }
.tantek-dummy-3 { }
#logo-spalte 	{ float:right; padding:20px 0 0; text-align:center; width:125px; voice-family: "\"}\"" voice-family:inherit; }
.tantek-dummy-4 { }
#news-spalte 	{ float:left; padding:20px 10px 0 20px; overflow:auto; height:240px; width:660px; voice-family: "\"}\"" voice-family:inherit; width:630px; }
.tantek-dummy-5 { }
/* Der IE zeit nun einen horizontalen Scrollbalken an. Dies wird hier unterbunden. Dafür wird der Block breiter, warum auch immer... */
* html #news-spalte { overflow-x: visible; width:600px; }

h2 { font-weight:bold; margin-bottom:0.25em; font-size:15px; line-height:19px; width:100%; clear:left; }
#news-spalte img  { float:left; margin:0 10px 1em 0; border:1px solid #000; }
.audioplayer { padding:10px 0; }
p  { margin-bottom:1em; width:100%; }
em { color:#a72; font-weight:bold; font-style:normal; }

dl.artikelbezeichnung {  }
dl.pdfdownload { height:40px; font-size:10px; line-height:11px; margin-top:40px; padding:5px 0 0 40px; background:transparent url(../_p/iconpdf.gif) 0 0 no-repeat; }
dl.pdfdownload dt { }
dt { font-weight:bold; }

/* Die Fusszeile über die ganze Breite des Seitenblocks */
#fuss 		{ float:left; clear:left; top:0; width:100%; height:75px; list-style-type:none; background:#000; }
#index #fuss { float:left; clear:left; top:0; width:100%; height:200px; list-style-type:none; }
#fuss li 	{ float:left; border-left:5px solid #000; }
#fuss li.erste { border-left:none; }
#index #fuss li { border:10px solid #000; border-width:12px 0 0 11px; }
#index #fuss li.erste { border-left:none; }
#index #fuss li.flashkasten { width:150px; border-width:0 0 0 12px; }
#fuss img 	{ }

.kartenauflistung {
	border:1px solid black;
}
.kartenauflistung td {
	border:1px solid red;
}

/* Kontaktform */
fieldset { border:none; margin:0 0 20px; padding:0 0 0 10px; }

label { display:block; padding:0 10px 0 0; margin:0 0 5px 0; }
label.radiolabel { display:inline; padding:0 0 0 10px; }

select { width:270px; }
textarea { width:270px; }
input.textfeld { width:270px; }
input.textfeld-schmal { width:130px; }

.form-spalte { width:140px; float:left; }



#logoblank {
	width:80px;
	height:150px;
	text-indent:-9999px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/_p/logoblank.png');
}
html>body #logoblank {
	background:transparent url(/_p/logoblank.png) 0 0 no-repeat;
}