@import url("reset.css");
@import url("footer.css");
@import url("slideshow.css");

/* --- Allgemeines --- */

body {
	font-size:12px;
	font-family:Tahoma,Arial,sans-serif;
	line-height:1.3;
	color:black;
	background-color:white;
	border-top:6px solid #a1be47;
}

a {
	color:#729203;
	text-decoration:underline;
}
a:focus, a:hover {
	color:#000;
}


/* --- Header --- */

#header {
	width:973px;
	height:104px;
	margin:auto;
}
#header-container {
	margin-right:13px;
}

#logo {
	text-indent:-5000px;
	float:left;
	width:220px;
	height:104px;
	background-image:url(../images/logo-neu.png);
	background-position:1px 13px;
}

#mynavi {
	margin-left:740px;
	height:20px;
	background-color:#a1be47;
}
#mynavi.hidden {
	visibility:hidden;
}
#mynavi a {
	margin-left:28px;
	color:white;
	font-size:11px;
	text-decoration:none;
}


/* --- Navi --- */

#header .mainnavi {
	margin-top:40px;
	font-size:12px;
}
#header .mainnavi ul {
	float:right;
}
#header .mainnavi li {
	float:left;
	padding-left:15px;
	position:relative;
}
#header .mainnavi li.first {
}
#header .mainnavi strong,
#header .mainnavi a {
	border:1px solid #A1BE47;
	display:block;
	padding:6px 17px;
	text-decoration:none;
	color:#3e3e3e;
}
#header .mainnavi strong {
	color:white;
	background-color:#ff5400;
	border-color:#ff5400;
}

#header .submenu {
	display:none;
	position:absolute;
	top:32px;
	left:15px;
	border-top:5px solid white;
	width:200px;
	text-align:left;
}
#header .submenu li {
	float:none;
	padding-left:0;
}

#header ul.submenu a {
	display:block;
	border:none;
	height:23px;
	padding:7px 0 0 23px;
	background-image:url(../images/menu-item-bg-trans.png);
	color:white;
}
#header ul.submenu a:hover {
	background-image:url(../images/menu-item-bg.png);
}


/* --- Teaser --- */

#teaser {
	height:360px;
	overflow:hidden;
	padding-right:20px;
}
#teaser p {
	font-size:26px;
	padding-top:260px;
	color:white;
	line-height:1.5;
	text-shadow: 1px 1px 3px black;
}
#teaser p span {
	color:#a3c041;
}


/* --- Body--- */

#body {
	clear: both;
	overflow:hidden;
	background-image:url(../images/teaser-bg.jpg);
	background-position:top center;
}
#body-container {
	width:973px;
	margin:auto;
}


/* --- Sidebar --- */

#sidebar {
	float:right;
	font-size:11px;
}
#sidebar-container {
	width:213px;
}


/* --- Sidebar: Loginbox und Newsletter-Box --- */

#loginbox {
	margin-right:13px;
	padding:20px;
	color:white;
	background-image:url(../images/trans-20pc-w1.png);
	background-repeat:repeat;
	overflow:hidden;
}
#newsletter {
	margin-top:13px;
}

#facebook {
	margin-top:13px;
}

#newsletter form {
	padding:20px;
	border:1px solid #a1be41;
	overflow:hidden;
	background-color:white;
}

#facebook-outline {
	padding:20px;
	border:1px solid #a1be41;
	overflow:hidden;
	background-color:white;
}


#loginbox h2, #newsletter h2, #facebook h2 {
	color:#9fbc40;
	font-size:16px;
	margin-bottom:19px;
}
#loginbox p, #newsletter form p, #facebook p {
	margin-bottom:8px;
}

#loginbox input, #newsletter input {
	border:1px solid #c9c9c9;
	color:#f57739;
	height:16px;
	padding:4px 0 0 5px;
	width:151px;
	font-size:11px;
}

#loginbox-button, #newsletter-button {
	margin-top:9px;
	margin-bottom:0 !important;
	padding:3px;
	text-align:right;
	float:right;
	background-image:url(../images/trans-20pc-w1.png);
	background-repeat:repeat;
}
#loginbox button, #newsletter button {
	color:white;
	width:80px;
	height:30px;
	padding:0;
	background-image:url(../images/loginbutton.png);
	font-size:11px;
	line-height:30px;
}


/* --- Sidebar: Fotokategorien-Navigation --- */

#fotokategorien, #newsletter {
	background-image:url(../images/shadow-right-w13.png);
	background-position:top right;
}

#fotokategorien, #facebook {
	background-image:url(../images/shadow-right-w13.png);
	background-position:top right;
}

#fotokategorien ul, #newsletter-container {
	background-image:url(../images/shadow-bottom-w200plus13.png);
	background-position:left bottom;
	padding:0 13px 17px 0;
}

#fotokategorien ul, #facebook-container {
	background-image:url(../images/shadow-bottom-w200plus13.png);
	background-position:left bottom;
	padding:0 13px 17px 0;
}

#fotokategorien {
	margin-top:30px;
}

#fotokategorien h2 {
	display:none;
}

#fotokategorien li {
	background-position:left 30px;
}

#fotokategorien a, #fotokategorien strong {
	display:block;
	height:30px;
	padding-left:23px;
	line-height:30px;
	background-position:top left;
	background-repeat:no-repeat;
	color:white;
	font-weight:normal;
	text-decoration:none;
}
#fotokategorien a {
	background-image:url(../images/menu-item-bg.png);
}
#fotokategorien strong, #fotokategorien li.expanded a {
	background-image:url(../images/menu-item-bg-highlighted.png);
}


/* --- Content --- */

#content {
	color:#513f3f;
	margin:45px 0 0 0;
	overflow:hidden;
}


/* --- Content: Grundlegendes Spaltenlayout --- */

#content-column12 {
	width:720px;
}

#content-column1, #content-column2 {
	width:350px;
}
#content-column1 {
	float:left;
	/* margin-right:30px; */
}
#content-column2 {
	margin-left:380px;
	/* overflow:hidden; */
}


/* --- Content: Artikel --- */

.article {
	margin-bottom:30px;
	line-height:1.6;
}

.article h2 {
	font-size:16px;
	margin-bottom:20px;
}

.article p {
	margin:0 0 1.5em;
}
.article ul, .article ol {
	margin:0 1.5em 1.5em 1.5em;
}
.article ol {
	list-style-type:decimal;
}
.article ul {
	list-style-type:disc;
}
.article li ul, .article li ol {
	margin:0 1.5em;
}

.arrowlink {
	color:#729203;
}

.prices h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
}

.prices .column {
	float:left;
	width:200px;
	margin-right:30px;
}

.prices h2 {
	margin-top:9px;
	padding-right:6px;
	padding-top:15px;
	font-weight:bolder;
	font-size:14px;
	text-align:right;
	background:transparent url(../images/pricestar.png) top right no-repeat;
	height:49px;
	color:#fff;
}

/* --- Content: Aktionen --- */

#aktionen {
	clear:both;
}
#aktionen li {
	width:350px;
	float:left;
	margin-right:30px;
	padding-top:30px;
	border-top:1px solid #cdcfc5;
}