@charset "utf-8";

/* CSS Document */

/*
COLORS:
beige:  #fcfbf4;
dark beige: #4e200d;
hell beige: #98793d;
*/

h1 {
	font-size:3em;
	padding-top:37px;
	margin:0;
	color:#4e200d;
	text-shadow: 0px 1px 1px #fff;
	text-transform: uppercase;
	float:left;
}

h2 {
	font-size:2.9em;
	padding:0;
	margin:0;
	text-transform: uppercase;
	color:#98793d;
	float:left;
	top:38px;
	left:15px;
	position:relative;
}

h3 {
	font-size:2.5em;
	color:#fff;
	margin:0;
	text-transform: uppercase;
	display:inline;
}

h3 strong {
	color:#dbed79;
	font-size:1.5em;
	text-transform: capitalize;
}

h4 {
	font-size:3.5em;
	margin:0;
	text-transform: uppercase;
	padding-top:10px;
	display:inline;
	color: #4e200d;
}

h5 {
	font-size:3.5em;
	margin:0;
	text-transform: uppercase;
	display:inline;
	color:#98793d;
}

.post p {
	padding:0;
	margin:0;
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-shadow: 0px 1px 1px #fff;
	font-size:1em;
	-moz-column-count: 2;
	-moz-column-gap: 2em ;
        -moz-column-rule: 1px dotted #888;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
        -webkit-column-rule: 1px dotted #888;
	letter-spacing: 1px;
	line-height:120%;
	width:920px;
}

p.short {
	width:450px;
	-moz-column-count: 1;
	-webkit-column-count: 1;
}

p small{
font-weight:bold;
text-decoration:underline;
letter-spacing:normal;
}
.startpic {
	margin:0 auto;
	width:920px;
	padding: 5px 0;
	border-top: 1px solid #98793d;
	border-bottom: 1px solid #98793d;
}

/********* RESET STYLES ************/
/********* v1.0 | 20080212 *********/
html, body, ul, ol, li, p, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

/*Im Browser immer Scrollbalken sichtbar*/
html {
	height: 101%;
}

a:focus {
	outline: none;
}

a:link, a:visited {
	text-decoration:underline;
	color:#4e200d;
}

a:hover {
	text-decoration:none;
	color:#98793d !important;
}

.clear {
	clear:both;
	height:0;
	width:0;
	display:block;
}

body {
	background-color: #fcfbf4;
	height: 101%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background: url(../images/bg_beige.jpg) repeat center top;
}

#header {
	background-image: url(../images/bg_top_beige.png);
	background-repeat: repeat-x;
	background-position: center top;
	height: 161px;
	width: 100%;
	position:absolute;
	z-index:0;
	left:0;
	min-width:1200px;
}

#container_center {
	height: auto;
	width: 1120px;
	margin-right: auto;
	margin-left: auto;
}

#logo {
	width:480px;
	height:230px;
	position:relative;
	z-index:2;
	float:left;
	margin-left:140px;
	background: url(../images/logo_beige.png) no-repeat top left;
}

#navigation {
	float:right;
	position:relative;
	z-index:2;
	background-image: url(../images/navigation_shadow.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:109px;
	width:330px;
	padding-right:100px;
}

#content {
	width:1120px;
	height:auto;
	padding-bottom: 12em;
}

/************POSTS************/

.design_all {
	width:960px;
	margin:0;
	padding:0;
	float:left;
}

.design_all p, .post_content p {
	margin-top:20px;
}

.post {
	padding-top:70px;
	float: left;
	position: relative;
	min-height:150px;
	background:url(../images/bg_post_beige.png) center bottom no-repeat;
	padding-bottom:40px;
}

.post_content {
	padding: 0 100px;
}

.post .postheader {
	padding-left:100px;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
}

.date {
	/*background: url(../images/bg_date2.png) no-repeat top right;*/
	width: 110px;
	float: left;
	padding: 30px 8px 3px 0;
	font-size: 2.5em;
	position: absolute;
	left: -20px;
	top:57px;
	color: #222;
	text-align:right;
}

.date strong {
	font-size: 0.3em;
	text-transform: uppercase;
	display: block;
	color:#4e200d;
	line-height:1px;
	margin-bottom:-5px;
	margin-top:-5px;
	text-align:right;
	margin-right:2px;
}

.date small {
	font-size: 0.35em;
	text-transform: uppercase;
	display: block;
	color:#4e200d;
	text-align:right;
	margin-right:2px;
	padding-top:5px;
}

