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

	Theme Name: Kerstin Schmidt
	Theme URI: http://www.ks-coaching-beratung.de/
	Author: Stefanie Hafner
	Author URI: http://www.stefanie-hafner.de

-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	globale Angaben
	2.	Absaetze
	3.	Menue und Links
	4.	Textelemente
	5.	Tabellen und Auflistungen
	6.	Optik - Bilder und Linien
	10.	Divs

	Farben:
	Aubergine: #a02566
	Hellbraun: #b19c8d
	Hellgrau: #868786
	Fliesstextfarbe: #565655
	Zitatfarbe: #3d3d3d

	Schriften:
	Raleway Light, Georgia italic
	Georgia, italic

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

/*-----------------------------------------------------------------------------------*/
/*	externe Schrift
/*-----------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Raleway:400,300);

/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset & Clearfix
/*-----------------------------------------------------------------------------------*/


* {
padding: 0;
margin: 0;
border: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	1.	globale Angaben
/*-----------------------------------------------------------------------------------*/

html {

background-color:#FFFFFF;
color:#565655;
font-family: 'Raleway', Arial, Tahoma, Helvetica, sans-serif;
font-weight:400;
font-size:12px;
line-height:18px;
}

body {
font-family: 'Raleway', Arial, Tahoma, Helvetica, sans-serif;
font-weight:400;
color:#565655;
font-size:12px;
line-height:18px;
}

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


.links
{
float: left;
margin: 0 0.5em 0.5em 0;
}

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

/*-----------------------------------------------------------------------------------*/
/*	2.	Absaetze
/*-----------------------------------------------------------------------------------*/

p {
padding-bottom: 15px;
}

p.blanko {
padding-bottom: 0;
}




/*-----------------------------------------------------------------------------------*/
/*	3.	Links
/*-----------------------------------------------------------------------------------*/

a:active, a:focus{outline: none}


a.txtlnk, a.txtlnk:link, a.txtlnk:visited, a.txtlnk:active, a.txtlnk:focus
{
color:#565655;
text-decoration:none;
}

a.txtlnk:hover
{
color:#a02566;
text-decoration:none;
}

a.txtlnkanker, a.txtlnkanker:link, a.txtlnkanker:visited, a.txtlnkanker:active, a.txtlnkanker:focus
{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:11px;
color:#a02566;
text-decoration:none;
}

a.txtlnkanker:hover
{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#000000;
font-size:11px;
text-decoration:none;
}

a.txtlnkankerpassiv, a.txtlnkankerpassiv:link, a.txtlnkankerpassiv:visited, a.txtlnkankerpassiv:active, a.txtlnkankerpassiv:focus
{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:11px;
color:#868786;
text-decoration:none;
}

a.txtlnkankerpassiv:hover
{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#000000;
font-size:11px;
text-decoration:none;
}

a.txtlnkblack, a.txtlnkblack:link, a.txtlnkblack:visited, a.txtlnkblack:active, a.txtlnkblack:focus
{
color:#000000;
text-decoration:none;
}

a.txtlnkblack:hover
{
color:#a02566;
text-decoration:none;
}


a.footerlnk, a.footerlnk:link, a.footerlnk:visited, a.footerlnk:active, a.footerlnk:focus
{
color:#565655;
text-decoration:none;
padding-left:2px;
text-transform:uppercase;
font-size:9px;
}

a.footerlnkaktiv, a.footerlnkaktiv:link, a.footerlnkaktiv:visited, a.footerlnkaktiv:active, a.footerlnkaktiv:focus,
a.footerlnkaktiv:hover,
a.footerlnk:hover
{
color:#a02566;
padding-left:2px;
text-decoration:none;
text-transform:uppercase;
font-size:9px;
}

a.footerlnk2, a.footerlnk2:link, a.footerlnk2:visited, a.footerlnk2:active, a.footerlnk2:focus
{
color:#565655;
text-decoration:none;
}

a.footerlnk2:hover
{
color:#a02566;
text-decoration:none;
}




/*-----------------------------------------------------------------------------------*/
/*	4.	Textelemente
/*-----------------------------------------------------------------------------------*/


h1
{
font-size:16px;
line-height:22px;
color:#b19c8d;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
padding-top:3px;
}


h2
{
font-weight: 400;
color:#a02566;
font-size:12px;
padding-bottom:3px;
}

h3
{
font-size:18px;
line-height:24px;
color:#3d3d3d;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
padding-top:3px;
}

h3.titelbraun
{
font-size:16px;
line-height:22px;
color:#b19c8d;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
padding-top:3px;
}

h4, h5, h6
{
font-weight: 400;
color:#a02566;
font-size:15px;
padding-top:3px;
}


.txtlila15px
{
color:#a02566;
font-size:15px;
padding-top:3px;
}

.txtlila
{
color:#a02566;
}

.txtbraun
{
color:#b19c8d;
}

.txtgrau
{
color:#868786;
}

.txtschwarz
{
color:#000000;
}

.txtweiss
{
color:#ffffff;
}


.txtbold
{
font-weight:400;
}

.txthellkl
{
font-size:10px;
}

.zitatende
{
color:#868786;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-style:italic;
}

.zitatendeweiss
{
color:#565655;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-style:italic;
}

.anitext
{
font-size:16px;
line-height:24px;
color:#a02566;
}

.anilogo
{
position: absolute;
top: 20px;
right: 0;
width: 192px;
margin-bottom: 10px
}

.anilogo a img
{
border: 1px solid #fff !important;
}

.anilogo a img:hover
{
border: 1px solid #a02566 !important;
}



/*-----------------------------------------------------------------------------------*/
/*	5.	Tabellen und Auflistungen
/*-----------------------------------------------------------------------------------*/

td
{
 text-align:left;
}


ul
{
list-style:none;
text-align:left;
}

li
{
font-size:11px;
padding-bottom:3px;
padding-top:3px;
}

ul.txtliste
{
list-style:none;
margin:0 0 -10px 0px;
padding: 0 0 15px 0;
}


ul.txtliste li
{
padding-left:15px;
background-image:url(../images/pfeil.png);
background-position:0 8px;
background-repeat:no-repeat;
font-size:12px;
line-height:18px;
}

/* ------ Hauptmenue  - ---------- */

ul.menuhtp
{
padding:0;
margin:0;
display: block;
list-style:none;
padding-top:2px;
padding-bottom:15px;
text-align:left;
width:510px;
}


 ul.menuhtp li
{
text-decoration:none;
list-style: none;
display: inline-block;
width:70px;
margin-right:20px;
padding-left:10px;
border-bottom:solid 1px #868786;
text-transform:uppercase;
background-image:url(../images/punkte-grau.png);
background-repeat:no-repeat;
background-position:0 11px;
}

 ul.menuhtp li.active
{
text-decoration:none;
list-style: none;
display: inline-block;
width:70px;
margin-right:20px;
padding-left:10px;
border-bottom: solid 2px #bca99d;
background-image:url(../images/punkte-rot.png);
background-repeat:no-repeat;
background-position:0 11px;
}

 ul.menuhtp li:last-child
{
margin-right:0;
width:65px;
}

 ul.menuhtp li a:link,
 ul.menuhtp li a:visited
{
font-weight:normal;
color:#868786;
line-height:22px;
font-size:11px;
text-decoration:none;
background:none;
}

 ul.menuhtp li.active a:link,
 ul.menuhtp li.active a:visited
{
line-height:22px;
font-size:11px;
color:#a02566;
text-decoration:none;
}

 ul.menuhtp li a:hover,
 ul.menuhtp li a:active,
 ul.menuhtp li a:focus
{
line-height:22px;
font-size:11px;
color:#a02566;
text-decoration:none;
}

 ul.menuhtp li.likurz
{
margin-right:0;
width:70px;
/* background-color:green; */
}


/*-----------------------------------------------------------------------------------*/
/*	6.	Optik - Bilder und Linien
/*-----------------------------------------------------------------------------------*/

img, a img
{
border: 0;
}

img.refimg
{
border: 0;
padding-bottom:10px;
}

hr
{
 border: 0; /* F�r Firefox und Opera */
 padding-bottom:15px;
 padding-top:1px;
 border-bottom: 1px solid #000000;
 height: 1px;
 width:70px;
 text-align:left;
}



/*-----------------------------------------------------------------------------------*/
/*	10.	Divs
/*-----------------------------------------------------------------------------------*/

#headerwrapper2endlevel {
clear: both;
text-align: center;
width:100%;
height:455px;
background-color:#ffffff;
position:fixed;
top:0;
left:0;
z-index:2000;
}

