@charset "utf-8";
/*
 * 
 * @project	www.crewett-bauser.eu
 * @author	Sigrid Lückoff <info@lueckoff-media.de>
 *
*/
@font-face {
    font-family: 'FuturaBold';
    src: url('font/futurab-webfont.eot');
    src: url('font/futurab-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futurab-webfont.woff') format('woff'),
         url('font/futurab-webfont.ttf') format('truetype'),
         url('font/futurab-webfont.svg#FuturaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'FuturaMediumCondensed';
    src: url('font/futuramc-webfont.eot');
    src: url('font/futuramc-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futuramc-webfont.woff') format('woff'),
         url('font/futuramc-webfont.ttf') format('truetype'),
         url('font/futuramc-webfont.svg#FuturaMediumCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

body  {
	margin: 10px 0 0 0; 
	padding: 0 0 0 190px;
	color: #333;
}
 #container { 
	width: 730px;  
	background: #FFFFFF;
} 
/*-------------------Header-Formatierungen----------------------------*/
 #header { 
	padding: 0 10px 0 20px;  
	text-align:right;
	font-size:11px;
	font-family: 'Futura Condensed','FuturaMediumCondensed', sans-serif;
} 
 #header h1 {
	margin: 0; 
	padding: 60px 0 0 0; 
}
 #header a{
	text-decoration:none;
	color:#333;
}
 #header a:hover{
	text-decoration:underline;
}
/*-------------------Inhalt-Formatierungen----------------------------*/
 #main {
	float: left;
	width: 485px;
	margin: 55px 0 0 0;
	font-family: sans-serif;
	line-height: 130%;
	font-size: 13px;
	text-align: justify;
}
#main a{
	text-decoration: none;
	color:#333;
}
#main a:hover{
	text-decoration: underline;
}
#main #vita td{
	padding: 0 0 7px 0;
	text-align:left;
}
#main #aktuell td{
	text-align:left;
	color: #777;
}
#main #aktuell td strong{
	text-align:left;
	color: #333;
}
#main #aktuell a{
	color: #777;
}
#main #aktuell strong a{
	color: #333;
}
#main #textsub{
	position:relative;
	top: -30px;
	left: 550px;
	font-size:11px;
	font-family: 'Futura Condensed','FuturaMediumCondensed', sans-serif;
}
#main #kont{
	text-align: right;
	color: #777;
}
#main #kont strong{
	color: #333;
}
#main #kont a{
	color: #777;
}
#main .absu{
	margin-bottom: 7px;
}
#main #absre{
	margin-right: 7px;
}
.datenschutz h1 {
	font-size:22px;
	padding-bottom:10px;
}
.datenschutz h2 {
	font-size:18px;
	padding-top:10px;
}
.datenschutz ul li {
	margin-left:-28px;
}

/*-------------------Menü und Sidebar-Formatierungen----------------------------*/
 #side { 
	margin:55px 0 0 540px;
	padding: 0;
	font-family:  'Futura Bold','FuturaBold', sans-serif;
	font-weight: bolder;
	letter-spacing: 0.02em;
	font-size: 15px;
	color: #999;
} 
 #side img{ 
 	padding: 0 0 0 8px;
 }
 #side img.abre{ 
	 padding: 0;
 }
 #side a{
	 color: #999;
	 text-decoration:none;
	 height:30px;
 }
  #side a:hover, #side a.active,  #side a:active{
	 color: #363636;
	 text-decoration:none;
 }
 #side #textsub2{
	font-size:11px;
	font-family: 'Futura Condensed','FuturaMediumCondensed', sans-serif;
	position:relative;
	top:40px;
	color:#777;
	line-height: 110%;
}
#side #textsub2 span{
	color:#333;
}
 /*-------------------Galerie-Formatierungen----------------------------*/
 #side #links a{
	 height: 38px;
	 width:38px;
	 background-repeat:no-repeat;
	 background-position: top 8px;
	 display:block; 
	 margin-left:8px;
 }
#side a#galerie1{
	 background-image:url(../bilder/1liebe_licht_vertrauen_kl.png);
 }
#side a:hover#galerie1, #side a.act1{
	 background-image:url(../bilder/1liebe_licht_vertrauen_kl_hov.png);
 }
#side a#galerie2{
	 background-image: url(../bilder/2-button.png);
 }
#side a:hover#galerie2, #side a.act2{
	 background-image: url(../bilder/2-button-hover.png);
 }
#side a#galerie3 {
	 background-image:url(../bilder/3-button.png);
 }
#side a:hover#galerie3, #side a.act3 {
	 background-image: url(../bilder/3-button-hover.png);
 }
#side a#galerie4{
	 background-image:url(../bilder/4-button.png);
 }
 #side a:hover#galerie4, #side a.act4{
	 background-image:url(../bilder/4-button-hover.png);
 }
#side a#galerie5{
	 background-image:url(../bilder/5-button.png);
 }
#side a:hover#galerie5, #side a.act5{
	 background-image:url(../bilder/5-button-hover.png);
 }
#side a#galerie6{
	 background-image:url(../bilder/6-button.png);
 }
#side a:hover#galerie6, #side a.act6{
	 background-image:url(../bilder/6-button-hover.png);
 }
 /*-------------------Sonstiges----------------------------*/
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.zurueck {
	text-align: right;
}
video{
	width: 485px;
}