/* contents of /styles/basic.css */

/**********************************/
/* Standard-HTML zur�cksetzen
/**********************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,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%; font-weight:normal; }
q:before,q:after { content:0; }
abbr,acronym { border:0; }
html {font-size: 62.5%;}
strong {font-weight: bold;}
a {text-decoration: none;}
a:active, a:focus {outline: 0;}

/**********************************/
/* Grundeinstellungen
/**********************************/
body{

}

div#site{
	margin-left: auto;
	margin-right: auto;
	width: 995px;
	position: relative;
	height: 800px;
}

/**********************************/
/* Nav
/**********************************/

div#nav{
	float: left;
	background-color: #e68000;
	width: 426px;
	height: 562px;
}

div#nav.alt{
	background-color: #60aedd;
}
div#nav ul{
	float: left;
	width: 100%;
	padding-top: 45px;
	padding-left: 60px;
}
div#nav ul li{
	padding-bottom: 10px;
}
div#nav ul li a{
	font-family: Helvetica;
	font-weight: lighter;
	font-size: 24px;
	color: white;
	line-height: 24px;
}

div#nav ul li.selected a{
	color: #591b04;
}

div#nav.alt ul li.selected a{
	color: #094367;
}


div#nav ul li a img {
	display: inline-block;
	height: 22px;
	vertical-align: -4px;
	margin-right: 5px;
	transform: rotate(-8deg);
}

/**********************************/
/* Subnav
/**********************************/

div#nav ul li ul{
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;

}

div#nav ul li ul li {
	padding-bottom: 2px;
}

div#nav ul li.selected ul li:first-child{
	margin-top: 10px;
}
div#nav ul li.selected ul li:last-child{
	margin-bottom: 10px;
}

div#nav ul li.selected ul li a{
	color: white;
	font-size: 16px;
	padding-left: 20px;
}

div#nav.alt ul li.selected ul li a{
	color: white;
}

div#nav ul li ul li.selected a{
	color: #591b04;
	background-image: url(/styles/images/nav.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

div#nav.alt ul li ul li.selected a{
	color: #094367;
	background-image: url(/styles/images/nav_alt.png);
}

/**********************************/
/* Adresse links
/**********************************/

div#site div#adress{
	position: absolute;
	top: 580px;
	font-family: Helvetica;
	line-height: 16px;
	font-weight: lighter;
	color: #e68000;
	font-size: 13px;
	clear: both;
}

div#site div#adress a{
	text-decoration: underline;
	color: #e68000;

}

div#site div#adress.alt{
	color: #60aedd;
}
div#site div#adress.alt a{
	color: #60aedd;
}
/**********************************/
/* Logo
/**********************************/

a#logo{
	position: relative;
	float: right;
	top: 20px;
	background-image: url(/styles/images/logo.png);
	background-repeat: no-repeat;
	height: 88px;
	width: 287px;
}

a#logo_alt{
	position: relative;
	float: right;
	top: 40px;
	background-image: url(/styles/images/logo_alternative.png);
	background-repeat: no-repeat;
	height: 137px;
	width: 400px;
}

/**********************************/
/* St�hle
/**********************************/

div#chair {
	position: absolute;
	height: 292px;
	width: 389px;
	left: 210px;
	top: 310px;
}

div#chair.brown{
	left: 320px;
	top: 290px;
}

div#chair.bench{
	left: 240px;
	top: 330px;
}

div#chair.office{
	left: 300px;
	top: 200px;
}

div#chair.many{
	left: 230px;
	top: 240px;
}

div#chair.huber{
	left: 350px;
	top: 180px;
}

div#chair.marco{
	left: 350px;
	top: 180px;
}

div#chair.hammock{
	left: 175px;
	top: 177px;
}

div#chair.pillow{
	left: 240px;
	top: 380px;
}

/**********************************/
/* Content
/**********************************/

div#content{
	font-family: Helvetica;
	color: #6B6C6E;
	font-size: 13px;
	line-height: 18px;
	position: absolute;
	top: 180px;
	left: 630px;
	width: 360px;	
}

div.content{
	font-family: Helvetica;
	color: #6B6C6E;
	font-size: 13px;
	line-height: 18px;
	position: absolute;
	top: 40px;
	left: 630px;
	width: 360px;
}

div#content h1{
	font-size: 28px;
	padding-bottom: 20px;
	letter-spacing: 1px;
	color: #e68000;
	line-height: 30px;
	font-family: "Trebuchet MS";
}
div#content.alt h1{
	color: #60aedd;
}

div#content.alt h2{
	color: #60aedd;
	font-size: 15px;
}

div#content h2{
	font-size: 13px;
	padding-bottom: 7px;
	padding-top: 5px;
	font-weight: bold;
}

div#content h3{
	font-size: 28px;
	text-align: right;
	padding-bottom: 20px;
	letter-spacing: 1px;
	color: #e68000;
	font-family: "Trebuchet MS";
}
div#content.alt h3{

	color: #60aedd;
	line-height: 32px;

}
div#content em{
    font-style: italic;
}

div#content p{
	padding-bottom: 10px;
}
div#content p.legend{
	padding-bottom: 10px;
	font-size: 11px;
}

div#content td{
	padding-bottom: 10px;
}

div#content li{
	padding-bottom: 10px;
	list-style-type: disc;
	margin-left: 16px;
}

div#content a{
	text-decoration: underline;
	color: #e68000;
}

div#content.alt a{
	color: #60aedd;
}

div#content div#content_top{
	width: 477px;
	padding-top: 120px;
}

div#content div#content_bottom{
	width: 380px;
	float: right;
	padding-top: 120px;
}