#jumperwrapper {
clear: both;
text-align: center;
width:100%;
height:485px;
position:absolute;
top:0;
left:0;
z-index:2;
}

#jumper1 {
clear: both;
height:670px;
z-index:2;
}

#jumper2 {
clear: both;
height:647px;
z-index:2;
}


#jumper3 {
clear: both;
height:500px;
z-index:2;
}



#headerwrapper {
clear: both;
text-align: center;
width:100%;
height:413px;
background-color:#ffffff;
border-bottom: solid 1px #565655;
/* position:fixed;
top:0;
left:0;
z-index:2000; */
}

#headerwrapperrelativ {
clear: both;
text-align: center;
width:100%;
height:413px;
background-color:#ffffff;
border-bottom: solid 1px #565655;
}


#headerbox {
clear: both;
width:860px;
height:413px;
text-align:left;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-text-size-adjust: none;
}

#headerspacer {
clear:both;
float:left;
width:860px;
height:40px;
text-align:left;
-webkit-text-size-adjust: none;
}


#logobox {
clear:both;
float:left;
width:425px;
width:400px;
margin-left:233px;
text-align:left;
-webkit-text-size-adjust: none;
}

#menuespacer
{
clear:both;
float:left;
width:860px;
height:10px;
text-align:left;
-webkit-text-size-adjust: none;
}

