/* 
 * ==========================================================
 * formate.css
 * ==========================================================
 * Spezielle Formate - bitte thematisch sortieren!
 */

/* ========= Rahmen des Hauptlayouts ========= */
#inner-sidebar p, #loginbox, div.main-center
{
	border-width:1px;
	border-style:solid;
	border-color:#fff #ddd #ddd #fff;
	padding:4px;
}

/* =============== Titelbereich ===============*/
#top3
{
	position:relative;
	display:block;
	width:100%;
	height:67px;
	border-bottom:1px solid black;
	margin-bottom:32px;
}
* html #top3
{
	height:68px;
	overflow:hidden;
}

#top2
{
	display:block; 
	margin-left:0; 
	width:100%;
	height:100px;
	background-image:url(/bilder/seite/titel/Titelgrafik.png);
	background-repeat:no-repeat;
}
* html #top2
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/bilder/seite/titel/Titelgrafik.png", sizingMethod="crop");
}

#top1
{
	position:absolute;
	display:block;
	width:132px;
	height:60px;
	padding:0;
	top:0;
	right:0;
	text-align:left;
}

/* ================= Sidebar ================= */
#inner-sidebar   { width:130px; }
#inner-sidebar p { margin:0;    }

/* ============== Login-Formular ==============*/
#loginbox
{
	border:1px solid #EDF2F2;
	margin-left:2px;
}
#loginbox p
{
	margin:0;
	padding:0px 4px 4px 4px;
}
#loginbox form
{
	margin:0;
}
.loginform 
{
	text-decoration:none;
}
.loginform input
{
	margin:2px 0px;
	font-size:11px;
}
.loginform .label
{
	display:block;
	font-size:11px;
	color:black;
}
.logininfo
{
	font-size:12px;
	padding:5px;
}

/* ================ Seitenfuß ================ */
#pagefooter
{
	text-align:center;
	color:black;
	font-size:8pt;
}
#footer div
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	padding:4px;
}

/* ================= Galerie ================= */
div.thumb
{
	display:inline;
	float:left;
	vertical-align:top;
	text-align:middle;
	overflow:hidden;
	text-align:center;
}
.thumb-frame
{
	float:left;
	margin:3px;
	padding:4px;
	background:#DDEAF0;
	border:1px solid #D7E4EA;
	-moz-border-radius:6px;
}
.thumb-main
{
	background:#EAB9C1;
	border:1px solid #CC94BC;	
}
div.thumb img
{
	padding:0; margin:0;
}

/* ================ Formulare ================ */

/* Tabellenformatierung für Tabellentyp "formular" */
table.formular 
{
	font-size:11px;
	color:black;
}
table.formular th
{
	font-weight:bold;
}
table.formular th.produkte
{
	font-weight:bold;
	border-bottom: 1px solid #ddd;
	padding-top:12px;
}
table.formular td
{
	vertical-align:top;
	padding:4px;
}
table.formular hr
{
	width:80%;
	border:0;
	border-top:2px solid black;
}

/* Tabellenformatierung für Tabellentyp "tabelle" */
table.tabelle tr td
{
	border:1px solid 666;	
}	

/* ========= Tabelle für Städteliste ========= */
div.city span.button,div.city span.button a
{
	padding:0;
}
div.city
{
	padding-right:24px; float:left;
}

table.none
{
	/*min-width:680px;*/
}
table.none td, table.teilung td.links, table.teilung td.rechts
{
	border:0; padding:0; margin:0;
}

/* PI-Symbol */
a.pi
{
	font-family:Times,serif;
	color:#777777;
	width:90%;
	text-align:right;
	display:inline;
	text-decoration:none;
}

a.pi:hover
{
	background-color:#edf2f2;
}

/* Fläche erscheint hervorgehoben wie Tabelle formatiert*/
/* Außenbereich um jedes Element herum, das keine Tabelle ist */
div.main-center
{
	margin:5px;
	padding:10px;
	padding-top:0;
	text-align:left;
}

div.teilung
{
	display:block;
	text-align:right;
}

div.navi_oben, td.weiter
{
	text-align:right;
}

.aussage
{
	color:#d00000;
	font-weight:bold;
	font-size:11pt;
}
/*======Umgebungsbox=======*/
.entfernung_kunde, .loc_kunde
{
	font-weight: bold;
}

