/*CSS - Styleguide*/

/*
	http://www.malerschieber.de/
   	css styles
   
   	Copyright 2008, 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;
	color: #60463d;
}

body {
	font: 13px/160% Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
}

h1 {
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #141414;
}

h2 {
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #35559b;
}

h3 {
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #d49c61;
}

h4 {
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #35559b;
}

h5 {
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #534d7c;
}

a:link, a:visited, a:active {
	color: #60463d;
	text-decoration: underline;
}

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

a.white:link, a.white:visited, a.white:active {
	color: #fff;
	text-decoration: underline;
}

a.white:hover {
	color: #fff;
  	text-decoration: none;
}

a.navi:link, a.navi:visited, a.navi:active {
	font-size: 14px;
	font-weight: normal;
	color: #60463d;
	text-decoration: none;
	line-height: 180%;
}

a.navi:hover {
	font-size: 14px;
	font-weight: normal;
  	color: #60463d;
  	text-decoration: none;
  	line-height: 180%;
}

a.navi_aktiv:link, a.navi_aktiv:visited, a.navi_aktiv:active, a.navi_aktiv:hover {
	font-size: 14px;
	font-weight: normal;
	color: #c0d171;
	text-decoration: none;
	line-height: 180%;
}

a.navi_aktiv_orange:link, a.navi_aktiv_orange:visited, a.navi_aktiv_orange:active, a.navi_aktiv_orange:hover {
	font-size: 14px;
	font-weight: normal;
	color: #d49c61;
	text-decoration: none;
	line-height: 180%;
}

a.navi_aktiv_lila:link, a.navi_aktiv_lila:visited, a.navi_aktiv_lila:active, a.navi_aktiv_lila:hover {
	font-size: 14px;
	font-weight: normal;
	color: #534d7c;
	text-decoration: none;
	line-height: 180%;
}

a.navi_aktiv_blue:link, a.navi_aktiv_blue:visited, a.navi_aktiv_blue:active, a.navi_aktiv_blue:hover {
	font-size: 14px;
	font-weight: normal;
	color: #35559b;
	text-decoration: none;
	line-height: 180%;
}

a.subnavi:link, a.subnavi:visited, a.subnavi:active {
	font-size: 12px;
	font-weight: normal;
	color: #c0d171;
	text-decoration: none;
	line-height: 220%;
}

a.subnavi:hover {
	font-size: 12px;
	font-weight: normal;
  	color: #c0d171;
  	text-decoration: underline;
  	line-height: 220%;
}

a.subnavi_o:link, a.subnavi_o:visited, a.subnavi_o:active {
	font-size: 12px;
	font-weight: normal;
	color: #d49c61;
	text-decoration: none;
	line-height: 220%;
}

a.subnavi_o:hover {
	font-size: 12px;
	font-weight: normal;
  	color: #d49c61;
  	text-decoration: underline;
  	line-height: 220%;
}

a.subnavi_ob:link, a.subnavi_ob:visited, a.subnavi_ob:active {
	font-size: 12px;
	font-weight: bold;
	color: #d49c61;
	text-decoration: none;
	line-height: 220%;
}

a.subnavi_ob:hover {
	font-size: 12px;
	font-weight: bold;
  	color: #d49c61;
  	text-decoration: underline;
  	line-height: 220%;
}

a.navi_footer:link, a.navi_footer:visited, a.navi_footer:active {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

a.navi_footer:hover {
	font-size: 12px;
	font-weight: bold;
  	color: #60463d;
  	text-decoration: none;
}

a.gotop:link, a.gotop:visited, a.gotop:active {
	font-size: 10px;
	font-weight: bold;
	color: #141414;
	text-decoration: none;
}

a.gotop:hover {
	font-size: 10px;
	font-weight: bold;
  	color: #141414;
  	text-decoration: none;
}

a img, a:hover img {
	border: none;
}

.indent_box {
	padding-left: 35px;
}

li {
	color: #d49c61;
}

ul {
	padding-left: 50px;
	color: #d49c61;
	list-style-type: square;
}

hr {
	border:none;
	width:100%;
  	color:#ccc;
  	background-color:#eee;
 	height:1px;
 	margin-bottom:5px;
}

.blue_bold {
	font-size: 13px;
	font-weight: bold;
	color: #35559b;
}

.brown_bold {
	font-size: 13px;
	font-weight: bold;
	color: #60463d;
}

.brown_bold_navi {
	font-size: 12px;
	font-weight: normal;
	color: #60463d;
  	line-height: 220%;
}

.blue_bold_navi {
	font-size: 12px;
	font-weight: normal;
	color: #35559b;
  	line-height: 220%;
}

.clear {
	clear: both;
}

.navi1 {
	text-align: left;
	margin-left: 17px;
}

.navi2 {
	text-align: left;
	margin-left: 72px;
}

.navi3 {
	text-align: left;
	margin-left: 50px;
}

.navi4 {
	text-align: left;
	margin-left: 60px;
}

.team_pic {
	margin-top: 20px;
	float: left;
	width: 130px;
	height: 140px;
}

.team_info {
	padding-top: 10px;
	margin-top: 0px;
	margin-left: 0px;
	float: left;
}

.box_left {
	width: 130px;
	margin-top: 20px;
	float: left;
}

.box_right {
	width: 360px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
}



/*------------------intro------------------*/
#intro {
	margin-top: 50px;
}

