/* 
Ana Carolina Libanio - Pianistin & Klavierunterricht
http://www.anacarolinalibanio.com
Description: Pianistin, Klavierlehrerin
Author: farbenkult Berlin
Author URI: http://www.farbenkult.de
*/

*{
	margin:0;
	padding:0;
	border: none;
	list-style:none;
}
html {
    background: black;
    color: #0f00d8;
}
body {
    background: #0f00d8 /* url(../images/pianistin-ana-libanio-klavierstunden-berlin.jpg) repeat-x fixed center top;  intensives dunkles Blau: #0F1123 */;
    color: #f1f1f1;
    font-family: Arial, Verdana, sans-serif, Helvetica;
    font-size: 9pt;
    line-height: 20px;
    min-height: 100%;
    position: absolute;
    width: 100%;
	text-transform: lowercase;
	
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
hr {
	margin: 0 0 18px 0; background-color: #434144; height: 1px;
}
h1, h2, h3 {
	font-weight: normal; 
}
h1 {
	margin-bottom: 4px; font-size: 16pt; color: #434144;
}
#banner-left h1 {
	color: #f3f7ff;
}
h2 {
	font-size: 10pt; text-transform: uppercase; line-height: 24px; margin-bottom: 12px; color: #7e7a80;
}
h3 {
	color: #7E7A80; font-size: 13pt; margin-top: 12px; margin-bottom: 4px;
}
p {
	margin: 0;
}
b {
	font-weight: normal;
	text-transform: uppercase;
}
hr {
	border-top: dotted #7e7a80 1px; background-color: transparent; height: 2px;
}
/* RECHN Font-Definition CSS3
----------------------------------------------------------------------------------------------------*/
@font-face {
	font-family: 'CenturyGothicRegular';
	src: url('../fonts/gothic-webfont.eot');
	src: local('☺'), url('../fonts/gothic-webfont.woff') format('woff'), url('../fonts/gothic-webfont.ttf') format('truetype'), url('../fonts/gothic-webfont.svg#webfontUsPvLvVZ') format('svg');
	font-weight: normal;
	font-style: normal;
}


.test {font: 18px verdana; font-weight: bold;}
.visible {display: block !important;}

a {
	color: #5E6C80; text-decoration: underline;/* padding-left: 18px;*/
}
a:hover {
	text-decoration: none; /*background: transparent url(../images/a-hover.gif) left top no-repeat; padding-left: 18px;*/
}
a.img{
	background: transparent; text-decoration: none; padding: 0;
}
/* Fullscreen-Background Startseite
----------------------------------------------------------------------------------------------------*/
html,body,#bg,#bg table,#bg td,#wrapper {
width:100%;
min-height:100%;
}
#bg div {
position:absolute;
width:200%;
height:200%;
top:-50%;
left:-50%;
}
#bg td {
vertical-align: middle;
text-align: center;
}
#bg img {
min-height:50%;
min-width:50%;
margin:0 auto;
display:block;
}
#wrapper {
position:absolute;
top:0;
left:0;
z-index:70;
overflow:auto;
}
.home {
	background: transparent url(../images/rechn-enter-website.png) right top no-repeat;
}
.enter-site {
	display: block;
	width: 98%;
	height: 98%;
	margin: 0 auto;
}

/* ID´s
----------------------------------------------------------------------------------------------------*/
/* Containers
----------------------------------------------------------------------------------------------------*/
#container {
	position: relative; margin: 20px auto; width: 960px;
}
/*
	#menu {
		position: fixed;
		left: 0;
		top: 45px;
		width: auto;
		height: auto;
		z-index: 99;
		margin-left: 2%;
		background-color: transparent;
		filter:alpha(opacity=50); IE
		-moz-opacity:0.5;  Gecko-Browser
		opacity:0.5;  Opera 9+ 
	}

	#menu ul {
		width: auto;
		padding: 6px;
		line-height: 24px;
		color: black;
	}
	#menu ul li {
		margin-bottom: 2px;
	}
	#menu ul li:hover {
		background: green;
	}
	#menu ul li:active {
		background: transparent;  url(../images/main-active.jpg) right top no-repeat
	} */