.date_design {
	width: 90px;
	height:42px;
	padding:8px;
	float: left;
	font-size:0.9em;
	margin-top:15px;
	margin-left:-107px;
	color: #222;
	text-align:right;
	background-color:#fcfbf4;
}

.start {
	font-size: 1.5em;
	color: #222;
	text-transform: capitalize;
}

/*Footer Stick to bottom*/
#nonFooter {
	position: relative;
	min-height: 100%;
}

* html #nonFooter {
	height: 100%;
}

#footer {
	background-image: url(../images/bg_footer_red.jpg);
	background-repeat: repeat-x;
	height: 140px;
	width: 100%;
	position: relative;
	margin-top: -140px;
	min-width:1200px;
}

/********* NAVIGATION ROLLOVER ************/
ul#topnav {
	padding-left: 14px;
	list-style: none;
	float: left;
	font-size: 1.1em;
	text-align:center;
}

ul#topnav li {
	margin-top: 13px;
	padding-top:27px;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:30px;
	position:relative;
}

ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 0 5px 0 5px;
	float: left;
	text-decoration: none;
	color: #4e200d;
	clear: both;
	width: 100%;
	min-width:65px;
	height: 70px;
	line-height: 30px; /*--Vertical alignment of text--*/
}

ul#topnav a { /*--This is basically the hover state of navigation--*/
	color: #98793d;
	background: url(../images/bg_navigation_beige.png) no-repeat center -7px;
	font-weight:bold;
	padding-top: 30px;
	margin-top:-30px;
}

ul#topnav li.current, ul#topnav li.current:hover {
	overflow: visible;
	margin-top:-57px;
	margin-bottom:1px;
}

/*****************FADE SLIDER******************/
span.description_design {
	font-size:1.2em;
	background-color:#fcfbf4;
	height:20px;
	display:block;
	padding:12px;
	text-align:center;
	font-family:georgia;
	margin-top:1px;
	text-shadow: 1px 1px 1px #fff;
}

.next a {
	background:url(../images/next.png) no-repeat left top;
	height:28px;
	float:left;
	width:140px;
}

.next a:hover {
	background:url(../images/next.png) no-repeat left -28px;
	cursor:pointer;
}

.next_lomo a {
	background:url(../images/next_lomo.png) no-repeat left top;
	height:28px;
	float:left;
	width:140px;
}

.next_lomo a:hover {
	background:url(../images/next_lomo.png) no-repeat left -28px;
	cursor:pointer;
}

.top a {
	background:url(../images/top.png) no-repeat left top;
	height:28px;
	width:140px;
	float:right;
	margin-right:40px;
}

.top a:hover {
	background:url(../images/top.png) no-repeat left -28px;
	cursor:pointer;
}

.top_lomo a {
	background:url(../images/top_lomo.png) no-repeat left top;
	height:28px;
	width:140px;
	float:right;
}

.top_lomo a:hover {
	background:url(../images/top_lomo.png) no-repeat left -28px;
	cursor:pointer;
}
/* prev and next buttons */


.backward {
	position:relative;
	float:left;
	left:10px;
	top:200px;
	z-index:10;
	width:50px;
	height:230px;
	margin-top:-180px;
	text-indent:-9999px;
}

.backward:hover {
	cursor:pointer;
	background: url(../images/arrow_left_hover.png) no-repeat center left;
}

.forward {
	width:50px;
	text-indent:-9999px;
	float:left;
	position:relative;
	top:-235px;
	left:860px;
	z-index:10;
	height:250px;
	display:inline;
	margin-bottom:-200px;
}

.forward:hover {
	cursor:pointer;
	background: url(../images/arrow_right_hover.png) no-repeat center right;
}

.plus{
        width:750px;
        height:234px;
        display:block;
        position:absolute;
        top:0;
        left:80px;
}
.plus:hover {
        cursor:pointer;
        width:750px;
        height:234px;
        display:block;
        position:absolute;
        top:0;
        left:80px;
	background: url(../images/arrow_plus.png) no-repeat center center;
}

/* container for slides */
.images {
	position:relative;
	height:236px;
	width:960px;
	float:left;
	cursor:pointer;
	margin-top:-35px;
	padding:0;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	margin:7px;
	padding:15px 30px 15px 15px;
	height:256px;
	font-size:12px;
}

/* header */
.images h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

/* tabs (those little circles below slides) */
.tabs {
	clear:both;
	margin-left:330px;
	display:none;
}

/* single tab */
.tabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/tools/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -8px;
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -16px;
}

div.panel-wrapper {
	margin:0;
	padding:0;
}

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;
}

/***************LOMO ISSUES*********************/
.thumbs_all {
	width:916px;
	padding-top:4px;
	padding-right:4px;
	background-color:#111;
	margin:0;
	margin-bottom:1px;
}

