@charset "UTF-8";
/* =======================================
Projekt:  	claudiafreimuth.de
Design: 	Claudia Drecksträter, www.claudia-dreckstraeter.de
Coding: 	Hans-Jörg Rüstemeier, www.ruestemeier.net
Erstellt: 	07.05.2010
*/
/* Farben und Kastenformatierungen ausgelagert */
@import url(userstyles.css);

body {
    font-family: Calibri, Arial, Helvetica, Verdana, sans-serif;
    /*font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;*/  
    /*font-family: 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif;*/
    font-size: 62.5%;	/* 10px */
    line-height: 16px;
    color: #555;
    background-color: white;
    background-image: url(img/basic/bg_gruen.gif);
    background-position: center 198px;
    background-repeat: repeat-x;
    margin: 0;
}

a {
	color: inherit;
    text-decoration: underline;
}
a:hover { text-decoration: none; color: #993; }
a img { border:none; }

/*p { margin: 0; }*/
p, ul {
	margin-top: 0;
    margin-bottom: 16px;
}

h2, h3, h4 { font-size: 1em; margin-top: 16px; }
h2, h3 { font-weight: bold; }
h2 { margin-bottom: 16px; }
h3, h4 { margin-bottom: 0; }
h4 {
	font-weight: normal;
    color: #993;
}

address { font-style: normal; }

.cms-editable {}
.cms-repeat {}

/* Klassen  für Farben und Kastenformatierungen – auch für den Tiny MCE Editor – siehe userstyles.css */

.clearfix:after {
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
/* IE-Patch für IE */
.clearfix { display: inline-block; }
/* vor IE5/mac verstecken: Commented Backslash Hack \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende Versteckspiel für IE5/mac */

#wrapper {
	position: relative;
	width: 800px;
    margin: 0 auto;
}

#logo {
	position: relative;
	height: 143px; /* + 55 = 198 */
    padding-top: 55px;
}
#logo h1 { margin: 0; }

#navigation {
	font-family: 'Arial Black', Impact, Arial, Helvetica, sans-serif;
    font-size: 1.25em;
	position: absolute;
    left: 0;
    bottom: 6px;
    width: 800px;
}
#navigation ul {
    padding: 0;
	margin: 0;
}
#navigation li {
	display: inline;
    list-style-type: none;
    padding: 3px 0 0 0;
    border-left: 1px solid #cc6;
	margin: 0;
}
#navigation a:hover {
    color: #ccc;
}
#navigation a {
    text-decoration: none;
    text-transform: lowercase;
    padding: 2px 10px 1px 14px;
}
ul#seiten {
	width: 500px;
    margin-top: 9.5px;
    float: left;
}
#seiten a {
    color: #cc6;
}
li#nav-mehrwert { border: none; }
#nav-mehrwert a {padding-left: 0; }

ul#kommunikation { text-align: right; }
#kommunikation a {
    color: #ccc;
}
li#nav-kontakt { border: none; }
#nav-kontakt a:hover{ color: #cc6; }
li#nav-networks { padding-left: 11px; }
#nav-networks a {
	padding: 3px;
}

/* highlights */
#mehrwert #nav-mehrwert a,
#angebote #nav-angebote a,
#projekte #nav-projekte a,
#freimuth #nav-freimuth a,
#kontakt #nav-kontakt a
{
	color: #522;
    border: none;
}

#fotobalken {
	margin-bottom: 16px;
}

#text {
	position: relative;
    font-size: 1.42em;
	margin-bottom: 2em;
}
#text ul {
	padding: 0;
    margin-left: 0;
    margin-right: 0;
}
#text ul li {
	list-style-type: none;
	background-image: url(img/basic/bulletpoint.gif);
    background-position: left top;
    background-repeat: no-repeat;
	padding: 0 0 0 2em;
    margin: 0;
}

#col-schmal {
    font-size: 0.92em;
    color: #300;
    width: 165px;
    margin-top: 1px;
    float: left;
}
#col-schmal p { margin-bottom: 16px; }
#mehrwert #col-schmal {
	width: 180px;
    margin-top: -7px;
}
#mehrwert #col-schmal p,
#mehrwert #col-schmal h2 {
	background-color: #e9e9e9;
    padding: 8px 9px 8px 11px;
    margin-bottom: 2px;
}
#col-breit {
	width: 572px;
    float: right;
	margin: 0 18px 0 0;    
}
#col-video {
	position: absolute;
    top: 1px;
    left: 800px;
    font-size: 0.92em;
    color: #300;
    width: 155px;
}
#col-video p {	
	font-size: 0.95em;
    margin-top: 2px;
}
#col-links {
	position: relative;
	width: 385px;
    float: left;
}
#col-rechts {
	width: 385px;
    float: right;
}

/* specials */

p#flowchart {
    margin-left: -80px;
    margin-top: -5px;
}

#kontakt #col-schmal { font-size: 1em; }