#menuespacer2
{
clear:both;
float:left;
width:860px;
height:7px;
text-align:left;
-webkit-text-size-adjust: none;
}

#menuespacer3
{
clear:both;
float:left;
width:860px;
height:1px;
text-align:left;
-webkit-text-size-adjust: none;
}

#menuebox {
clear: both;
float:left;
width:860px;
height:50px;
text-align:left;
-webkit-text-size-adjust: none;
}

#menuebtn {
clear: both;
float:left;
height:auto;
margin-left:357px;
width:510px;
text-align:left;
/* background-color:red; */
-webkit-text-size-adjust: none;
}


#bildbanner {
clear: both;
width:860px;
min-height:230px;
text-align:left;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-text-size-adjust: none;
}


.bannerberatung {
background-image:url(../images/bildband-beratung.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.bannerprofil {
background-image:url(../images/bildband-profil.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.bannerkontakt {
background-image:url(../images/bildband-kontakt.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.bannercoaching {
background-image:url(../images/bildband-coaching.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.bannerstartseite {
background-image:url(../images/bildband-startseite.jpg);
background-position:top left;
background-repeat:no-repeat;
min-height:249px;
}



#bannertxt {
float:left;
height:auto;
padding-left:465px;
width:393px;
padding-top:19px;
text-align:left;
-webkit-text-size-adjust: none;
}

#bannertxthome {
float:left;
height:auto;
padding-left:455px;
width:393px;
padding-top:19px;
text-align:left;
-webkit-text-size-adjust: none;
}

#bannerinhalthome {
clear:both;
float:left;
height:auto;
text-align:left;
padding:10px;
-webkit-text-size-adjust: none;
background-image:url(../images/weiss.png);
background-repeat:repeat;
}

#bannerinhalt1 {
clear:both;
float:left;
height:auto;
text-align:left;
border-left: 1px solid #565655;
padding-left:10px;
-webkit-text-size-adjust: none;
font-size:16px;
line-height:24px;
color:#a02566;
margin-bottom:33px;
}

#bannerinhalt1start {
clear:both;
float:left;
height:auto;
text-align:center;
border-left: 1px solid #565655;
padding-left:10px;
-webkit-text-size-adjust: none;
font-size:16px;
line-height:24px;
color:#a02566;
width:364px;
margin-bottom:0;
}

#bannerinhalt2 {
clear:both;
float:left;
height:auto;
text-align:left;
margin-left:8px;
-webkit-text-size-adjust: none;
font-size:16px;
line-height:22px;
color:#b19c8d;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
width:364px;
}

#bannerinhalt3 {
clear:both;
float:left;
height:auto;
text-align:left;
padding-left:243px;
padding-top:150px;
-webkit-text-size-adjust: none;
font-size:12px;
line-height:22px;
color:#a02566;
}

#bannerinhalt4 {
clear:both;
float:left;
height:auto;
text-align:right;
-webkit-text-size-adjust: none;
color:#ffffff;
}