.thumbs_single {
	float:left;
	padding-left:4px;
	padding-bottom:4px;
}

.thumbs_single_last {
}

ul.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.gallery li {
	float: left;
	margin: 0;
	padding-left: 5px;
	padding-bottom:4px;
	text-align: center;
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}

ul.gallery li a.thumb {
	width: 178px; /*--Width of image--*/
	height: 122px; /*--Height of image--*/
	cursor: pointer;
}

ul.gallery li span { /*--Used to crop image--*/
	width: 178px;
	height: 122px;
	overflow: hidden;
	display: block;
}

ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}

ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}

ul.gallery li a {
	text-decoration: none;
	color: #777;
	display: block;
}

/**********************LINKS**********************/
.design_all ul {
	float:left;
	width:220px;
	list-style-type:none;
	margin:30px 0;
	margin-right:18px;
	border-top:1px solid #98793d;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-shadow: 0px 1px 1px #fff;
	line-height:150%;
	color: #4e200d;
}

.design_all ul li strong {
	text-transform:uppercase;
}

.design_all ul li {
	border-bottom:1px solid #98793d;
	text-shadow: 0px 1px 1px #fff;
	line-height:150%;
	padding:5px 0;
	text-transform:capitalize;
}

.design_all ul li a:link, .design_all ul li a:visited {
	text-decoration: none;
	color:#4e200d !important;
}

.design_all ul li a:hover {
	text-decoration: none;
	color:#98793d !important;
}

.design_all ul.about {
	border-bottom:1px solid #98793d;
	text-shadow: 0px 1px 1px #fff;
	line-height:150%;
	width:682px;
	padding:5px 0;
	text-transform:capitalize;
}

/**************FOOTER CONTACT******************/

#footer .contact {
	width:930px;
	height:auto;
	margin: 0 auto;
	padding-top:30px;
}

#footer .contact ul.long {
	float:left;
	width:580px;
	list-style-type:none;
	border:none;
}

#footer .contact ul {
	float:left;
	width:340px;
	list-style-type:none;
	margin-right:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-shadow: 0px 1px 1px #000;
	line-height:150%;
	color: #777;
}

#footer .contact ul span {
	height:10px;
	display:block;
}

.footer_01 {
	font-size:1em;
	color:#fff;
	margin-left:2px;
}

.footer_02 {
	font-size:0.5em;
	color:#eee;
	text-transform:uppercase;
	letter-spacing: 0.61em;
	width:700px;
	margin-top:25px;
}

.footer_03 {
	font-size:2em;
	text-transform:uppercase;
	color:#CCC;
	width:700px;
}

.footer_03 a:link, .footer_03 a:visited {
	color:#d8b879;
	text-decoration:none;
}

.footer_03 a:hover {
	color:#fff !important;
}

/****************TOOLTIP******************/

ul.sidenav {
	float: left;
	width:220px;
	list-style-type:none;
	margin:30px 0;
	margin-right:18px;
	border-top:1px solid #98793d;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-shadow: 0px 1px 1px #fff;
	line-height:150%;
	color: #27435b;
}

ul.sidenav li {
	position: relative; /*--Add a relative positioning--*/
	float: left;
	border-bottom:1px solid #98793d;
	text-shadow: 0px 1px 1px #fff;
	line-height:150%;
	padding:5px 0;
	text-transform:capitalize;
	width:220px;
}

ul.sidenav li:hover {
	position: relative;
	z-index:122;
}

ul.sidenav li a {
	display: block;
	color: #27435b;
	text-decoration: none;
	width: 165px;
	position: relative; /*--Add a relative positioning--*/
	z-index: 1; /*--z-index allows the popup to tuck underneath the nav--*/
}

ul.sidenav li div {
	display: none;
	position: absolute;
	top: -8px;
	left: 0;
	width: 225px;
	font-size: 0.9em;
	background: url(../images/bubble_top.png) no-repeat right top;
}

ul.sidenav li div p {
	margin: 9px 0;
	line-height: 1.3em;
	padding: 0 5px 10px 40px;
	background: url(../images/bubble_down.png) no-repeat 5px bottom;
	width: 180px;
	-moz-column-count: 1;
	-moz-column-gap: 2em;
	-webkit-column-count: 1;
	-webkit-column-gap: 2em;
	font-size:0.8em;
	text-transform:none;
	z-index:113;
	position:relative;
}

ul.sidenav li.last {
	display:block;
	height:10px;
	border:none;
}

ul.sidenav li strong {
	color:#4E200D;
}