.main-active {
	background: transparent; /* url(../images/main-active.jpg) right top no-repeat*/
}
a.active {
	background: transparent url(../images/a-hover.gif) left top no-repeat;
}
#header {
    height: auto;
    position: relative;
	background: transparent;
	width: 940px;
	margin-top: 40px;
	margin-bottom: 40px;
	border-bottom: 1px dotted #D8E8FE;
}
#header #logo {
	position: relative;
	background-color: transparent;
	padding: 2px 0 0 20px;
}
	/*filter:alpha(opacity=50);  IE 
	-moz-opacity:0.5;  Gecko-Browser 
	opacity:0.5;  Opera 9+ 
	color: black;*/
#logo {
	display: block; float: right;
}
#logo a {
	text-decoration: none; color: #ebebeb;
}
#freeart, #maler-und-grafiker, #menu a {
	text-transform: uppercase;
}
#freeart {
	color: #fff;
	font-size: 18px;
	display: block;
	float: left;

}
#maler-und-grafiker {
	font-size: 14px;
}
#empty-space {
	min-height: 20px;
}
#header #menu {
	position: absolute;
	padding: 2px 0;
	background: transparent;
}
#menu {
	height: 20px;
}

#content {
	margin-bottom: 24px;
	border-bottom: 1px dotted #D8E8FE;
}
.full-content {
	background: transparent; width: 960px; display: block; float: left; margin: 18px 0;
}

#banner-left, #content-left {
	display: block;
	float: left;
	background: #transparent;
	height: 465px;
	width: 270px;
	margin-right: 0;
	padding: 20px;
	color: #f3f7ff;
}
#banner-left {
	padding: 0;
	
	width: 310px;
	text-align: center;
}
#banner-left a {
	color: white;
}

#banner-right, #content-right {
	background: #fff;
	height: auto;
	margin-left: 0;
	min-width: 1px;
	float: right;
	width: 650px;
}
#banner-right {
	background-color: #a3b4a1;
}
#banner-right h1  {
	color: white;
	padding: 20px 0 0 20px;
}
#banner-right h2 {
	padding: 10px 0 0 0;
}
#banner-right p  {
	padding: 10px 0 10px 0;
}
#banner-right ul li {list-style-type: circle; margin-left: 16px;}
#content-left, #content-right {
	background: transparent;
	color: #434144;
}
#content-right {
	padding: 20px; width: 620px; height: auto;
}

.imageSubline {
	text-align: right; font-size: 8px; letter-spacing: 1px; padding-right: 4px; color: #7E7A80;
}
#zitat {
	width: 960px; height: 32px; font-size: 18pt; margin-bottom: 24px; padding: 16px 0 0 0px; background: url(../images/bg-headline.jpg) left center no-repeat #ebebeb; text-align: center; color: #5E6C80;
}
#teaser-left, #teaser-center, #teaser-right {
	float: left; background: #ebebeb; width: 270px; padding: 20px; text-align: justify; height: 425px;
}
#teaser-left, #teaser-center {
	margin-right: 15px;
}
.divider {
	height: 18px;
}
.single, .double {
	margin-right: 15px; float: left; background: #ebebeb; width: 270px; padding: 20px; text-align: justify; height: auto;
}
.double {
	width: 595px; margin: 0; background: #ebebeb;  float: right;
}
.double p {
	margin: 0 0 8px 0;
}
.double ul {
	margin-bottom: 20px; margin-top: 0;
}
.double ul li {
	list-style-type: circle; margin: 0 0 0 20px;
}
.double-divider {
	display: block; background: #F3F7FF; height: 5px; margin-bottom: 10px;
}
#footer {
	text-align: center !important; font-size: 8pt; margin-top: 20px;
}
.block {
     overflow: hidden !important;
     float: left; }

.imgLeft {float: left; padding-right: 20px;}
.imgRight {float: right; padding-left: 20px;}
	 
/* submenu
----------------------------------------------------------------------------------------------------*/
.single ul {
	list-style-type: none;
}
.single ul li {
	background: #5E6C80; height: 24px; display: block; margin: 2px 0;
}
.single ul li a {
	background: #F3F7FF; padding: 4px 20px 0; height: 20px; width: 206px; text-align: left; float: right; text-decoration: none;
}
.single ul li a:hover {
	width: 210px; padding: 2px 18px;
}
.single ul li.sub-active a {
	color: #5E6C80; width: 210px; padding: 3px 20px 0;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.big {
	font-size: 14px;
}
.link {
	height: 160px !important;
}