/*
----------------------------------------------------------------------------- 
BASICS
-----------------------------------------------------------------------------*/

*
{
	padding: 0;
	margin: 0;
}

body
{
	text-align: left;
	padding: 0;
	margin: 0;
	font: 11px/140% "Verdana", Arial, Verdana, sans-serif;
	color: #111;
	background: #fff url(../img/bodybg.jpg) repeat-x 0 65px;
}

body#profil #slideshow { background: #f4f4f4 url(../img/stein.jpg) no-repeat 0 0; }
body#arbeitsbeispiele #slideshow { background: #f4f4f4 url(../img/metall.jpg) no-repeat 0 0; }
body#mitglieder #slideshow { background: #f4f4f4 url(../img/rost.jpg) no-repeat 0 0; }
body#kontakt #slideshow { background: #f4f4f4 url(../img/holz.jpg) no-repeat 0 0; }

a:link
{
	color: #0077aa;
	text-decoration: none;
}

a:visited
{
	color: #0077aa;
	text-decoration: none;
}

a:hover
{
	color: #a8a8a8;
	text-decoration: none;
}

a:active { text-decoration: none; }
p { margin: 0 0 12px 0; }

/*
----------------------------------------------------------------------------- 
FRAMEWORK
-----------------------------------------------------------------------------*/

#wrapper
{
	text-align: left;
	width: 900px;
	margin: 0;
	overflow: hidden;
	background-color: #fff;
}

#head
{
	width: 810px;
	height: 130px;
	position: relative;
}

#navigation
{
	width: 810px;
	height: 25px;
	margin: 0 0 35px 0;
	position: relative;
}

#content
{
	overflow: hidden;
	height: 100%;
}

#col-1
{
	float: left;
	width: 270px;
	margin: 0;
}

#col-2
{
	float: left;
	width: 270px;
}

#col-3
{
	float: left;
	width: 270px;
}

#col-wide
{
	float: left;
	width: 540px;
}

.inner { margin: 0 25px 0 25px; }

#footer
{
	background-color: #fff;
	margin: 100px 0 50px 25px;
	color: #a8a8a8;
}

/*
----------------------------------------------------------------------------- 
Logo
-----------------------------------------------------------------------------*/

#logo
{
	background: #fff url(../img/bfb.jpg) no-repeat 0 0;
	width: 400px;
	height: 40px;
	display: block;
	float: left;
	text-indent: -20000px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 25px;
	top: 25px;
}

#logo a
{
	width: 400px;
	height: 40px;
	display: block;
	padding: 0;
	margin: 0;
}

h1
{
	font-size: 22px;
	color: #fff;
	text-indent: 40px;
}

h2
{
	font-size: 14px;
	color: #ccc;
	font-weight: bold;
	margin: 0 0 30px 0;
	text-transform: uppercase;
}

h3
{
	font-size: 11px;
	color: #262626;
	font-weight: bold;
	margin: 0 0 0 0;
}

p { }

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

ul.menu
{
	margin: 0;
	position: absolute;
	left: 80px;
}

ul.menu { }
ul.menu li { display: inline; }

ul.menu a
{
	font-size: 11px;
	line-height: 210%;
	color: #313131;
	text-decoration: none;
	height: 25px;
	background-color: #fff;
	display: block;
	text-align: center;
	font-weight: bold;
	float: left;
	border-left: 1px solid #f1f1f1;
	padding: 0 22px;
}

ul.menu a:visited { color: #313131; }
ul.menu a:hover { background-color: #f4f4f4; }
ul.menu a.current { background-color: #f4f4f4; }

/*
----------------------------------------------------------------------------- 
Slideshow
-----------------------------------------------------------------------------*/

#slideshow
{
	overflow: hidden;
	width: 900px;
	height: 160px;
	margin: 0 0 70px 0;
	background-color: #f4f4f4;
}

#slideshow ul
{
	width: 6900px;
	padding-left: 225px;
	margin: 0;
	padding: 0;
}

#slideshow li
{
	float: left;
	margin: 0;
	cursor: pointer;
}

/*
----------------------------------------------------------------------------- 
Thickbox
-----------------------------------------------------------------------------*/

a.thickbox img { margin: 0 8px 8px 0; }

/*
----------------------------------------------------------------------------- 
Links
-----------------------------------------------------------------------------*/

ul.links a
{
	background: transparent url(../img/arrow.gif) no-repeat 0 5px;
	padding: 0 0 0 8px;
}