/*===Zuletzt angesehen Locations ===*/
.lastlocs
{
	width:128px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ddd;
}
/*===== BulletLists ===============*/
ul.haken li
{
	list-style-image:url(/at/bilder/seite/haken_gruen.gif)
}
/* ======== Listen ======= */
table.liste 
{
	/*min-width:680px;*/
	padding:5px; 
}
table.liste td
{
	padding:2px 5px 4px 5px;
}
table.liste th
{
	color:black;
	border:0px;
	font-size:140%;
	font-weight:bold;
	border-color:#d00000;
	border-bottom-width:2px;
	border-style:solid;
	text-align:center;
}
/* Rahmen der Listenzeilen */
table.liste .gerade, table.liste .ungerade,
table.liste .gerade_rot, table.liste .ungerade_rot
{
/*
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ddd;
*/
}
table.liste .gerade       { background:#EFEFEF; }
table.liste .ungerade     { background:#e0e0e0; }
table.liste .gerade_rot   { background:#FFBBBB; }
table.liste .ungerade_rot { background:#FF9999; }

/* ============ Produkte ===================== */
/* Kostendarstellung*/
.kosten
{
	text-align:right; 
	font-weight:bold;
	padding-bottom:4px;
}

/* äußere Umrandung */
.produkte_box
{
	margin-bottom:10px;
	margin-top:10px;
}

/* Box mit dem Inhalt */
.produkte_inner_box
{
	padding:10px;
}

/* Überschrift */
.produkte_titel h2, .produkte_titel h1
{
	margin:0;
	font-variant:normal;
	letter-spacing:2px; 
	text-transform:uppercase; 
	color:white; 
	text-align:center; 
	border:0px;
}
/* Farben */
.produkte_border_rot 	{ border:2px solid #d00000;}
.produkte_bg_rot		{ background:#d00000;}

/* Pressearbeit = blau */
.produkte_border_blau 	{ border:2px solid rgb(0,0,128);}
.produkte_bg_blau		{ background:rgb(0,0,128);}

/* Terminkalender */
.produkte_border_orange	{ border:2px solid rgb(255,131,0);}
.produkte_bg_orange		{ background:rgb(255,131,0);}

/* Darstellung auf aT = grau */
.produkte_border_grau	{ border:2px solid rgb(192,192,182);}
.produkte_bg_grau		{ background:rgb(192,192,182);}

/* Webseiten = Grün */
.produkte_border_gruen 	{ border:2px solid rgb(0,128,0);}
.produkte_bg_gruen		{ background:rgb(0,128,0);}


/* ============ Ablauf =============== */
.ablauf_box
{
	border:2px solid #666;
	padding:5px;
	margin:10px;
}
.ablauf_rechts, .ablauf_links
{
	margin-left:50px;
}
/* ============ Allgemeine Klassen =========== */
.clearing   { height:0; clear:both;  }
.clearright { height:0; clear:right; }
.clearleft  { height:0; clear:left;  }

/* 
 * ==========================================================
 * html.css
 * ==========================================================
 * hier nur Formatdefinitionen für reines HTML Tags,
 * keine Klassen oder ID Definitionen
 */

body
{
	/*background:#F2F7F9;*/
	background:#F4F9F9;
	font-size:10px;
	margin:0;
	padding:0;
	font-family:Verdana,Arial,sans-serif;
}
p,li,dl,dt,dd
{
	color:black;
	font-size:10pt;
	margin-top:8px;
	margin-bottom:6px;
}
h1
{
	margin-top:8px;
	margin-bottom:8px;
	color:#d00000;
	font-size:14pt;
	font-weight:bold;
}
h2
{
	border-bottom:1px solid #999;
	margin-top:8px;
	margin-bottom:6px;
	color:black;
	font-size:12pt;
	font-weight:bold;
	font-variant:small-caps;
}
h3
{
	margin-top:10px;
	margin-bottom:4px;
	color:black;
	font-size:10pt;
	font-weight:bold;
}
h4
{
	margin:0px;
	margin-top:1px;
	font-size:10pt;
}
td, th
{
	color:black;
	font-size:10pt;
	margin-top:2px;
	margin-bottom:6px;
	vertical-align:top;
}
th, strong
{
	font-weight:bold;
}
img
{
	border:none;
}
small
{
	font-size:9px;
	color:#666;
}
strong.big
{
	font-size:1.5em;
}
input, select
{ 
	font-size:13px; 
	font-family:Verdana,Arial,sans-serif;
}

/* 
 * ==========================================================
 * location.css
 * ==========================================================
 */
ul.merkmal
{
	list-style-type:square;
	list-style-position:inside;
	margin-left:0;
	padding-left:0;
}
table.location td.foto
{
	text-align:center;
}

td.buttonleiste
{
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:0;
}
td.buttonleiste span.button,
td.buttonleiste span.button:active,
td.buttonleiste span.button_inactive,
td.buttonleiste span.button_inactive:active
{
	padding:3px;
	background:#ccc;
	border-width:1px;
	border-style:solid;
	margin-left:0;
	margin-right:3px;
}
td.buttonleiste span.button
{
	border-color:#ddd #555 #555 #ddd;
}
td.buttonleiste span.button:active
{
	border-color:#555 #ddd #ddd #555;
}
td.buttonleiste span.button_inactive
{
	color:#666;
	background:#ddd;
	border-color:#eee #666 #666 #eee;
	text-decoration:line-through;
}
td.buttonleiste span.button a
{
	color:#333;
}
td.buttonleiste span.button a:hover
{
	color:black;
	border:0px solid black;
}

p.reservierung_normal, p.reservierung_wichtig, p.reservierung_zwang
{
	padding:4px;
}
p.reservierung_wichtig, p.reservierung_zwang
{
	border:1px solid black;
	color:#d00000;
	font-weight:bold;
}
p.reservierung_zwang
{
	border:3px solid #d00000;
}

table.umgebung td a
{
	color:black;
	text-decoration: none;
}

#location-foto
{
	width:510px;
	height:340px;
	margin-right:4px;
	margin-bottom:4px;
	float:left;
	border:1px solid #999;
}
/* sinnvolle Mindestbreite der Karte */
/* #map-box { min-width:270px; } */

#location-map-container
{
	position:relative;
	height:500px;
}
#location-map
{
	width: 100%;
	height: 100%;
	float:left;
	
	border:1px solid #999;
	/* border grows box beyond 100% so padding is wrong => adjust by shifting box */
	position:relative;
	top:-1px;
	left:-1px;
}

/*
 * ==================== Layout Location-Details ====================
 */

#location-details
{
	white-space:nowrap;
	position:relative;
}
#location-details .links, #location-details .rechts
{
	width:50%;
	float:left;
}

#location-details div
{
	white-space:normal;
}
#location-details .box
{
	background:#eef3f7;
	border: 2px solid #d7e4ea;
	margin-bottom:4px;
	padding:3px 5px;
	-moz-border-radius:10px;
	overflow: hidden;
}
#location-details .links div
{
	margin-right:4px;
}
#location-details .map
{
	height:500px;
	position:relative;
	padding:8px;
	padding-top: 5px;
	height:534px;
}

.map-large
{
	width: 90%;
	height: 500px;
}

.foto-large, .map-large
{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 100;
	align:center;
	vertical-align:middle;
}

.map-large #button-big, .foto-large #button-big
{
	display:none;
}
.map-large #button-small, .foto-large #button-small
{
	display:block;
}

.foto #locationfoto
{
	width:100%;
}


#button-big
{
	height:12px;padding:4px;border:1px solid black;background:#aaa;
}
#button-small
{
	display:none;height:12px;padding:4px;border:1px solid black;background:#aaa;
}

/* =============== Hot or Not ================================ */
/*
.box
{
	position: relative;
	background:#eef3f7;
	border: 2px solid #d7e4ea;
	margin-bottom:4px;
	padding:3px 5px;
	-moz-border-radius:10px;
	overflow:auto;
}

.left
{
	width:45%; 
	float: left;
}

.right
{
	width:45%; 
	float: right;
}
.box img
{
	position: relative;
	width:100%;
}
*/


/* ====== Menü ====== */
#nav, #nav ul
{
	margin:0;
	padding:0;
	list-style:none;
}

/* Platz unter der Navigation */
#nav
{
	margin-bottom:1em;
}

#nav li
{
	display:inline;
	padding:0;
	margin:0;
}
	
#nav li span
{
	/* used for un-linked menu items */
	display:block;
	padding:8px 10px;
	color:#666;
}

#nav li span #configParent, #nav li span #configuration 
{
	display:inline;
	font-weight:normal;
	padding:0;
}
	
#nav li a 
{
	display:block;
	padding:8px 10px;
	text-decoration:none;
	border-width:1px;
	border-style:solid;
	border-color:#fff #ddd #ddd #fff;
}

#nav li a:hover
{
	background:#E0E9E9;
}

/* Farbe der Hauptpunkte */
#nav a.haupt
{
	color:#666;
	font-size:11pt;
}

/* Farbe des aktiven Hauptpunkts */
#nav a.haupt_active
{
	color:#d00000;
	font-size:11pt;
}

/* Unterpunkte */
/* Farbe der Unterpunkte*/
#nav a.unter
{
	color:#666;
	font-size:9pt;
	padding: 2px 8px 2px 20px;
}

/* Farbe der aktiven Unterpunkte */
#nav a.unter_active
{
	color:#d00000;
	font-size:9pt;
	padding: 2px 8px 2px 20px;
}

#nav li li span
{
	/* used for un-linked menu items */
	padding: 2px 8px 2px 20px;
}

#nav li li a
{
	padding: 2px 8px 2px 20px;
}

#nav li li a:hover
{
	background: #E0E9E9;
}

/* ====== News ====== */
h1.news
{
	font-variant:small-caps
}
p.news_abstract
{
	font-weight:bold;
}
p.news_text
{
	margin-top:10px;
	margin-bottom:10px;
}
img.news_r
{
	float:right;
	border:1px solid black;
	margin:5px;
}
img.news_l
{
	float:right;
	border:1px solid black;
	margin:5px;
}
table.newsliste td, table.newsliste td.news_date
{
	font-weight:bold;
	font-size:10pt;
}
table.newsliste td.news_head
{
	font-weight:bold;
	font-size:12pt;
	padding-top:15px;
}
table.newsliste td.news_kurz
{
	font-weight:normal;
}


/*
 * === HTML Hacks for IE6 *sigh* =====================================================
 */

* html #location-map
{
	border:none;
	top:0;
	left:0;
}
* html #location-details .links, * html #location-details .rechts
{
	width:auto;
	float:none;
}
* html #location-details .links div
{
	margin-right:-2px;
}
* html .foto #locationfoto
{
	width:auto;
}