/* Created by Bento Graphics / Benjamin Thomas / www.bentographics.com */

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

*{
	margin: 0;
	padding: 0;
}

html, body {
    height: 100%;
    margin: 0 0 1px 0;
}

body {
	background: white;
	font: 100%/140% "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: black;
	padding:0px;
	font-weight: 300;
	text-align:center;
	height: 100%;
	color: #666;
	height: 100%;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align:left;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}

#header {
	height: 30px;
	color: white;
	padding: 20px 0;
	margin: 10px 0;
}

#header h1 a{
	font-size: 27px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #00bbff;
	font-weight: normal;
}

#header h1 a:hover {
	color: #00bbff;
}

#sidebar {
	width: 220px;
	float: left;
}

#sidebar ul li {
	height: 35px;
	line-height: 35px;
	text-indent: 0;
	padding: 0;
	margin: 0;
}

#sidebar a {
	color: #666;
	text-decoration: none;
}

#sidebar a:hover {
	color: #00bbff;
}

.selected {
	font-weight: bold;
}

#main {
	width: 720px;
	float: right;
	overflow: hidden;
}

#main img.thumbs {
	float: left;
	margin: 10px 20px 10px 0;
}

#navi {
	height: 40px;
	line-height: 40px;
	float: left;
	display: block;
	width: 100%;
}

#navi p {
	margin: 0;
	padding: 0;
}

#footer, #push {
    height: 4em;
    clear: both;
}

#footer {
	margin: 0;
	clear: both;
}

#footer p{
	width: 960px;
	/* border-top: 1px dashed #ccc; */
	margin: 0 auto;
	_margin: 10px auto 0 auto;
	padding: 5px 0 0 0;
	text-align: right;
	font-size: 90%;
	height: 4em;
}

#footer p.design-by-bentographics a {
	color: #666;
	font-weight: bold;
}

/* Content */


a#start-site-button {
	background:  url(pics/Alexander-Buehler-Startseite_leer.jpg) no-repeat top left;
	height: 560px;
	width: 960px;
	display: block;
	margin: 20px 0 0 0;
	position: relative;
	text-decoration: none;
}

span#start-headline {
	position: absolute;
	left: -10000px;
	bottom: 100px;
	_left: 330px;
	_bottom: 100px;
	color: white;
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: normal;
}

a:hover#start-site-button span#start-headline {
	position:absolute;
	left: 330px;
	bottom: 100px;
	text-decoration: none;
	color: white;
}

.cufon-loading {
	visibility: hidden;
}

/* Typography */

#main a,
#footer a,
#header a  {
	color: #00bbff;
	text-decoration: none;
}

#main a:hover,
#footer a:hover {
	color: #000;
}

p {
	margin: 10px 0;
}

/*
@font-face {
  font-family: "Gill-Sans-Light";
  src: url(http://alexanderbuhler.ch/fonts/MGillSansLight.eot);
}
 
@font-face {
  font-family: "Gill-Sans-Light";
  src: url(http://alexanderbuhler.ch/fonts/mgillsanslight.otf) format("opentype");
}
*/

/*
@font-face {  
  font-family: Gill Sans Light;  
  src: url('http://alexanderbuhler.ch/fonts/MGillSansLight.eot');
  src: local("Gill Sans Light"), 
  url('http://alexanderbuhler.ch/fonts/mgillsanslight.otf') format("opentype");
} 
*/

/*
@font-face {
  font-family: "Gill Sans Light";
  src: url("http://alexanderbuhler.ch/fonts/MGillSansLight.eot");
}
 
@font-face {
  font-family: "Gill Sans Light";
  src: url("http://alexanderbuhler.ch/fonts/mgillsanslight.otf") format("opentype");
}
*/


/*
@font-face {
	font-family: 'GillSansRegular';
	src: url('http://alexanderbuhler.ch/fonts/MGillSans.eot');
	src: local('Gill Sans Regular'), local('MGillSans'), url('http://alexanderbuhler.ch/fonts/MGillSans.otf') format('opentype'), url('http://alexanderbuhler.ch/fonts/MGillSans.svg#MGillSans') format('svg');
}

@font-face {
	font-family: 'GillSansLight';
	src: url('http://alexanderbuhler.ch/fonts/MGillSans-Light.eot');
	src: local('Gill Sans Light'), local('MGillSans-Light'), url('http://alexanderbuhler.ch/fonts/MGillSans-Light.otf') format('opentype'), url('http://alexanderbuhler.ch/fonts/MGillSans-Light.svg#MGillSans-Light') format('svg');
}

#sidebar a, p, #header h1, span#start-headline { 
	font-family:'GillSansLight', helvetica, sans-serif;  
}

b {
	font-family:'GillSansRegular', helvetica, sans-serif;
	font-weight: normal;
}
*/

strong, b {
	font-weight: bold;
}

/* Re-usables */

.clear {
	clear:both;
}

.alignleft, .left {
	float:left;
}

.alignright, .right {
	float:right;
}

.off_screen {
	position: absolute;
	left: -10000px;
}