/* Stylesheet für HXMedia, Juni 2009 */

/* KALIBRIERUNG UND ALLGMEINE STYLES*/

/* Kalibrierung der wichtigsten Abstände */
* {padding: 0; margin: 0; } /* Kalibrierung */
h1, h2, h3, p, ul, ol { margin-bottom: 0.5em; } /* Abstand nach unten */
ul ul { margin-bottom: 0; } /* Verschachtelte Listen ohne Abstand */
li { margin-left: 1 em; margin-bottom: 0.5em; } /* Abstand von links */

/* Allgemeine Selektoren */
html { height: 101%; } /* erzwingt Scrollbar im Firefox */
body {font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: 12px; color: #3d3d3b; background-color: #d9d9d9;}
h1 {font-size: 150%; }
h2 {font-size: 130%; }
h3 {font-size: 110%; }
address { text-align: center; font-size: 80%; font-style: normal; letter-spacing: 2px; line-height: 1.5em; }
img {border: none; }
/* Hyperlinks allgemein */
a { text-decoration: none; } /* Unterstreichung entfernen*/
/*
a:link		noch nicht besucht
a:visited	besucht
a:hover	Mauszeiger darüber
a:focus	beim Durchklicken mit Tab-Taste
a:active	wird gerade angeklickt
*/

/* Allgemeine Klassen und IDs */
.skiplink { position: absolute; top: -2000px; left: -3000px; width: 0px; height: 0px, overflow: hidden; display: inline; }
#logo { background-color: #ffffff; padding: 5px 5px 0px 5px; margin-bottom: -4px; }
.bildlinks {float: left; padding: 3px; margin-right: 10px; margin-bottom: 10px; }
.bildrechts {float: right; padding: 3px; margin-left: 10px; margin-bottom: 10px; }
.pfeile {font-size: 125%; color: #a91428}

/* STYLES FÜR LAYOUTBEREICHE */

#wrapper {color: #3d3d3b; background-color: white; width: 60%; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; }
#kopf { position: relative; color:#3d3d3b; background-color: #91a1c4; padding: 0px 0px 0px 0px; }
	
	#kopf p {
	position: absolute;
	top: 13px;
	right: 9px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	height: 63px;
	width: 224px;
	}

#menu { float: left; width: 232px; padding: 20px 5px 5px 15px; color: #3d3d3b;	font-weight: bold;	font-family:  "Century Gothic", verdana; font-size: 16px; line-height: 1.0; }
	#menu a { color: #3d3d3b; }
	#menu a:link { color: #3d3d3b} /* noch nicht besucht */
	#menu a:visited { color: #4A608A}	/* besucht */
	#menu a:hover, #menu a:focus,
	#startseite #menu-start a,
	#seite_online-redaktion #menu-online-redaktion a,
	#kontaktseite #menu-kontakt a,
	#seite_beratung #menu-beratung a,
	#seite_produktion #menu-produktion a,
	#teamseite #menu-team a,
	#portfolio #menu-portfolio a, /* neu eingefügt */
	#seite_research #menu-research a,
	#seite_website-analyse #menu-analyse a {color: #a91428; } /*	a:hover - Mauszeiger darüber, a:focus - beim Durchklicken mit Tab-Taste, a:active - wird gerade angeklickt sowie aktuelle Seite */
	#menu li { list-style-type: none; margin-bottom: 0.5em; }

#randspalte {float: right; width: 130px; padding: 10px; padding-top: 20px; }
	#randspalte h3 {color: #A92428; }
	#randspalte a {text-decoration: underline; color: #3d3d3b; }
#text { margin-left: 247px; margin-right: 150px; padding: 20px 20px 20px 20px; background-color: #d2d7e1; font-size: 12px; }
	#text a {text-decoration: underline; color: #3d3d3b; }
#fuss { clear: both; padding: 10px 20px 10px 20px; border-top: 1px solid #8c8c8c; margin-top: 0; }
	#fuss a {text-decoration: underline; color: #3d3d3b; }


/* SONSTIGE STYLES */

/* ENDE DES STYLESHEETS */