/*  

Theme Name: Lotte 
Theme URI: http://www.projektraum-lotte.de
Description: Wordpress Theme for Lotte. Land Of The Temporary Eternity
Version: 
Author: Falk von Heintschel
Author URI: 
Tags:

*/

* {
	margin:0;
	padding:0;
}

html {
	height:100%;
	}

body {
	/*background:#fcfcfc url(http://projektraum-lotte.de/wp-content/themes/lotte/images/bg.jpg) repeat;*/
	height:100%;
	background:#FFF;
	color:#000;
	font-size:90%;
	font-family: Helvetica, Arial, sans-serif;
	/*hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
 	-ms-hyphens: auto;*/
}

h1 {
	font-size:2em;
}

h2 {
	font-size:1em;
	margin-bottom:30px;
}

h3 {
	font-size:0.8em;
}

h4 {
	font-size:0.6em;
}

p {
	font-size:0.9em;
	line-height: 1.5em;
}

a {
	color:#000;
	font-weight:bold;
	outline:none;
	border: 0;
	text-decoration:none;
}

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

img {
	border: 0;
}

/* -------------- Mashup -------------- */

.entry a,.secondary-column a,#comments-container h3 a,.comment-list .comment-author a {
	color:#333;
}
.entry a:hover,.secondary-column a:hover,#comments-container h3 a:hover,.comment-list .comment-author a:hover,.comment-list .comment-meta a:hover {
	color:#666;
}
.secondary-column a {
	font-weight:normal;
}
.entry ul,.entry ol,.entry blockquote {
	color:#555;
}
.entry blockquote {
	font-style:italic;
}
.secondary-column h3,#comments-container h3 {
	font-size:1.2em;
}
#cancel-comment-reply-link {
	color:#666;
	font-size:0.8em;
}
.comment-list .comment-meta a {
	color:#777;
}
.comment-list .comment-author cite {
	font-style:normal;
	font-weight:bold;
}
.comment-list .comment-meta {
	font-size:0.8em;
}
#commentform p span input,#commentform span textarea {
	color:#333;
	font-family:arial,verdana,sans-serif;
	font-size:1em;
}
#paginate-index {
	font-size:0.9em;
	text-transform:uppercase;
}
#footer {
	clear: both;
}
/* -------------- Main Structure -------------- */


#fb {
	position: fixed;
	top: 25px;
	left: 25px;
}

#LotteHome {
	width:97px;
	margin:300px auto;
	}
	
div#container {
	position:absolute;
    height:3000px;
    width:4200px;
	margin:250px 150px 50px 150px;
  }
  
/* -------------- Navbar -------------- */

#navigationMain {
	position:fixed;
	z-index:1000;
	width:790px;
	left:36%;
	}

#logo {
	float:left;
	padding:50px 0 0 0;
	margin-right:90px;
	}

#logo p span {
	display: block;
	font-size: 0.85em;
	font-weight: normal;
	line-height: 1.2em;
	text-align: right;
	word-spacing:.1em;
	letter-spacing:.05em;
}
#logo p span.land{
margin-top:-7px;
padding-right:12px;
}
#logo p span.eternity{
padding-right:5px;
}
#logo a:hover {
	text-decoration: none;
}

#navigation {
	float:left;
	padding:0 0 0 0;
	}
	
.navbar {
	margin:50px 0 70px 0px;
	padding:0 0 0 0;
}

.navbar {
	margin:50px 0 70px 0px;
	padding:0 0 0 0;
}

.navbar ul {
	float:left;
}

.navbar li{
	margin:0;
	height:52px;
	padding:0 20px;
	/*padding:20px 20px 19px;*/
	list-style-type:none;
	float:left;
}

.navbar a {
	margin:0 0 0px 0;
	padding:7px 0;
	color:#000;
	font-size:1em;
	text-decoration:none;
	letter-spacing: 0.3em;
}

#menu_programm:hover {
	color:rgba(0, 0, 255, 0.3);
	text-decoration:none;
	}

#menu_vorschau:hover {
	color:rgb(244,255,134);
	text-decoration:none;
	}

