/* Basic - Styles

/* Farben
Neu:
Lila: rgb(75,37,129) #A60014
Hellblau: rgb(199,208,225) #C7D0E1

Text, h3, h2: #333333
H2-contact: #48.0165 rgb(72,1,101)
Logo, Teaser-bk, Menu-hover-bk, Menu-active-Text: #76418C rgb(118,65,140)75% 
Hintergrund: #C6CBE0 rgb(198, 203, 224): 
*/

body {
    background: #FFF;
    color: #333333;
    font-family: Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:14px;
	line-height:1.6em;
    margin: 0;
    padding: 0;
}

ul, ol, dl { 
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}
h1 {
    font-size: 46px; 
	font-weight:normal;
	color:#a60014;
	line-height:1.4em;
}
h2 {
    font-size: 16px; 
	color:#a60014;
	font-weight:normal;
}
h3 {
    color: #555555;
    font-size: 14px; 
}

a img { 
    border: none;
}

a:link {
    color: #A60014;
    text-decoration: none;
}
a:visited {
    color: #A60014;
    text-decoration: none;
}
a:hover {
    color: #A60014;
    text-decoration: none;
}
a:active, a:focus {
    color: #A60014;
    text-decoration: none;
}
.upper{
	text-transform:uppercase;
}
sup {
    line-height: 0.1em;
	top: -0.5em;
	font-size: 85%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}


/* ----------- Formulare / Textfelder -------------- */
.warn {
    color: red;
}
.fett {
    color:#A60014; 
    font-size: 120%;
}
.small {
    font-size: 90%;
}
.ok {
    background-color: #eeeeff;
    border: 1px solid #ccddee;
    color: green;
}
.nok {
    background-color: #ffeeef;
    border: 1px solid #ff5522;
}
.std {
    background-color: #eeeeef;
    border: 1px solid #999999;
}

/* --------------- Header ----------------- */

#back {
    background:#e7e2e4;
    height: 425px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10;

}
.ie7 #back {
    height: 415px;
}
.highlight {
    height: 360px;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}
.hl1 {
    background-image: url(../images/back-highlight.png);
    background-repeat: no-repeat;
    background-position: top left;   
    height: 425px;
    margin-left: -220px;
    width: 1280px;
	background-color:#E7E2E4;
}
.ie7 .hl1 {
	 height: 415px;
}
#pagewrapper {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    padding-left: 10px;
    width: 960px;
}

#header {
    margin-top: 0px;
    margin-bottom: 0;    
    width: 100%;
	height:400px;
	background:url(http://placehold.it/960x300/ffc9ff) 0 100px no-repeat;
	float:left;
}
#header h1, #header h2{
	float:left;
	width:500px;
}

#logotitle {
    float: left;
    margin-bottom: 10px;
    margin-top: 0px;
    width: 580px;
}
#logo {
    float: left;
    padding-left: 0;
    width: 105px;
}

#subtitle {

}
#topnavi {
    float: right;
    font-size: 86%;
    margin-top: -50px;
	text-align:right;
}

#topnavi ul {
    display: block;
    list-style: none;
}

#topnavi ul li a:link,
#topnavi ul li a:active,
#topnavi ul li a:visited {
    text-decoration: none;
	color:#333333;

}
#topnavi ul li a:hover {
    text-decoration: underline;
}

/* Override des AddThis-Plugin */
#topnavi .addthis_toolbox .first {
	padding-left: 0;
}
#topnavi .addthis_toolbox .last {
    padding-right: 0;
}


#topimage {
    margin-top: 20px;
    margin-bottom: 0px;
	width:960px;
	height:300px;
	
}


/*--------------Header Images---------------*/

body#start #header,
body#impressum #header {
	background:url(../images/banner/start.jpg) 0 100px no-repeat;
}
body#qualitaetsmanagement #header {
	background:url(../images/banner/qm.jpg) 0 100px no-repeat;
}
body#coaching #header {
	background:url(../images/banner/coaching.jpg) 0 100px no-repeat;
}
body#training #header {
	background:url(../images/banner/training.jpg) 0 100px no-repeat;
}
body#ueber-mich #header {
	background:url(../images/banner/ueber-mich.jpg) 0 100px no-repeat;
}




/* ------------------ Hauptmenu -------------------- */

#menu {
    font-weight:500;
    margin-top: -50px;
    margin-left: 28px;
    padding-bottom: 14px;
	width:100%;
	float:left;
	margin-bottom:28px;
}   	

#menu ul li {  
    display: block;
    float: left;
    height: 36px;
    margin-right: 28px;
    width: 160px;
}
#menu ul li.last {  
    margin-right: 0;
}
#menu ul li a:link,
#menu ul li a:active,
#menu ul li a:focus,
#menu ul li a:visited {
    /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.5);
	
    color: inherit;
    display: block;
    height: 28px;
    padding-top: 9px;
    text-align: center;
    text-decoration: none;
}
.ie7 #menu ul li a:link,
.ie7 #menu ul li a:active,
.ie7 #menu ul li a:focus,
.ie7 #menu ul li a:visited,
.ie8 #menu ul li a:link,
.ie8 #menu ul li a:active,
.ie8 #menu ul li a:focus,
.ie8 #menu ul li a:visited 
.ie6 #menu ul li a:link,
.ie6 #menu ul li a:active,
.ie6 #menu ul li a:focus,
.ie6 #menu ul li a:visited {
    /*background: url(../images/menu-button-link.png);
	background-repeat:repeat;*/
	background-color:#fbfbfb;
	color:#333333;
}
#menu ul li a:hover {
    /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.9);
}
.ie7 #menu ul li a {
	background: rgb(255, 255, 255);

}
.ie7 #menu ul li a:hover {
	background: rgb(255, 255, 255);

}
body#start li#startmenu a,
body#qualitaetsmanagement li#qualitaetsmanagement a,
body#coaching li#coaching a,
body#training li#training a,
body#ueber-mich li#ueber-mich a
{
    /*background: url(../images/menu-button-active.png);
    background-repeat: repeat;*/
	 /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.9);
    color: #a60014;;
    text-decoration: none;
}

