/*
project Name: schoene-aussichten-coaching.de
project URI: http://ants-and-butterflies.de/bvdd
Description: css for schoene-aussichten-coaching.de
Author: frank 
Author URI: http://ants-and-butterflies.de
Version: 0.1
*/

@font-face {
    font-family: 'MuseoSlab500Regular';
    src: url('../fonts/exljbris_-_museoslab-500-webfont.eot');
    src: url('../fonts/exljbris_-_museoslab-500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/exljbris_-_museoslab-500-webfont.woff') format('woff'),
         url('../fonts/exljbris_-_museoslab-500-webfont.ttf') format('truetype'),
         url('../fonts/exljbris_-_museosans-500-webfont.svg#MuseoSans500Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;padding: 0;border: 0;outline: 0;
    font-size: 100%;vertical-align: baseline;
    background: transparent;
}
body  {
    line-height: 1em;
    background:url('../static/bg_flaechen.gif') 0px 0px;
}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
h1{
	font-size: 32px;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 18px;
}
h2{
	font-size: 18px;
}
ol, ul {
	list-style: none;
}
a img {
	border: none;
}
ul.bulletlist, div.titel ul, div.text ul {
    list-style:disc;
    margin-left:18px;
}

p.p1 {
	margin-bottom: 2em;
}

p.p5 {
	margin: 1.5em 0;
	color: #0093D3;
}
/* =Layout
-------------------------------------------------------------- */
/*
LAYOUT: eine seite mit verteilten layern, grosses hintergrundbild
*/

#container {
	position:relative;
	width: 1017px;
	margin: 0 auto;
}
#header {
	width: 934px;
	height:30px;
	position: fixed;
	z-index: 100;
}

#content {
	position:absolute;
	top:0px;
	margin-top:-65px;
	margin-left: 230px;
	overflow: visible;	 
	z-index: 1;
}
div.footernav {
	position:fixed;
	bottom:10px;
	width:240px; 
	padding:0 5px 0 5px;
	background:#fff;
	font-size:.625em;
	z-index:500;
}
div.footernav a:link	{ color:#333; text-decoration:none; font-family: verdana, sans-serif;  }
div.footernav a:visited { color:#333; }
div.footernav a:hover	{ color:#0093D3; }	
div.footernav a:active	{ color:#0093D3; }

/* =Fonts
-------------------------------------------------------------- */
body {
	font-family: 'MuseoSlab500Regular',Times,serif;
	color:#333;
}
input,textarea,
{
	font-family: 'Verdana',Arial,sans-serif;
	color: #000;
	background-color: #fff;
} 
input[type=submit] {
	font-family: "Verdana", Arial, sans-serif;
}

/* =Header
-------------------------------------------------------------- */
#logo {
	width: 230px;
	height: 345px;
	float:left;
	display: block;
	background-color: #0093D3;
}
#logo h1 {
	color: #fff;
	font-size: 26px;
	font-weight:normal;
	line-height: 30px;
	letter-spacing:1px;
	margin: 143px 0 20px 20px;
}
.logolink{
	color: #fff;
	text-decoration: none;
}
.logolink:link,.logolink:visited, {
	color: #fff;
	text-decoration: none;
}
#logo h2 {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 20px 15px;
}
div.topnavi {
	height: 25px;
	display: block;
	background-color: #fff;
}
div.topnavi ul.mainnav  li {
	float:left;
	font-size: 11px;
	letter-spacing:0.1em;
	line-height: 1em;
	/*margin: 7px 0 5px 18px;*/
    margin: 0px 0 5px 0px;
	width:134px;
	border-right:2px solid #F2EEE9;
    text-transform: uppercase;
}
div.topnavi ul.mainnav  li a{
    display:block;
    padding-top: 7px;
    text-align: center;
    height: 18px;
}
div.subNav{ }
div.topnavi div ul.subnav {  padding:15px 10px 10px 18px; background:#fff; }
div.topnavi div.sub1 { position:absolute;top:25px; left:231px;  display:none; }
div.topnavi div.sub2 { position:absolute;top:25px; left:332px;  display:none; }
div.topnavi div.sub3 { position:absolute;top:25px; left:524px;  display:none; }
div.topnavi div.sub4 { position:absolute;top:25px; left:671px;  display:none; }
div.topnavi div.sub5 { position:absolute;top:25px; left:773px;  display:none; }
div.topnavi div ul.subnav  li {
	color: #0093D3;
	font-size:.75em;
	line-height: 1.2em;
	margin:0;
	white-space:nowrap;
	background:#fff;
}
li a:link,li a:visited {
	color: #000;
	text-decoration: none;
}
li a:active,li a:hover {
	color: #0093D3;
	text-decoration: none;
}
#subhintergrund {
	height: 95px;
	width: 400px;
	float:left;
	display: block;
	background-color: #fff;
}
#kontaktbutton {
	position:absolute;
	width: 90px;
	left:945px;
	top:38px;
	height: 90px;
	display: block;
}