#menu_archiv:hover {
	color:rgba(0, 0, 0, 0.3);
	text-decoration:none;
	}

#menu_idee:hover {
	color:rgba(0, 204, 0, 0.3);
	/*color: #60ef74;*/
	text-decoration:none;
	}
	
#menu_kontakt:hover {
	color:rgba(255, 0, 0, 0.3);
	text-decoration:none;
	}

/* -------------- Buehne styling -------------- */

div.wrapper-programm, .wrapper-raum, .wrapper-kontakt, .wrapper-archiv {
/*
	position:relative;
	float:left;
*/	position:absolute;
	margin:0px;
	}

div.wrapper-programm {
	/*width:34%;*/
	width:1020px;
	top:0px;
	left:0px;
	/*border:1px solid red;*/
	}

div.wrapper-raum {
	width:1400px;
	top:0px;
	left:1280px;	
	}

div.wrapper-kontakt {
	top:1400px;
	left:1620px;
	/*width:50%;*/
	width:1200px;
	/*margin: 300px 0 0 300px;*/
	}

#ar {
	float: left;
	width: 10px;
	margin: 200px 0 0 0; 
	}
#dticker{
width:420px;
margin-left:20px;
}
div.wrapper-archiv {
	width:990px;
	top:400px;
	left:2800px;
	/*width:25%;
	float: left;
	margin: 200px 0 0 400px;
	border:1px solid red;*/
	}

div.section-raum {
	position:relative;
	padding:0px;
	width:588px; /*28%;*/
	/*max-width:600px;
	min-height:800px;
	filter: alpha(opacity=15);*/
	}

.subpageRaum, .subpageKontakt, .subpageArchiv {
	position:relative;
	/*width:30%;*/
	float:left;
	margin:0 0 0 0px;
	background-color:rgba(0, 204, 0, 0.15);
	}

div.headername {
	padding:20px 0 0 20px;
	letter-spacing: 0.3em;
	font-weight: bold;
	}

/*  programm-stylings */

div.section-programm {
	width:453px;
	/*margin:20px 200px 0x;*/
	padding: 0;
	float:left;
	}

div.programm-header {
	width:100%;
	/*background-color:rgba(0, 0, 255, 0.15);*/
	margin:0;
	}
.programm-header  div.headername{
	/*color:rgba(0, 0, 255, 0.15);*/
}
div.programm-body {
	clear:both;
	width:100%;
	background-color:rgba(0, 0, 255, 0.15);
	margin:0;
	}

/*  vorschau-stylings */

div.section-vorschau {
	/*background-color:rgba(0, 0, 0, 0.15);*/
	width:453px;
	margin-top:1960px;
	/*padding: 100px;*/
	float:right;
	}

div.vorschau-header {
	width:100%;
	/*background-color:rgb(244,255,134);*/
	margin:0;
	}
.vorschau-header  div.headername{
	/*color:rgb(244,255,134);*/
}
div.vorschau-body {
	clear:both;
	width:100%;
	background-color:rgb(244,255,134);
	margin:0;
	padding: 0px;
	}
	
	/* -------------- programm items -------------- */

	div.programm-item {
		padding:10px 20px;
		}
	
	.programm-item .item-title {
		width: 400px;
		padding:0 0 5px;
		}
	
	h2.item-title {
		margin:0;
		}
	
	.programm-item .item-excerpt {
		margin:10px 0;
		padding:0;
		font-style: italic;
		}
	
	.programm-item .item-excerpt a {
		font-weight:bold;
		}
	
	.programm-item .item-excerpt a:hover {
		text-decoration:underline;
		}
		
	.programm-item .item-thumb {
		margin:10px 0;
		padding:0px;
		}
		
	.programm-item .item-content {
		text-align:left;
		width:400px;
		}
	.programm-item .bilder{
		margin: 20px 0 0;
	}
	.programm-item .bilder img {
		width: auto;
		max-width: 140px;
		margin: 15px 15px 0 0;
	}