/*------------------container------------------*/
#container {
	width: 890px;
	margin: 0 auto;
}

/*------------------header------------------*/
#header {
	width: 880px;
	height: 80px;
	margin-top: 80px;
}

/*------------------subnavi------------------*/
#navi_1 {
	width: 890px;
	height: 60px;
	margin-top: 0px;
	text-align: left;
	background: url(../img/bg_navi_1.gif) no-repeat;
	float: left;
}

#navi_2 {
	width: 890px;
	height: 60px;
	margin-top: 0px;
	text-align: left;
	background: url(../img/bg_navi_2.gif) no-repeat;
	float: left;
}

#navi_3 {
	width: 890px;
	height: 60px;
	margin-top: 0px;
	text-align: left;
	background: url(../img/bg_navi_3.gif) no-repeat;
	float: left;
}

#navi_4 {
	width: 890px;
	height: 60px;
	margin-top: 0px;
	text-align: left;
	background: url(../img/bg_navi_4.gif) no-repeat;
	float: left;
}

#navi_input {
	margin-left: 250px;
	padding-top: 4px;
	text-align: left;
}

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

#subnavi {
	margin-top: 50px;
	width: 200px;
	float: left;
	text-align: right;	 		
}

#subnavi_input {
	margin-left:50px;
	width: 130px;
	height: 200px;
	float: left;
	text-align: right;	 		
}

#banner {
	width: 140px;
	float: left;
	text-align: left;	 		
}

#content {
	width: 525px;
	height: 700px;
	margin-top: 80px;
	margin-left: 80px;
	text-align: left;
	float: left;
	font-style: italic;
}

#content_xl {
	width: 525px;
	margin-top: 80px;
	margin-left: 80px;
	text-align: left;
	float: left;
	font-style: italic;
}

#gotop {
	width: 525px;
	height: 75px;
	padding-top: 5px;
	float: left;
	text-align: left;	
	font-size: 10px; 		
}

/*------------------footer------------------*/
#footer	{
	width: 890px;
	padding-top: 10px;
	height: 100px;
	float: left;
  	background: url(../img/bg_footer.png) no-repeat;
  	font-size: 11px;
}

#footer_content {
	width: 780px;
	float: left;
	margin-left: 50px;
	text-align: center;	 		
}

#footer_navi {
	width: 780px;
	float: left;
	padding-top: 30px;
	margin-left: 50px;
	text-align: center;	 		
}

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

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	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: #990000;
	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;
}