#ankerwrapper {
clear: both;
text-align: center;
width:100%;
/* background-color:red; */
}

#ankerbox {
clear: both;
width:860px;
text-align:left;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-text-size-adjust: none;
}

#ankercontent {
clear: both;
float:left;
padding-left:242px;
padding-top:15px;
text-align:left;
-webkit-text-size-adjust: none;
}


div.ankertxt1 {
float:left;
width:200px;
border-bottom: 1px dotted #565655;
}

div.ankertxt2 {
float:left;
width:170px;
border-bottom: 1px dotted #565655;
}

div.ankertxt3 {
float:left;
width:190px;
border-bottom: 1px dotted #565655;
}

.ankerspace1
{
margin-right:30px;
}

.ankerspace2
{
margin-right:28px;
}



#contentwrapper {
clear: both;
text-align: center;
width:100%;
}

#contentbox,
#contentbox2,
#contentbox3 {
clear: both;
width:860px;
text-align:left;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-text-size-adjust: none;
}

#contenttxt,
#contenttxt2,
#contenttxt3 {
clear: both;
margin-top:25px;
padding-left:233px;
-webkit-text-size-adjust: none;
}

#contenttxtcoaching {
clear: both;
margin-top:45px;
padding-left:233px;
-webkit-text-size-adjust: none;
}


#contenttxtstart {
clear: both;
margin-top:25px;
padding-bottom:30px;
-webkit-text-size-adjust: none;
}

#contentzitat,
#contentzitat2,
#contentzitat3 {
clear: both;
padding:45px 25px;
-webkit-text-size-adjust: none;
}

div.txttitelbraun {
clear: both;
float:left;
padding-top:1px;
padding-bottom:20px;
-webkit-text-size-adjust: none;
}

div.txtcol {
float:left;
width:170px;
padding-left:11px;
padding-right:15px;
background-image:url(../images/txtcolback.png);
background-position:10px 0;
background-repeat:no-repeat;
padding-top:15px;
-webkit-text-size-adjust: none;
}

div.txtcolfirst {
width:200px;
padding-left:10px;
padding-right:20px;
}

div.trenner {
border-left: 1px dotted #565655;
}

div.punktlinie
{
background-image:url(../images/punkte2.png);
background-repeat:repeat-y;
background-position:10px 0;
}


#footertxt {
clear: both;
width:860px;
min-height:85px;
padding-top:5px;
padding-bottom:25px;
border-top: 1px dotted #565655;
-webkit-text-size-adjust: none;
}

#footer1 {
float:left;
width:243px;
padding-top:4px;
font-size:9px;
line-height:14px;
-webkit-text-size-adjust: none;
}

#footer2 {
float:left;
width:217px;
font-size:10px;
line-height:14px;
-webkit-text-size-adjust: none;
}

#footer3 {
float:left;
width:397px;
font-size:10px;
line-height:14px;
text-align:left;
-webkit-text-size-adjust: none;
}



#slideshow {
    position: relative;
    width: 860px;
    height: 140px;
	background-image:url(../images/homekreise-gr.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#slideshow > div {
    position: absolute;
	background-color:#ffffff;
    top: 0;
    left: 0px;
    right: 10px;
    bottom: 10px;
	padding-left:245px;
	padding-top:25px;
}

.bildhome1 {
background-image:url(../images/homekreise1-gr.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.bildhome2 {
background-image:url(../images/homekreise2-gr.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.bildhome3 {
background-image:url(../images/homekreise3-gr.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.callout {
border-top: 1px dotted #565655;
}

.callout img {
float: left;
margin-top:25px;
}

.callout span {
float: left;
padding: 60px 0 0 50px;
}

.callout a {
color: #565655;
}

.callout a:hover {
color: #a02566;
}

/* --------- ABFRAGE fuer MOBIL --------- */


@media screen and (max-width: 1000px) {

	#headerwrapper, #headerwrapper2endlevel
	{
	position:relative;
	}


	#contenttxt, #contenttxt2, #contenttxt3, #contenttxtstart, #contenttxtcoaching
	{
    margin-top:25px;
  	}
}