/* -------------- vorschau items -------------- */

	div.vorschau-item {
		padding:10px 20px;
		}
	
	.vorschau-item .item-title {
		width: 400px;
		padding:0 0 5px;
		}
	
	h2.item-title {
		margin:0;
		}
	
	.vorschau-item .item-excerpt {
		margin:10px 0;
		padding:0;
		font-style: italic;
		}
	
	.vorschau-item .item-excerpt a {
		font-weight:bold;
		}
	
	.vorschau-item .item-excerpt a:hover {
		text-decoration:underline;
		}
		
	.vorschau-item .item-thumb {
		margin:10px 0;
		padding:0px;
		}
		
	.vorschau-item .item-content {
		text-align:left;
		width:400px;
		}


/*  raum-stylings */

div.section-raum {
	/*background-color:rgba(0, 204, 0, 0.15);*/
	float:left;
	/*width:28%;*/
	width:588px;
	margin:100px 0 0;
	}
div.raum-header {
	width:450px;
	}	
div.raum-body {
	background-color:rgba(0, 204, 0, 0.15);
	}	
div.section-raumSubpages {
	float:left;
	/*width:50%;*/
	width:800px;
	margin:100px 0 0 0;
	}

.subpageRaum {
	background-color:rgba(0, 204, 0, 0.15);
	/*width:35%;*/
	width:368px;
	}

/*  kontakt-stylings */
div.section-kontakt {
	position: relative;
	float: left;
	/*width:40%;*/
	width:600px;
	margin:200px 0 0;
	/*background-color:rgba(255, 0, 0, 0.15);*/
	}
div.kontakt-body {
	background-color:rgba(255, 0, 0, 0.15);
	}
div.section-kontaktsubpages {
	/*width:60%;*/
	width:600px;
	float: left;
	}

.subpageKontakt {
	float:left;
	/*width:64%;*/
	width:576px;
	background-color:rgba(255, 0, 0, 0.15);
	margin:0px;
	}


/*  archiv-stylings */
div.section-archiv{
	/*background-color:rgba(0, 0, 255, 0.15);*/
	width:100%;
	margin:200px 0 0 800px;
	float:left;
	/*margin:700px 0 0 900px;*/
	}
	
div.archiv-body {
	float:left;
	/*clear:both;*/
	width:450px;
	/*background-color:rgba(0, 0, 255, 0.15);*/
	background-color:rgba(0, 0, 0, 0.15);
	margin:0;
	padding-right:16px;
	height: 700px;
	overflow: hidden;
	overflow-y: scroll;
	}

div.archiv-header {
	width:450px;
	padding-right:16px;
	/*background-color:rgba(0, 0, 0, 0.15);*/
	margin:0;
	}
.archiv-header  div.headername{	
	/*color:rgba(0, 0, 0, 0.15);*/
}	
#singleArchivePost{
	float: left;
	width: 480px;
	height:auto;
	padding:20px;
	background-color:rgba(0, 0, 0, 0.15);
	display:none;
}
#singleArchivePost img{
max-width:480px;
height:auto;
}
.archive-list {
	margin:20px 0 0 20px;
	list-style: none;
}
.archive-list h2{
margin:24px 0 12px 0;
margin-left:-4px;
padding-left:4px;
width:100%;
line-height:32px;
background-color:#fff;
}
.archive-list li {
	margin: 0 0 25px 0;
}

div.archive-item {
	padding:10px 20px;
	border-bottom: thin solid;
	background-color:rgba(0, 0, 255, 0.15);
	}

div.archive-item-2 {
	padding:10px 20px;
	border-bottom: thin solid;
	background-color:rgba(100, 50, 0, 0.15);
	}

.archive-item-date {
	margin:0;
	padding:25px 0 0 0;
	font-weight:normal;
}

.archive-item-title {
	margin:0;
	padding:0 0 5px;
		}
	
	.archive-item .item-excerpt {
		margin:0;
		padding:0;
		text-align: left;
		}
	
	.archive-item .item-excerpt a {
		font-weight:bold;
		}
	
	.archive-item .item-excerpt a:hover {
		text-decoration:underline;
		}
		
	.archive-item .item-thumb {
		margin:10px 0;
		padding:0px;
		}
		
	.archive-item .item-content {
		}

