/* Basisvorlage CSS
AVi MedienDialog
www.avi-mediendialog.de
Start: 14.04.2009
Letzte Aenderung: 14.04.2009
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Logo rot): #b5152b
Farbton (Logo rot dunkler): #990018
Farbton (Logo rot heller): #cc334f
Farbton (Hintergrund grau dunkel): #717578
Farbton (Hintergrund grau hell): #a0a2a3
Farbton (Überschrift grau): #393b3d
Farbton (Text grau): #1d1e1f
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgröße von 75% oder 12px festgelegt.
	background: #fff url(bilder/grid.png) top left no-repeat;
*/	
	background: #a0a2a3;
}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.	
	background: transparent url(bilder/line-height.gif) top left;
	*/	
	background: #a0a2a3 url(../bilder/background.gif) top left repeat-x;
	font-size: 75%;
}

html>body {
	font-size: 12px;
}

a:link {
	color: #b5152b;
	text-decoration: none;
}

a:visited {
	color: #b5152b;
	text-decoration: none;
}

a:hover {
	color: #cc334f;
	text-decoration: underline;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
	font: 1em/1.5em Verdana, Arial, Tahoma, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

strong {
	font-weight: bold;
	color: #393b3d;
}

h1 {
	font: 1.8em/1em Verdana, Arial, Tahoma, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #393b3d;
	font-weight: bold;
}

h1 span {
	display: none;
}

h2 {
	font: 1.33em/1.13em Verdana, Arial, Tahoma, sans-serif;
	color: #393b3d;
	margin-top: 1.13em;
	margin-bottom: 1.13em;
	font-weight: bold;
}

h3 {
	margin-top: 1.29em;
	margin-bottom: 1.29em;
	color: #393b3d;
	font-weight: bold;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1em;
}

h4 {
	margin-top: 1.29em;
	margin-bottom: 1.29em;
	color: #393b3d;
	font-weight: bold;
	background-color: #888888;
	width: 100%;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 1.17em;
	line-height: 1.29em;
	text-transform: uppercase;
	text-indent: 15px;
	letter-spacing: 0.15em;
	height: 25px;
}

/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

.rechts {
	float: right;
	margin: 0 0 0.5em 0.5em;
}



/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */
#wrapper {
	background: #fff;
	margin: 0 auto;	
	position: relative;
	width: 80em;
	width: 890px;
}

#metainformation {
	clear: both;
	background: #fff;
	padding: 10px 30px 0 0;
	
}

#navigation {
	clear: both;
	float: left;
	width: 180px;
	padding: 10px 30px 20px 20px;
}


#hauptinformation {
	float: right;
	width: 640px;
	color: #1d1e1f;
	padding: 10px 20px 20px 0;
}

/* Details */

.intro {
	float: left;
	width: 300px;
	padding: 0 20px 0 0;
}

.intro-s {
	float: right;
	width: 300px;
}



#nebeninformation {
	float: right;	
	width: 300px;
}

#nebeninformation ul li {
	list-style-type: none;
	border-bottom: 1px dotted #cc9966;
	padding: 10px 0;
	font: 1em/1.5em Verdana, Arial, Tahoma, sans-serif;
	
}

#nebeninformation p {
	margin: 0;
	padding: 0;
}

#siteinformation {
	clear: both;
	border-top: dotted 1px #ccc;
	color: #a0a2a3;
	margin: 0 20px 0 20px;
	padding: 5px 0 5px 210px;
}

/*  siteinformation auf hellem Grund und orange Linie oben. 
#siteinformation {
	clear: both;
	border-top: solid 4px #ff9900;
	color: #673715;
	font: 0.83em/1.80em Verdana, Arial, Tahoma, sans-serif;
	padding: 1px 20px;
}
*/