/* CSS-Datei für www.karlsruhe-im-panorama.de */

body {
	color: black;
	margin: 0;
	padding: 1%;
	min-width: 640px;
	font-size: 100.01%;
	font-family: verdana, arial, sans-serif;
	background-color: #BCBCBC;
}

a { /* Alle unbesuchten Links bekommen eine leicht bläuliche Farbe und werden unterstrichen, damit man Sie gleich im Text erkennt. */
	color: #C86400;
	text-decoration: none;
} 

a:visited { /* Besuchte Links werden schwarz, bleiben dennoch unterstrichen. Somit erkennt man wo man sich schon befunden hat. */
	color: #C86400;
} 
/*
.skip {
 margin-left: -10000px;
}
*/
h1, h2, h3, h4, h5, h6 {
	color: #9F9F9F;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 { /* Überschrift 1. Ordnung Main*/
	font-size: 2em;
	line-height: 0.8em;
	padding: 20px 0 5px 0;
	margin: 0;
	border-bottom: 1px dashed #aaa;
}

h2 { /* Überschrift 2. Ordnung Main*/
	font-size: 1.2em;
	margin: 0;
	padding: 2em 0 0.5em 0;
}

h3 { /* Überschrift 3. Ordnung Subnav*/
	font-size: 1.2em;
	padding: 0px 0px 5px 0;
	/* margin-top: 1em; */
	border-bottom: 1px dotted #aaa;
}

h4 { /* Überschrift 4. Ordnung Main*/
	font-size: 1em;
	padding: 2em 0 0.5em 0;
	margin: 0;
}

h5 { /* Normaler Text */
	color: #000000;
	font-size: 0.9em;
	margin: 0;
	font-weight: normal;
}

h6 { /* Bildunterschrift */
	font-size: 0.9em;
	padding: 3px 0px 0px 0px;
	margin: 0;
	font-weight: normal;
	text-align: left;
	color: #666666;
}

img {
 border: 0;
}

.big { /* Sachen an denen der Text vorbeifließen soll werden diese Klassen zugewiesen. */
 margin: 25px 0 0 0;
}

.fleft { /* Sachen an denen der Text vorbeifließen soll werden diese Klassen zugewiesen. */
 float: left;
 margin: 0 1.5em 0.2em 0; /* Man sollte einen schönen Abstand wählen sonst kleben die Sachen so am Text. */
}

.fright {
 float: right;
 margin: 0;
}

#container { /* -- Layoutspezifisches -- */
 font-size: 0.8em; /* Ein Kompromiss über den man sicherlich streiten kann, aber viele Leute empfinden die von Ihnen selbst eingestellte Textgröße für zu groß, wissen aber nicht wie man das ändert. */
 width: 785px;
 margin: auto; /* Hiermit zentrieren wir unsere Seite */
 border: 5px solid #9F9F9F; /* Eine kleine optische Abgränzung */
 border-top: 0; /* Ganz oben allerdings würde es mit dem grauen komisch aussehen, deshalb weg damit. */
 border-bottom: 0; /* Unten keinen Rand, da gibt es schon den footer. */
 background-color: #FFFFFF;
}

#logo { /* - Logo- bzw. Kopfbereich - */
	height: 95px;
	background-color: #FFFFFF;
	/*background-image: url(img/header_img.jpg);*/
	background-repeat: no-repeat;
}

#menu { /* - Menü - */
	padding: 1px 0px 3px 20px;
	margin: 0;
	text-align: right;
	color: #FFFFFF;
	background-color: #9F9F9F;
}

#menu li {
 font-size: 1.1em;
 display: inline; /* Damit die Menüpunkte nebeneinander und nicht untereinander erscheinen. */
 list-style-type: none; /* Die Bullets vor den Menüpunkten schalten wir ab. */
 border-left: 1px solid white; /* Ein optischer Trennungsstrich */
 padding: 0 30px 0 10px;
 font-weight: bold;
}

#menu li a {
 color: #FFFFFF; /* Hier ist das mit der Linkfarbe genau so, sie soll weiß sein. */
 text-decoration: none;
}

#menu li a:hover{
 color: #F28E00; /* Hier ist das mit der Linkfarbe genau so, sie soll weiß sein. */
 text-decoration: none;
}

#subnav { /* - Subnavigation, Rechte Spalte - */
 width: 160px;
 height: 565px;
 margin: 10px 0px 0px 10px;
 padding: 0px 15px 0px 10px;
 float: right;
 border-left: 1px dotted #aaa;
 font-size: 0.9em;
 background-color: #FFFFFF;
 overflow: hidden;
}

#kalpreview { /* Prewiewbereich im Kalendermenü */
	height: 31px;
	margin: 2px 0px 8px 0px;
}

#pospreview { /* Prewiewbereich im Postermenü */
	margin: 2px 0px 15px 0px;
}

#main { /* - Her Hauptinhaltsteil - */
	padding: 0px 0px 0px 20px;
	width: 555px;
	height: 590px;
	line-height: 1.25em;
	background-color: #FFFFFF;
	overflow: hidden;
}

#main li {
	font-size: 0.9em;
	line-height: 1.25em;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	color: #666666;
}

#footer { /* - Foußzeile - */
	padding: 2px 0 3px 0px;
	margin: 0;
	font-size: 0.8em;
	text-align: center;
	color: #FFFFFF;
	background-color: #9F9F9F;
}

#footer a {
 color: #FFFFFF; /* weiß */
 text-decoration: none;
}

#footer a:hover{
 color: #F28E00; /* orange */
 text-decoration: none;
}