/**
 * Stylesheet für http://www.emotioconsult.de
 * 
 * CSS für Emotioconsult.de, umfasst alle Definitionen inkl. X-Browserkompatiblität
 * 
 * @author Joram Höfs <kontakt@joramhoefs.de>
 * @copyright Joram Höfs
 * @version 1.0
 * @date 2009-06-27
 */

/*------------------------------------------------------------------------------------------------------*/

/**
 * Basislayout
 * @section base-layout
 */

	/**
	* Grunddefinitionen im Body
	*/
	body {
		background: #fff;
		color: #000;
		font-size: 14px;
		font-family: "Lucida Bright", Georgia, Serif;
		line-height: 18px;
	}
	
	/**
	* Der Seiten-Wrapper
	*/
	#wrap {
		margin: 10px auto 0 auto;
		width: 900px;
	}
	
	/**
	* Die linke Spalte
	*/
	#left {
		border-right: 1px solid #000;
		border-top: 1px solid #000;
		float: left;
		width: 449px;
	}
	
	/**
	* Das Zitat in der linken Spalte
	*/
	#left blockquote {
		background: url(../img/left.jpg) no-repeat -1px 1px;
		height: 371px;
		width: 449px;
		margin: 0;
	}
	
	/**
	* Der Text im Zitat in der linken Spalte
	*/
	#left blockquote p {
		color: #fff;
		background: url(../img/quote_bg.png) repeat;
		bottom: -306px;
		height: 55px;
		margin: 0;
		padding: 5px;
		position: relative;
		width: 438px;
	}
	
	/**
	* Zitatquelle der linken Spalte
	*/
	#left blockquote cite {
		font-style: italic;
	}
	
	/**
	* Die rechte Spalte
	*/
	#right {
		border-left: 1px solid #000;
		border-top: 1px solid #000;
		float: right;
		left: -1px;
		position: relative;
		width: 449px;
	}
	
	/**
	* Das Zitat in der rechten Spalte
	*/
	#right blockquote {
		background: url(../img/right.jpg) no-repeat 1px 1px;
		height: 370px;
		width: 449px;
		margin: 0;
	}
	
	/**
	* Der Text im Zitat in der rechten Spalte
	*/
	#right blockquote p {
		color: #fff;
		background: url(../img/quote_bg.png) repeat;
		height: 55px;
		margin: 1px 0 0 1px;
		padding: 5px;
	}
	
	/**
	* Zitatquelle der rechten Spalte
	*/
	#right blockquote cite {
		font-style: italic;
	}
	
	/**
	* Einspaliges Layout
	*/
	#center {
		border-top: 1px solid #000;
	}

/*------------------------------------------------------------------------------------------------------*/

/**
 * Navigation
 * @section navigation
 */

	/**
	* Die Navigationszeile
	*/
	#nav {
		background: #000;
		height: 25px;
		margin: 1px 0 1px 0;
		padding: 7px 0 0 0;
		text-align: center;
	}
	
	/**
	* Ein Navigationspunkt
	*/
	#nav li {
		display: inline;
		padding: 0 7px 0 7px;
	}
	
	/**
	* Ein Link in der Navigation
	*/
	#nav li a {
		color: #fff;
		font-size: 21px;
		text-decoration: none;
	}
	
	/**
	* Ein bereits besuchter Link in der Navigation
	*/
	#nav li a:visited {
		color: #fff;
	}
	
	/**
	* Ein Link in der Navigation über dem der Mauszeiger steht
	*/
	#nav li a:hover {
		color: #7cc9ff;
	}
	
	/**
	* Ein hervorgehobene Link in der Navigation
	*/
	#nav li.act a {
		color: #7cc9ff;
	}
	
/*------------------------------------------------------------------------------------------------------*/

/**
 * Typografie
 * @section typo
 */
	/**
	* Überschrift, ersetzt durch Grafik mittels LIR
	*/
	h1 {
		border-bottom: 1px solid #000;
		font-size: 0;
		margin: 0;
		padding: 67px 0 0 0;
	    overflow: hidden;
		background: url(../img/logo.png) no-repeat top center;
	    height: 0px !important;
	    height /**/:67px;
	}
	
	/**
	* Unterüberschrift
	*/
	h2 {
		color: #0161ab;
		font-size: 19px;
		font-family: "Perpetua_Titling_MT", "Lucida Bright", Georgia, Serif;
		padding: 0 5px 0 5px;
		text-align: center;
		text-transform: uppercase;
	}
	
	/**
	* Sektionsüberschrift
	*/
	h3 {
		color: #000;
		font-weight: 600;
		margin: 0;
		padding: 0 5px 0 5px;
	}
	
	/**
	* Mini-Überschrift
	*/
	h4 {
		font-style: italic;
		margin: 0;
		padding: 0 5px 0 5px;
	}
	
	/**
	* Absatz
	*/
	p {
		margin: 5px 0 10px 0;
		padding: 0 5px 0 5px;
	}
	
	/**
	* Linkliste
	*/
	ul.links {
		list-style: none;
	}
	
	/**
	* Ein Eintrag in einer Linkliste
	*/
	ul.links li {
		margin: 10px 0 0 0;
	}
	
	/**
	* Ein Link in einer Linkliste
	*/
	ul.links li a {
		color: #0161ab;
		text-decoration: underline;
	}
	
/*------------------------------------------------------------------------------------------------------*/

/**
 * Allgemeine Klassen
 * @section general
 */

	/**
	* Etwas wichtiges hervorgeben
	*/
	.important {
		font-weight: 600;
	}