.subpageArchiv {
	background-color:rgba(0, 0, 255, 0.15);
	}
	
	
	
	
.page-content {
	clear:both;
	padding:20px;
	}

.page-content h2 {
	font-weight:bold;
	margin:0 0 10px 0;
	padding:5px 0;
	letter-spacing: 0.3em;
	}

.page-content p {
	margin:0;
	padding:5px 0;
	line-height:1.5em;
	text-align: left;
	}

.page-txt {
}

.page-img {
}

.additionalContent {
	float: right;
	width: 30%;
}

/* -------------- Slider Styles -------------- */

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	z-index: 10;
	width:540px;
	height: 360px;
	position:relative;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:540px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

.page-img .next,.page-img .prev {
	position:absolute;
	top:580px;
	left:45px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

.page-img .next {
	left:520px;
}

/* -------------- section items -------------- */

.submenu {
	float:left;
	}

.submenu ul {
	float:left;
	}

.submenu li{
	margin:0 20px 0px 0px;
	padding:5px 0;
	list-style-type:none;
	float:left;
}

/* -------------- Post Meta -------------- */
.post-meta {
	margin-right:0px;
	width:800px;
	float:left;
	background:#FFF;
}
.post-meta ul {
	list-style:none;
	margin:0;
	padding:0;
}
.post-meta ul li {
	margin:0 0 0px;
	padding:5px 5px;
	font-size:11px;
	color:#000;
}
.post-meta ul li a {
	text-decoration:none;
	font-weight:bold;
}
.post-meta ul li.perma {
	padding:10px 0;
	margin:10px 0;
	border-top:1px solid #e6e3e3;
}
.post-meta ul li.perma a {
	margin:0;
	padding:0;
	line-height: normal;
}
/* -------------- General Post -------------- */
.post {
	margin:0 0 30px 0;
	padding:0 0 0 0;
	background:transparent;
	/*border-bottom:1px solid #999;*/
}
.post-page {
	margin:0 0 50px 0;
	padding:0 60px 0 0;
	width:750px;
	float:left;
}
.post h2 {
	margin:0 0 10px 0;
	padding:0px;
}
.post h2 a {}

/* -------------- single page -------------- */
/*
#single-container {
	position:relative;
	width:50%;
	margin:0px 100px 200px;
	padding:120px 0 0 0;
	background:transparent;
	}
*/	
#single-container {
	position:relative;
	width:100%;
	background:transparent;
	}

.content-text {
	/*width:75%;*/
	width:100%;
	margin:0;
	}

.content-img {
	width:100%;
	margin:0 0 100px 0;
	}

.content-img img {
	float:left;
	margin:20px 20px 0 0;
	}

.back {
	clear: both;
	padding: 20px 0 0;
}

/* -------------- Post Body -------------- */
.entry {
	padding:0px;
	overflow:hidden;
}
.entry p {
	line-height:1.6em;
	margin:10px 0;
}
.entry img a {
	border: 0px;
}
.entry ul,.entry ol,.entry blockquote {
	margin:0 14px;
}
.entry ol {
	list-style:decimal;
}
.entry ul li,.entry ol li {
	margin:0 0 7px 18px;
}
.entry ul li {
	list-style:circle;
}
.entry blockquote {
	font-size:1.1em;
	line-height:1.4em;
	padding: 15px;
	margin: 15px 0;
}


/* Pagination for grid items and paginated posts */
.pagination {
	clear:both;
	width:auto;
	margin: 20px auto;
	font-size: 1em;
	text-align:center;
}

.pagination .current {
	color: #000;
	font-weight: bold:
}

.PaginationNext {
	display:block;
	float:right;
	width:40px;
	height:73px;
	overflow:hidden;
	background-position:0px 0px;
	margin:23% 0 0 0;
	background: url('http://projektraum-lotte.de/wp-content/themes/lotte/images/arrow-right.png');
}

.PaginationNext:hover {
	display:block;
	background-position:0px -73px;
}
	
.PaginationPrev {
	float:left;
	width:40px;
	height:73px;
	overflow:hidden;
	background-position:0px 0px;
	margin:23% 0 0 0;
	background: url('http://projektraum-lotte.de/wp-content/themes/lotte/images/arrow-left.png');
}

