/*
 * CSS-File for
 * julia-goehring.de
 * Copyright (c) CLICKSPORTS
 * $Rev: 14 $
 * $Author: cs $
 * $Date: 2009-03-06 08:00:30 +0100 (Fr, 06 Mrz 2009) $
 *
 */

body {
	min-width: 800px;
	padding-top: 37px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3B1F17;
	background-image: url(../layout/bg_body.jpg);
	background-attachment: fixed;
}

a:link { color: #6B6B6B; text-decoration: none; }
a:visited { color: #6B6B6B; text-decoration: none; }
a:hover { color: #6B6B6B; text-decoration: underline; }
a:active { color: #6B6B6B; text-decoration: none; }

/* Teaserimage Section */
div#teaser {
	width: 100%;
	height: 735px;
	margin-top: -38px;
	background-image: url(../layout/bg_teaser.png);
	background-position: 600px 0px;
	background-repeat: no-repeat;
	position: absolute;
}

/* Default Page Section */
div#page {
	height: 697px;
	background-color: #FFFFFF;
}
div#maincontent {
	width: 647px;
	background-color: #FFFFFF;
}

/* Header Section */
div#header,
div#header a img {
	height: 217px;
	display: block;
}
div#link_heading {
	top: 37px;
	left: 0px;
	display: block;
	z-index: 50;
	position: absolute;
}
div#link_heading a {
	width: 647px;
	height: 217px;
	cursor: pointer;
	display: block;
}
div#link_heading a:focus { outline: none; }

/* Main Headline Section */
h1#main_headine {
	padding-left: 49px;
	border-bottom: 1px solid #93837F;
	color: #FFFFFF;
	background-color: #3B1F17;
	font-size: 24px;
	line-height: 41px;
}

/* Container Layout Section */
div#columns {
	margin-top: 3px;
	background-image: url(../layout/bg_columns.gif);
	background-position: 507px 0px;
	background-repeat: repeat-y;
}

div#content_wrapper {
	width: 437px;
	top: -12px;
	padding: 40px 20px 0px 50px;
	background-image: url(../layout/bg_content.gif);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	position: relative;
}
div#content {
	height: 390px;
	padding-right: 20px;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;
}

div#sidebar {
	width: 139px;
	float: right;
	position: relative;
	z-index: 50;
}

/* Content Section */
div.contents h1 {
	margin: 0px 0px 14px -50px;
	padding: 0px 0px 7px 50px;
	font-size: 22px;
	line-height: 30px;
	color: #57AD18;
	border-bottom: 1px solid #AFAFAF;
}
div.contents p,
div.contents ul,
div.contents table,
p.pictures {
	margin-bottom: 20px;
	line-height: 19px;
}

div.contents ul { padding-left: 15px; list-style: square; }
div.contents a { color: #57AD18; }

div.contents table td { padding: 2px 10px 2px 0px; }

p.pictures img {
	margin-right: 16px;
	border: 1px solid #563E37;
	display: inline-block;
}

/* Sidebar Section */
ul#navigation {
	margin: 13px 0px 0px 15px;
	list-style: none;
}
ul#navigation li a {
	padding: 4px 16px 4px 0px;
	color: #000000;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	font-size: 15px;
	line-height: 18px;
	display: block;
}
ul#navigation li a:hover {
	color: #57AD18;
	border-bottom-color: #57AD18;
}
ul#navigation li.active a {
	color: #57AD18;
	background-image: url(../layout/bg_navigation.gif);
	background-position: center right;
	background-repeat: no-repeat;
	border-bottom-color: #57AD18;
}

ul#navigation ul { margin-left: 15px; list-style: square; }
ul#navigation li.active ul li a {
	font-size: 12px;
	color: #000000;
	border-bottom-color: #FFFFFF;
	background-image: none;
	line-height: 16px;
}
ul#navigation li.active ul li a:hover,
ul#navigation li.active ul li a.active {
	color: #57AD18;
	text-decoration: underline;
}

/* Subnavigation Section */
div#subnavigation_wrapper { height: 40px; padding-left: 507px; }
ul#subnavigation {
	height: 40px;
	padding: 13px 0px 0px 44px;
	background-image: url(../layout/bg_subnavigation.png);
	background-position: top left;
	background-repeat: no-repeat;
	list-style: none;
}
ul#subnavigation li {
	padding-left: 4px;
	border-left: 1px solid #FFFFFF;
	display: inline-block;
}
ul#subnavigation li a {
	color: #FFFFFF;
	display: block;
}
ul#subnavigation li:first-child { padding-left: 0px; border-left: 0px; }

/* Misc */
.clearer { clear: both; }

/* Gallery */
div.contents ul.images, ul.categories { padding-left: 0px; list-style: none; }
ul.images li, ul.categories li { margin-bottom: 16px; float: left; }

ul.images li a, ul.images li a img, ul.categories li a, ul.categories li a img { display: block; }
ul.images li a img, ul.categories li a img { border: 1px solid #563E37; }

.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}