/*  html und body
******************************************************************************/
html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	text-align: center;
	background-color: #ddd;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #444;
	font-family: Verdana, Arial, sans-serif;
}

img {
	border: none;
}


/*  helpful classes
******************************************************************************/
.invisible{
	display:none;
}

.float_left{
	float: left;
}

.float_right{
	float: right;
}

.clear { 
	clear: both;
}


/*  LINKS
******************************************************************************/
a:link, a:visited {
	color: #c86000; 
	text-decoration: underline
}

a:hover, a:active {
	color: #ff9e3d; 
	text-decoration: none
}


/*  WRAPPER und COLUMNS
******************************************************************************/
#wrapper {
	margin-left: auto; 
	margin-right: auto;
	width: 900px;
	text-align: left;
	background: #ffffff;
	margin-bottom: 0px;
}

#content_wrapper {
  margin: 10px;
}

#middle_col {
  margin-left:180px;
  margin-right:170px;
}

#left_col {
  float: left;
  width:170px;
}

#right_col {
  float: right;
  width:160px;
}


/*  HEADER
******************************************************************************/
#header {
  height: 250px;
  background: #ffffff url("header.jpg") bottom left no-repeat;
  clear: both;
}

#header a {
	color: #444;
	text-decoration: none;
}

#header h1 {
  padding: 150px 0px 0px 450px;
	margin: 0px;
  font-size: 50px;
  line-height:40px;
}

#header h2 {
  margin:0px;
  padding: 0px 0px 0px 540px;
  font-size: 13px;
  line-height:22px;
}

/*  CONTENT
******************************************************************************/
#content_wrapper h1, #content_wrapper h2, #content_wrapper h3, 
#content_wrapper h4, #content_wrapper h5, #content_wrapper h6 {
	margin-top:0px;
	margin-bottom:5px;
	border: none;
	font-size: 12px;
	padding:5px;
	color: #000;
	background-color: #ff8000;
	text-align:left;
}

#content_wrapper p, #content_wrapper ul, #content_wrapper ol {
	margin-top:2px;
	margin-bottom:2px;
	padding:2px 5px;
	font-size: 11px;
	line-height: 16px;
}

#content_wrapper p.lighter {
	color:#999; 
}

#content_wrapper p.lighter a {
	color:#999; 
	text-decoration:none;
}

#content_wrapper ul{
	padding-left: 25px;
}

#content_wrapper ol{
	padding-left: 30px;
}

#middle_col p {
	text-align: justify;
}

.content_item {
	border: 1px solid #ff8000;
	border-top-width: 0px;
	margin-bottom: 10px;
}


/*  BLÄTTERNAVIGATION
******************************************************************************/
#pagination {
	margin-top:0px;
	margin-bottom:10px;
	border: none;
	padding:5px;
	color: #000;
	background-color: #ff8000;
	text-align: center;
}

#pagination p {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	text-align: center;
	display: block;
}

#pagination a {
	color: #000;
	text-decoration: none;
}

p#pagination_navigation #page_back {
	margin-left: 15px;
}

p#pagination_navigation #page_cat {
	margin: 0 15px;
}

p#pagination_navigation #page_forward {
	margin-right: 15px;
}

p#pagination_navigation span#page_first, p#pagination_navigation span#page_back,
p#pagination_navigation span#page_forward, p#pagination_navigation span#page_last {
	color: #c86000;
}

/*  FOOTER
******************************************************************************/
#footer {
	height: 100px;
	padding: 0 10px;
	background: #ffffff url("footer.jpg") bottom left no-repeat;
	clear: both;
}

#footer p {
	text-align:center;
	font-size: 10px;
	line-height:14px;
	padding-top: 70px;
}

#footer .left_side {
	float: left;
	width: 49%;
	text-align: left;
}

#footer .right_side {
	float: right;
	width: 49%;
	text-align: right;
}

#footer a {
	color: #444;
}

#sub_footer {
	width: 900px;
	margin: 0 auto;
	padding: 0 10px;
	clear: both;
}

#sub_footer p {
	color: #aaa;
	text-align:center;
	font-size: 9px;
	line-height:11px;
}



/*  NAVIGATION
******************************************************************************/
#navigation{
	border: 1px solid #ff8000;
	border-top-width: 0px;
	margin-bottom: 10px;
	width: 170px;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation ul.nav1st {
	margin: 0;
	padding: 0;
}

#navigation ul.nav1st li {
	list-style: none; 
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	line-height:20px;
	font-size:11px;
	font-weight: bold;
}

#navigation ul.nav1st li a { 
	text-decoration: none; 
}

#navigation ul.nav1st li a:hover, #navigation ul.nav1st li a.current { 
	text-decoration: underline; 
}

#navigation ul.nav1st ul.nav2nd {
	margin-left: 5px;
	margin-right: 0;
	margin-top: -3px;
}

#navigation ul.nav1st ul.nav2nd li {
	list-style: none; 
	line-height: 15px;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0;
}


/*    BILDCONTAINER + BILDER, SUBTEXT
******************************************************************************/
div.image{
	padding: 0px;
	background-color:#fff; 
	border: none;
}

div.image.float_right{
	margin:7px 5px 7px 15px;
}

div.image.float_left{
	margin:7px 15px 7px 5px;
}

div.image img{
	border: none;
}

div.image p{
	text-align: left;
	font-size:10px;
	line-height: 8px;
	margin: 0px;
	padding: 0px;
	color: #888;
}