.PaginationPrev:hover {
	background-position:0px -73px;
}

.pagination .page-numbers {
	margin: 0 5px;
	padding: 10px 0px;
	color:#000;
	font-size:0.7em;
	text-decoration: none;
	background: transparent;
}

.pagination .current {
	margin: 0 5px;
	padding: 10px 0px;
	text-decoration: none;
	background: transparent;
}

/* page-numbers hover color */
a.page-numbers:hover {
	background-color: transparent;
}
#archive-pagination {
	margin: 1em 0;
	color: #000;
}
#archve-pagination .prefix {
	color: #000;
}

#infscr-loading {
	display:none!important;
	}


/* -------------- Sidebar (widget-friendly) -------------- */
.secondary-column h3 {
	margin:0 0 10px 0;
	padding:7px 0;
	color:#000;
}
.secondary-column ul {
	list-style-type:none;
	/*border-top:1px solid #e6e3e3;*/
	margin:0;
	padding:0;
}
.secondary-column ul li {
	padding:5px 0;
	font-size:11px;
	margin:0;
	/*border-bottom:1px solid #e6e3e3;*/
}
.secondary-column ul li a {
	font-size:11px;
	font-weight:normal;
	color:#000;
	padding:0;
	margin:0;
	text-decoration:none;
}
.secondary-column ul li a:hover {
	color:#000;
}
.widgetContainer {
	margin:0 0 20px 0;
}
.widgetContainer .textwidget {
	margin:0 3px;
	line-height:1.5em;
}
.widgetContainer #wp-calendar {
	border-collapse:collapse;
	width:100%;
}
#wp-calendar caption {
	font-weight:bold;
	margin-bottom:7px;
}
#wp-calendar thead {
}
#wp-calendar thead th {
	padding:4px 0 4px 3px;
	border:1px solid #ccc;
	border-width:1px 0;
}
#wp-calendar td {
	padding:3px 0 4px 3px;
	color:#777;
}
#wp-calendar td a {
	font-weight: bold;
}

/* -------------- Archives -------------- */
.archive-entry ul {
	padding:0;
	margin:0 0 30px;
}
.archive-index {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:4px;
	color:#ccc;
}
.year_archive {
	font-size:32px;
	margin:0 0 10px;
	color:#666;
}
.month_archive {
	list-style:none;
}
.month_archive li {
	margin:0;
	padding:5px 0;
}
.month_archive li span.the_day {
	font-size:10px;
	text-transform:uppercase;
	color: #999;
}


/* -------------- Footer -------------- */
#footer {
	/*background:#1c1c1b url(http://projektraum-lotte.de/wp-content/themes/lotte/images/footer-bg.png) top left repeat-x;*/
	/*background:#1c1c1b url(http://projektraum-lotte.de/wp-content/themes/lotte/images/bg.jpg) top left repeat-x;*/
	background:transparent;
	color:#000;
	margin:0;
	padding:40px 0px 40px 0px;
	font-size:1em;
}
#footer-container {
	margin:0 auto;
}
#footer a,#footer a:link,#footer a:visited {
	color:#000;
	font-weight:normal;
	text-decoration:none;
}
#footer a:hover {
	color: #999;
}
#footer-pad {
	padding: 0 20px;
}
/* -------------- Floats / Clearing -------------- */

.hidden {
	display:none;
	}

.floatleft,.alignleft {
	float:left;
	margin:3px 7px 0 0;
}
.floatright,.alignright {
	float:right;
	margin:3px 0 0 7px;
}
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
}
.fix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.fix {
	display:inline-block;
}
* html .fix {
	height:1%;
}
.fix {
	display: block;
}

.trick{
/*width:100%;*/
position:relative;
display:block;
margin-bottom:16px;
}

.wp-caption{
margin-bottom:8px;
}
.wp-caption-text{
font-size:8pt;
width:100%;
}
.wp-caption.thumb-caption .wp-caption-text { float:left; background-color:#fff  }
/*
.wp-caption.thumb-caption { }
.wp-caption.thumb-caption img { ... }

*/