/*CSS - Styleguide*/

/*
	http://www.hufschmied-schneider.de/
   	css styles
   
   	Copyright 2009, Markus Spiske
   	http://www.temporausch.com
*/

/*------------------general styles------------------*/
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
	margin: 0;
	padding: 0;
	border: 0;
	color: #4b4b4b;
}

body {
	font: 12px/155% Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
	background-color: #d0d1d2;
}

/*------------------links------------------*/

a.text:link, a.text:visited, a.text:active {
	font-size: 12px;
	color: #a80f24;
	text-decoration: underline;
	font-weight: normal;
}

a.text:hover {
	font-size: 12px;
	color: #4b4b4b;
  	text-decoration: none;
	font-weight: normal;
}

.active {
	font-size: 12px;
	color: #fff;
  	text-decoration: none;
	font-weight: bold;
}

a.grey_small:link, a.grey_small:visited, a.grey_small:active {
	font-size: 10px;
	color: #999;
	text-decoration: none;
	font-weight: normal;
}

a.grey_small:hover {
	font-size: 10px;
	color: #a80f24;
  	text-decoration: none;
	font-weight: normal;
}

/*------------------headlines------------------*/
h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #f2942f;
	border-bottom: solid 1px #ccc;
}

h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
	color: #3f7c88;
}

/*------------------p class------------------*/
.text {
    padding-left: 5px;
}

.text_small {
    font-size: 10px;
    line-height: 130%;
    padding-left: 5px;
}

.detail_pic {
    float: left;
    width: 210px;
    height: 210px;
    margin-bottom: 20px;
}

.detail_text {
    float: left;
    margin-left: 10px;
    width: 190px;
}

.clear {
	clear: both;
}

li.text {
    text-decoration: none;
    padding: 10px 10px 6px 5px;
    margin-left: 20px;
}

/*------------------wrapper------------------*/
#wrapper {
	width: 850px;
	margin: 0 auto;
}

/*------------------header------------------*/
#header {
	float: left;
	width: 850px;
	height: 175px;
    margin-top: 50px;
}

/*------------------content------------------*/
#content {
	float: left;
	width: 850px;
	background: url(../img/bg_content.gif) repeat-y;
}

#text {
	float: left;
	width: 450px;
	margin-top: 40px;
	margin-left: 80px;
	margin-bottom: 50px;
}

/*------------------sidebar------------------*/
#sidebar {
    width: 130px;
	float: left;
	margin-top: 40px;
	margin-left: 88px;
}

#navi {
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 12px;
	font-weight: bold;
}

#navi li {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 120px;
}

#navi li.subnavi {
    padding-left: 20px;
    margin: 0;
    list-style: none;
    width: 110px;
}

#navi a.subnavi {
    display:block;
    text-decoration: none;
    padding: 10px 10px 6px 5px;
    margin: 0;
    width: 110px;
}

#navi ul {
    padding: 0;
    margin-top: 0px;
    margin-left: 0px;
}

#navi a {
    display:block;
    text-decoration: none;
    padding: 10px 10px 6px 5px;
    border-top: 1px solid #fff;
    margin: 0;
    width: 130px;
}

#navi a:link, #navi a:visited {
    color: #a80f24;
}

#navi a:hover, #navi a:focus {
    color: #fff;
}

/*------------------footer------------------*/
#footer {
	float: left;
	width: 550px;
	height: 85px;
	padding-left: 300px;
	padding-top: 100px;
	background: url(../img/bg_footer.gif) no-repeat;
}

/*------------------SLIMBOX------------------*/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #161616;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 15px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #b29f87;
	line-height: 1.4em;
	font-weight:normal;
	text-align: left;
	border: 15px solid #fff;
	border-top-style: none;
	padding-top: 0px;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}