/* ------------------ Teaserblock ------------------------ */

#teaserblock {    
    background: #9a000a; /*etwas dunkleres Rot wegen optischem Ausgleich*/
    margin-bottom: 28px;
    width: 100%;
	float:left;
	font-size:12px;
}

.teaser {
    background-image: url(../images/teaser_trenner.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #FFFFFF;
    display: block;
    float:left;
    margin-bottom: 0px;
    padding: 20px 18px 22px 26px;
    width: 272px;
}
.last-teaser {
	background-image:none;
	padding-right:15px;
}
.first-teaser{
	padding-left:28px;
}
.teaser h3 {
    color: #FFFFFF;
	font-weight:bold;
	font-size:12px;
}
a.teaser{
	color: #FFFFFF;
}

.ablock {
    display: block;
}

a.last-teaser ,
.last-teaser h3 {
    color: #FFFFFF;
}

/* <content>-------------------- Inhalt --------------------- */
#dummy {
    margin-bottom: 5px;
}

#main {
    margin-top: 0px;
    width: 100%;
	float:left;
	margin-bottom:20px;
}
/* ----------------------- Hauptinhalt --------------- */

#content {
    background:#FFF;
    float: left;
    padding:0 0 10px 0;
    width: 630px;
}
#content h3 {
    color: #333333;
    margin: 8px 0;
}
#content h2 {
    color: #333333;
	margin-bottom:16px;
}
#content blockquote{
	margin:0;
	padding:1em 0 0 0;
	font-style:oblique;
	border-top:1px solid #ccc;
	color:#666;
}
#content p.subline{
	margin-top:-8px;
	font-size:0.9em;
	color:#666;
	text-align:right;
}
#content p,
#content ul{
    margin-bottom: 1em;
}
#content ul {
	margin-left:1.5em;
}
#content ul li {

}

.block{
    padding: 10px 10px 0 10px;
}

.artikel {
    margin: 0 28px 25px 28px;
}

.more {
    float: right;
}
.more a {
    background-image: url('../images/button_menue.png');
    background-repeat: no-repeat;
    color: #000000;
    display: block;
    font-weight: bold;
    height: 20px;
    padding: 2px 0 0 25px;
    margin: 10px 0 10px 0;
    width: 70px;
}

.more a:link {
}
.more a:hover {
    text-decoration: underline;
}

.contact-form {
    padding: 20px;
}

.contact-form p {
    padding-bottom: 8px;
}

/* -------------------- Rechte Spalte --------------------- */

#sidebar {
    float: right;
    padding: 0 28px 10px 0;
    width: 255px;
}

/*#contact {
    background-color:#bbbbbb;
    margin-left:0px;
    margin-top:0px;
}
.front-contact {
    background-color:#A60014;
    border:1px solid #DFDFDF;
    bottom:5px;
    color: #ffffff;
    padding: 10px;
    position:relative;
    right:5px;
}
.front-contact h2{
    color: #ffffff;
}

body#start .front-contact {
    background-color:#FFFFFF;
    border:1px solid #DFDFDF;
    bottom:5px;
    color: #000000;
    position:relative;
    padding: 10px;
    right:5px;
}
body#start .front-contact h2,
.contact-form h2 {
    color: #A60014;
}
#contact ul {
    list-style: none;
}
*/
#links {
    background-color:#ffffff;
    margin-left:0px;
	padding:15px 20px;
	-moz-box-shadow: 2px 2px 6px #ccc;
	-webkit-box-shadow: 2px 2px 6px #ccc;
	box-shadow: 2px 2px 6px #ccc;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=80, Color='#ccc')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=80, Color='#ccc');
}
.ie7 #links,
.ie8 #links,
.ie6 #links{
	border:1px solid #ccc;
}
#links p.phone{
	color:#A60014;
	font-weight:bold;
	font-size:18px;
	margin:1em 0;
}
#links ul {
    list-style: none;
}
#links a {
    color: #333333;
    display: block;
    line-height: 3;
	text-decoration: underline;
}
#links a:hover {
	color:#A60014;
}

#links a.email {
    background-image: url(../images/btn-email.png);
    background-repeat: no-repeat;
    background-position: right;
}
#links a.xing {
    background-image: url(../images/btn-xing.png);
    background-repeat: no-repeat;
    background-position: right;
}
#links a.vcard {
    background-image: url(../images/btn-vcard.png);
    background-repeat: no-repeat;
    background-position: right;
}



/* ---------  float/clear-Klassen --------- */

.fltrt { 
    float: right;
    margin-left: 8px;
}
.fltlft {
    float: left;
    margin-right: 8px;
}
.clearfloat {
    clear:both;
    font-size: 1px;
    height:0;
    line-height: 0px;
}