/* =Content
-------------------------------------------------------------- */
#sac {
	margin-top:216px;
}
#numero1, #numero2, #numero3, #numero4, #numero5, #numero6 {
	width:8000px;
}
#kontakt {
	width:4500px;
}
div.hauptstrang {
    position:relative;
    left:2px;
    overflow:auto;
    display: block;
    margin-bottom:200px;
    clear:both;
    border: 0px dotted red;
}
div.col1, div.col2, div.col3,div.col4,div.col5,div.col6 {
    float:left;
    border: 0px dotted blue;
}
.titel {
	float:left;
	position:relative;
	width:275px;
	margin-bottom:90px;
	padding: 30px 25px 90px 15px;
	background-color: #fff;
	display: block;
	font-size: 17px;
	color:#333;
	line-height: 20px;
	/* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape/FireFox */
    -moz-opacity: 0.9;
    /* Safari 1.x */
    -khtml-opacity: 0.9;
    /* aktuelle Browser */
    opacity: 0.9;
    color:#000;
}
#numero5.hauptstrang .col1 .titel {
 	filter: alpha(opacity=100);
    /* Netscape/FireFox */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* aktuelle Browser */
    opacity: 1;
}
.normal{
    font-size: 0.8em!important;
}
div.titel li{
    margin-top: -16px;
}
.titel h1 {
	color: #0093D3;
	font-size: 17px;
	line-height: 20px;
	margin: 0 0 20px 0;
}
.abstract {
	color: #000;
	font-size: 1em;
	line-height: 1.2em;
}
.text {
	float:left;
	position:relative;
	width:345px;
	margin-bottom:90px;
	margin-left:2px;
	padding: 30px 25px 90px 15px;
	background-color: #fff;
	font-size: 0.85em;
	line-height: 20px;
	display: block;
	/* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape/FireFox */
    -moz-opacity: 0.9;
    /* Safari 1.x */
    -khtml-opacity: 0.9;
    /* aktuelle Browser */
    opacity: 0.9;
    color:#000;
}

h1.daten  {
	color: #0093D3;
	font-size: 17px;
	line-height: 20px;
}
.datenschutz {
	display: none;
	position:absolute;
	top: 50px;
	left: 250px;
	z-index: 100;
	width:545px;
	/*height: 6500px;*/
	margin-bottom:90px;
	margin-left:4px;
	padding: 30px 25px 90px 15px;
	background-color: #fff;
	font-size: 0.85em;
	line-height: 20px;

	/* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape/FireFox */
    -moz-opacity: 0.9;
    /* Safari 1.x */
    -khtml-opacity: 0.9;
    /* aktuelle Browser */
    opacity: 0.9;
    color:#000;
}
.datenschutz .datenschutz-button {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 1rem;
	color: #0093d3;
	cursor: pointer;
}
.noDisplay{
    height: 1px;
    overflow: hidden;
    visibility: hidden;
}
span.textleft {
	margin-bottom:90px;
	margin-left:2px;
	padding: 0px 25px 0px 0px;
	background-color: #fff;
	font-size: .85em;
	line-height: 20px;
	display: block;
	/* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape/FireFox */
    -moz-opacity: 0.9;
    /* Safari 1.x */
    -khtml-opacity: 0.9;
    /* aktuelle Browser */
    opacity: 0.9;
    color:#000;
}
.subheadline {
	font-size: 0.85em;
	line-height: 20px;
	letter-spacing:0.1em;
	text-transform:uppercase;
}
.pfeil {
	padding: 30px 25px 30px 15px;
	margin-left:2px;
	background-color: #fff;
	float:left;
	position:relative;	color: #0093D3;
	font-size: 1.5em;
	line-height: 1em;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape/FireFox */
    -moz-opacity: 0.9;
    /* Safari 1.x */
    -khtml-opacity: 0.9;
    /* aktuelle Browser */
    opacity: 0.9;
    color:#0093D3;
}
.blau {
	color: #0093D3 !important;
}
.link	{
	color:#000; text-decoration:underline;}			
a.link:link		{
	color:#000000;text-decoration:underline;
	}
a.link:visited	{
	color:#000000;
}			
a.link:hover	{
	color:#0093D3; 
}	
a.link:active	{
	color:#0093D3;
}
.blaulink	{
	color:#0093D3; text-decoration:underline;}			
a.blaulink:link		{
	color:#0093D3;text-decoration:underline;
	}
a.blaulink:visited	{
	color:#0093D3;
}			
a.blaulink:hover	{
	color:#000; 
}	
a.blaulink:active	{
	color:#000;
}
/* =Images
-------------------------------------------------------------- */

/* =Navigation
-------------------------------------------------------------- */

/* =Footer
-------------------------------------------------------------- */

#footer {
	margin-bottom: 20px;
}

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}

/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
}