/*
Theme Name: LeGourmand
Theme URI: http://www.asdf-systems.de
Author: asdf-systems
Author URI: http://www.asdf-systems.de
Description: A theme especially designed for Le Gourmand
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* webfont classes: */


#Fonts {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	text-decoration: none;

	.StMarieWebSC-Thin {
		font-family: 'StMarieWebSCThin', sans-serif;
	}
	.StMarieWeb-Thin {
		font-family: 'StMarieWebThin', sans-serif;
	}

	.Brandon {
		.Common {
			font-family: 'BrandonGrotesque-Regular', Verdana;
			line-height: 1.4;
			font-weight: 100;
		}

		.Regular {
			#Fonts > .Brandon > .Common;
		}
		
		.Bold {
			#Fonts > .Brandon > .Common;
			font-family: 'BrandonGrotesque-Bold', Verdana;
			font-weight: 400;
		}

		.Italic {
			#Fonts > .Brandon > .Common;
			font-family: 'BrandonGrotesque-RegularItalic', Verdana;
		}
	}

	.Droid {
		.Common {
			font-family: 'Droid Serif', serif;
			line-height: 1.4;
			font-weight: 400;
		}

		.Regular {
			#Fonts > .Droid > .Common;
		}

		.Bold {
			#Fonts > .Droid > .Common;
			font-weight: 700;
		}

		.Italic {
			#Fonts > .Droid > .Common;
			font-style: italic;
		}
	}
}

/* farben nach paulines beschreibung */
@schwarz: #000000;
@dunkelgrau: #282828;
//@hellblau: #eaf1f2;
@hellblau: #dfebec;
@rot: #b64830;
@blau: #6ea9dc;
@dunkelgrau: @schwarz;
@mittelgrau: #8c8c8c;
@hellgrau: #f3f3f3;
@debugblue: blue;
@weiss: #ffffff;

/* global */

body {
	#Fonts > .Brandon > .Regular;
	background: @dunkelgrau;
}

a {
	text-decoration: none;
}

/* =Structure
-------------------------------------------------------------- */

#page {
	background: @hellblau;
	display: block;
	width: 1019px;
	.aligncenter;
	text-align: center;
	> * {
		width: 959px;
		text-align: left;
		margin-left: 32px;
		margin-right: 32px;
	}
	/*> #main { // only main page
		clear: both;
		width: 959px + 2*3px;
		text-align: left;
		padding: 0px;
		margin-left: 32px - 3px;
		margin-right: 32px - 3px;
	}*/
}
#main {
	position: relative;
	top: -25px;
}
#primary {
	float: left;
	width: 636px;
}

#secondary {
	float: right;
	overflow: visible;
	width: 313px;
}
#content {
	//margin: 0 280px 0 0;
}
#main .widget-area {
	float: right;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.section-heading {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */

#headerimage {
	
}

/* =Menu
-------------------------------------------------------------- */

#branding {
	position: relative;
}

.generic_menu_point {
	position: relative;
	@voffset: -53px;
	@imgheight: 43px;

	img, a {
		border: 0px;
	}
	.inactive {
		display:block;
	}
	.active {
		display:none;
	}
	&:hover {
		.inactive {
			display: none;
		}
		.active {
			display: block;
		}
	}
}

#main_navi {
	position: relative;
	display: block;
	margin: 0 auto 1em;
	width: 100%;
	height: 10px;

	.generic_menu {
		position: absolute;
		top: -53px;
	}

	.generic_menu_button {
		position: absolute;
		width: auto;
		height: 43px;
		top: -57px;
		cursor: pointer;

		img, a {
			border: 0px;
		}
		.inactive {
			display:block;
		}
		.active {
			display:none;
		}
		&:hover {
			.inactive {
				display: none;
			}
			.active {
				display: block;
			}
		}
	}

	.menu_button_news {
	   left: 19px;	
	   width: 67px;   
	}

	.menu_button_essentrinken {
	   left: 100px;
	   width: 179px;
	}

	.menu_button_reise {
	   left: 294px;
		width: 68px;
	}

	.menu_button_hotels {
	   left: 378px;
	   width: 85px;
	}

	.menu_button_social {
	   left: 478px;
	   width: 156px;
	}

	.menu_button_termine {
	   left: 647px;
	   width: 98px;
	}

	.menu_button_tv {
		left: 758px;
		width: 176px;
	}

	.generic_menu_rollout {
		width: auto;
		height: auto;
		position: absolute;
		background-color: #FFFFFF;
	}
	
	.generic_text {
		color: @hellgrau;	
		#Fonts > .Brandon > .Bold;
		a:link, a:visited, a:active {
			#Fonts > .Brandon > .Bold;
			color: @hellgrau;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 8pt;
			letter-spacing: 0.2em;
		}
		a:hover {
			color: @blau;
		}
	}
	
	ul {
		list-style: none;
		margin: 0;
		padding-left: 0;
		ul {
			box-shadow: 0 3px 3px rgba(0,0,0,0.2);
			-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
			-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
			display: none;
			float: left;
			position: absolute;
			top: 2em;
			left: 0;
			z-index: 99999;
			&:hover > a {
				background: #dedede;
			}
			ul {
				left: 100%;
				top: 0;
			}
			a {
				background: #dedede;
				line-height: 1em;
				padding: .5em .5em .5em 1em;
				width: 10em;
				height: auto;
				&:hover {
					background: #cecece;
				}
			}
		}
		li:hover > ul {
			display: block;
		}

	}
	li {
		float: left;
		position: relative;
		&:hover > a {
			background: #dedede;
		}
	}
	a {
		display: block;
		line-height: 2em;
		padding: 0 1em;
		text-decoration: none;
	}
}


#top_navi {
	#Fonts > .Brandon > .Bold;
	a, a:link, a:active, a:visited, a:hover {
		color: @mittelgrau;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 8pt;
		letter-spacing: 0.2em;
	}

	ul {
		position: relative;
		float: right;
		list-style-type: none;
		li {
			position: absolute;
			top: 12px;
		}
		// Mediadaten
		#menu-item-4839 {
			left: -295px;
			width: 100px;
		}
		// Impressum
		#menu-item-4840 {
			left: -180px;
		}
		//Vita
		#menu-item-4841 {
			left: -80px;
			width: 120px;
		}
	}
}


/* =Content
-------------------------------------------------------------- */


.entry-meta {
	clear: both;
	display: block;
}
#content {
	nav {
		display: block;
		overflow: hidden;
		.nav-previous {
			float: left;
			width: 50%;
		}
		.nav-next {
			float: right;
			text-align: right;
			width: 50%;
		}
	}
	#nav-above {
		display: none;
	}
	.post, .page {
		p {
			margin-top: 1em;
			margin-bottom: 1em;
		}
		img {
			margin: 20px;
		}
		color: @schwarz;
		a {
			color: @blau;
		}
		.more-link {
			color: @blau;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 12px;



		}

		background-color: @weiss;
		padding: 25px;
		overflow: hidden;
		margin-bottom: 10px;
		.entry-header {
			> * {
				margin-bottom: 10px;
			}
			.entry-title {
				#Fonts > .Droid > .Italic;
				color: @rot;
				font-size: 22pt;
				a, a:active, a:visited, a:hover, a:link {
					color: @rot;
					text-decoration: none;
				}
			}
		}
		.entry-content {
			overflow: hidden;
			#Fonts > .Brandon > .Regular;
			font-size: 12pt;
			strong {
				#Fonts > .Brandon > .Bold;
			}
			ul {
				list-style: disc inside none;
			}
		}
	}
	.post-189 .entry-content { // links / verweise
		text-align: justify;
		-moz-column-count: 2;
		-moz-column-gap: 12px;
		-moz-column-rule: 0px solid #c4c8cc;
		-webkit-column-count: 2;
		-webkit-column-gap: 12px;
		-webkit-column-rule: 0px solid #c4c8cc;

		color: black;
		a:visited, a:active, a:hover, a:link {
		color: black;
		text-decoration: none;
		}
	}
		#disqus_thread {
background-color: white;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
		}
#comments {
padding: 25px;
		margin-top: 10px;
		background-color: @weiss;
		.commentlist {
			list-style: none;
			list-style-type: none;
			padding: 0px;
			margin: 0px;
			.comment {
				td {
					vertical-align: top;
				}
			}
			.comment-meta {
				#Fonts > .Brandon > .Regular;
				font-size: 10pt;
			}
			.comment-content {
				// Ugly, fix me.
				p {
					-webkit-margin-before: 0px;
				}
			}
			.avatar {
				padding-right: 25px;
			}
		}
	}

	#commentdiv {
		position: relative;
		input, textarea {
			#Fonts > .Brandon > .Regular;
			font-size: 10pt;
			border: 0px;
			background-color: @hellgrau;
			color: @mittelgrau;
			
		}
		padding: 25px;
		margin-top: 10px;
		background-color: @weiss;
		#comment {
			width: 576px;
			height: 77px;
			margin-top: 1em;
		}
		#author, #email, #website {
			position: relative;
			#Fonts > .Brandon > .Bold;
			margin: 0px;
			width: 187px;
			left: 0px;
		}

		#email {
			margin-left: 5px;
			margin-right: 5px;
		}

		.submitdiv {
			margin-top: 10px;
			margin-bottom: 10px;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			background-color: @weiss;
			#submit {
				#Fonts > .Brandon > .Bold;
				position: relative;
				color: @schwarz;
				background-color: @weiss;
			}
		}
	}
}



.hr-header {
	margin-top: 5px;
	margin-bottom: 5px;
	color: @mittelgrau;
	position: relative;
	height: 10px;
	hr {
		margin:0 px;
		border: none;
		border-top: 1px solid @mittelgrau;
		border-collapse: collapse;
	}

	.hr-title {
		#Fonts > .Brandon > .Bold;
		font-size: 14px;
		position: relative;
		text-transform: uppercase;
		.aligncenter;
		top: -15px;
		text-align: center;
		span {
			padding-left: 5px;
			padding-right: 5px;
			padding-top:0px;
			padding-bottom:0px;
			
			background-color: @weiss;
			color: @mittelgrau;
			text-decoration: none;
			a:visited, a:active, a:hover, a:link {
				color: @mittelgrau !important;
				text-decoration: none;
			}
		}
	}
}

.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	margin: 0 0 1em;
}

/* main page */
/** posts **/
.thumbnail {
	margin-left: auto !important ;
	margin-right: auto !important ;
	margin-top: 10px !important ;
	margin-bottom: 10px !important ;
	width: auto;
	height: 150px;
	display: block;
}
.home .entry-cat {
	
}
.home #main {
	position: relative;
	top: -25px;
	height: 3*388px + 2*10px + 2*15px;
	}
.home_post {
	display: block;
	.entry-content {
		p {
			color: @dunkelgrau;
		}
	}
}
#home_post_0 {
	position: absolute;
	left: 0px;
	top: 0px;
}
#home_post_1 {
	position: absolute;
	left: 2*5px + 313px;
	top: 0px;
}
#home_post_2 {
	position: absolute;
	left: 4*5px + 2*313px;
	top: 0px;
}
#home_post_3 {
	position: absolute;
	left: 0px;
	top: 388px + 2*5px + 15px;
}
#home_post_4 {
	position: absolute;
	left: 2*5px + 313px;
	top: 388px + 2*5px + 15px;
}
#home_post_5 {
	position: absolute;
	left: 4*5px + 2*313px;
	top: 388px + 2*5px + 15px;
}

#home_post_6 {
	position: absolute;
	left: 0px;
	top: 2*388px + 4*5px + 2*15px;
}
#home_post_7 {
	position: absolute;
	left: 2*5px + 313px;
	top: 2*388px + 4*5px + 2*15px;
}
#home_post_8 {
	position: absolute;
	left: 4*5px + 2*313px;
	top: 2*388px + 4*5px + 2*15px;
}
.home #main .post {
	#content > .post;
	display: block;
	overflow: hidden;
	width: 313px - 2 * 30px;
	height: 388px - 2 * 30px + 15px;
	padding: 30px;
	.entry-header {
		.entry-title {
			font-size: 18px;
		}
	}

	.entry-content {
		img {
			display: none;
		}
		display: block;
		#Fonts > .Brandon > .Bold;
		font-size: 11pt;
		color: @mittelgrau;
		.more-link {
			text-decoration: none;
			font-size: 12px;
			text-transform: uppercase;

		}
	}

	.entry-meta {
		display: none;
	}
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Aside Posts */


.format-gallery .gallery-thumb {
	float: left;
	margin-right: 1em;
}

/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
	
}
.wp-smiley {
	margin: 0;
}


/* =Forms
-------------------------------------------------------------- */
#search {
	float: right;
	margin-left: 2em;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
}
#searchform {
	label {
		display: none;
	}
	input#searchinput {
		#Fonts > .Brandon > .Regular;
		height: 1em;
		width: 180px;
		border: 0;
		/*background-image: url('media/pfeil_hellgrau_suche.png');
		&:focus {
			background-image: none;
		}*/
	}
	input#searchsubmit {
		display:none;
	}
}
/*input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}*/

/* Class for labelling required form items */
.required {
	color: #cc0033;
}


/* =Comments
-------------------------------------------------------------- */

article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/* =Widgets
-------------------------------------------------------------- */
.widget {
	display: block;
	background-color: @weiss;
	@lr: 25px;
	@tb: 20px;
	padding-left: @lr;
	padding-right: @lr;
	padding-top: @tb;
	padding-bottom: @tb;
	margin-bottom: 10px;

	input {
		border: 0;
	}

	.widget-title {
		color: @blau;
		#Fonts > .Brandon > .Bold;
		font-size: 12px;
		text-transform: uppercase;
		margin-bottom: 10px;
		letter-spacing: 0.2em;
	}
}

.widget_tag_cloud {
	a:link, a:visited, a:active, a:hover {
		#Fonts > .Droid > .Italic;
		color: @schwarz;
		text-decoration: none;
	}

	.tagcloud {
		text-align: center;
	}
}

.widget_text .widget_linksammlung {
	display: inline;
	list-style: none;
	font-size: 12px;
	line-height: 25px;
	// Ugly, fix me.
	-webkit-padding-start: 0px;
	a:link, a:visited, a:active, a:hover {
		#Fonts > .Brandon > .Bold;
		color: @schwarz;
		text-decoration: none;
	}
}

.widget_text .slickr-flickr-gallery {
	padding: 0px;
	ul {
		line-height: 0px;
		li {
			margin: 0px;
			a {
				img {
					border: 0px;
					padding: 0px;
					margin-right: 10px;
					margin-bottom: 10px;
					&:hover {
						background-color: transparent;
					}
				}
			}
		}
	}
}

.widget_collapsarch {
	.sym {
		display: none;
	}
	ul.list {
		list-style-type: none;
		li {
			line-height: 20px;
			a, a:link, a:visited, a:active, a:hover {
				#Fonts > .Brandon > .Bold;
				color: @schwarz;
				text-decoration: none;
			}
		}
	}
}

.widget_text .vernetzen {
	position: relative;
	height: 80px;
	.generic_menu_point {
		position: absolute;
		.active {
			width: 26px;
			height: 26px;
			background: url('media/rss_aktiv.png');
			float: left;
		}
		.inactive {
			width: 26px;
			height: 26px;
			background: url('media/rss_inaktiv.png');
			float: left;
		}
		a, a:link, a:visited, a:active, a:hover {
			text-transform: uppercase;
			margin-left: 5px;
			#Fonts > .Brandon > .Bold;
			font-size: 10px;

			position: relative;
			top: 4px;
			color: @dunkelgrau;
			text-decoration: none;
		}
	}

	@firstrow: 0px;
	@secondrow: 45px;
	@firstcol: 0px;
	@secondcol: 85px;
	@thirdcol: 190px;

	.rss_button {
		top: @firstrow;
		left: @firstcol;
		.active {
			background: url('media/rss_aktiv.png');
		}
		.inactive {
			background: url('media/rss_inaktiv.png');
		}
	}

	/*.linkedin_button {
		top: @firstrow;
		left: @secondcol;
		.active {
			background: url('media/linkedin_aktiv.png');
		}
		.inactive {
			background: url('media/linkedin_inaktiv.png');
		}
	}*/
	.gplus_button {
		top: @secondrow;
		left: @firstcol;
		.active {
			background: url('media/google_aktiv.png');
		}
		.inactive {
			background: url('media/google_inaktiv.png');
		}
	}

	.twitter_button {
		top: @secondrow;
		left: @thirdcol;
		.active {
			background: url('media/twitter_aktiv.png');
		}
		.inactive {
			background: url('media/twitter_inaktiv.png');
		}
	}
	.mail_button {
		top: @firstrow;
		left: @secondcol;
		.active {
			background: url('media/mail_aktiv.png');
		}
		.inactive {
			background: url('media/mail_inaktiv.png');
		}
	}
	.facebook_button {
		top: @secondrow;
		left: @secondcol;
		.active {
			background: url('media/facebook_aktiv.png');
		}
		.inactive {
			background: url('media/facebook_inaktiv.png');
		}
	}
	.xing_button {
		top: @firstrow;
		left: @thirdcol;
		.active {
			background: url('media/xing_aktiv.png');
		}
		.inactive {
			background: url('media/xing_inaktiv.png');
		}
	}
}

.widget_newsletterwidget {
	height: 55px;
	.aboform {
		position: relative;
		input.email {
			#Fonts > .Brandon > .Bold;
			font-size: 8pt;
			display: inline;
			height: 1em;
			border: 0px;
			padding: 5px;
			background-color: @hellgrau;
			color: @mittelgrau;
			text-transform: uppercase;
			width: 125px;
		}
		.arrow {
			position: relative;
			top: 4px;
			display: inline-block;
			width: 21px;
			height: 17px;
			background: url('media/pfeil_schwarz_newsletter.png');
		}
		input.submit {
			position: relative;
			top: 1px;
			display: inline;
			#Fonts > .Brandon > .Bold;
			font-size: 8pt;
			border: 0px;
			margin: 0px;
			padding: 0px;
			padding-top: 2px;
			text-transform: uppercase;
			color: @schwarz;
			background-color: transparent;
		}
	}
}


.asdf_most_recent {
	margin: 0;
	padding: 0;
	#Fonts > .Brandon > .Regular;
	* {
		color:@mittelgrau;
	}
	.buttons {
		margin-top: 15px;
		margin-bottom: 15px;
		> .widget-title {
			display: inline;
			color:@mittelgrau;
			&.articles {
				color: @blau;
			}
		}
	}
	> .content {
		/*.comments, .tweets {
			display: none;
		 }*/
		 .articles {
			.date {
			}
			.title {
				#content > .page > .entry-header > .entry-title;
			}
			* {
				display: block;
				font-size: 12pt;
				padding: 0px;
				margin: 0px;
			}
			hr {
				margin-top: 15px;
				margin-bottom: 15px;
			}
			img {
				float: left;
				margin-right: 10px;
			}
		 }

		 .comments {
			* {
				padding: 0px;
				margin: 0px;
				a {
					text-decoration: none;
				}
			}
			.author {
				#Fonts > .Brandon > .Bold;
				font-size: 12pt;
				color: @blau;
				display: inline;
				margin-right: 5px;
				a {
					color: @blau;
					&:visited {
						color:@blau;
					}
				}
			}
			.post {
				#Fonts > .Droid > .Italic;
				#Fonts > .Droid > .Bold;
				font-size: 10pt;
				color: black;
				display: inline;
				a {
					color: black;
					&:visited {
						color:black;
					}
				}
			}
			div {
				display: block;
				> .comment-text {
					//display: inline-block;
					padding-left: 50px;
				}
			}
			font {
				display: inline;
			}
			hr {
				margin-top: 5px;
				margin-bottom: 15px;
			}
			img {
				float: left;
				margin-right: 10px;
			}
		 }
		 .tweets {
			.date {
				#Fonts > .Brandon > .Bold;
				color: @blau;
				font-size: 10pt;
			}
			.content {
				#Fonts > .Droid > .Italic;
				#Fonts > .Droid > .Bold;
				font-size: 10pt;
				color: black;
				display: inline;
			}
			div {
				//margin-top: 15px;
			}
			hr {
				margin-bottom: 15px;
			}
		 }
	}
}

.asdf_archive {
	margin: 0;
	padding: 0;
	#Fonts > .Brandon > .Bold;
	font-size: 12px;
	color: @mittelgrau;
	> span {
		height: 40px;
		background-color: @hellgrau;
		display: inline-block;
		> img {
			display: inline-block;
			position: relative;
			margin-left: 10px;
		}
	}
	.jsddm {
		display: inline-block;
		position: relative;
		top: 1em;
		li {
			float: left;
			list-style: none;

			a {
				display: block;
				background-color: @hellgrau;
				padding: 5px 12px;
				text-decoration: none;
				color: @mittelgrau;
				white-space: nowrap;

				&:hover {
					background-color: @hellblau;
				}
				&:visited {
					color: @mittelgrau;
				}	
			}
				
			ul {
				margin: 0;
				padding: 0;
				position: absolute;
				visibility: hidden;
				li {
					float: none;
					display: inline;
					a {
						width: auto;
						background-color: @hellgrau;
						&:hover {
							background-color: @hellblau;
						}	
					}
				}
			}
		}
	}
}

.widget {

	.widget_search {
		overflow: hidden;
	}
	.widget_search input {
		float: left;
	}
} 

/* =Footer
-------------------------------------------------------------- */
#colophon {
	clear: both;
	display: block;
	padding: 1em;
	text-align: center;
	background-color: @dunkelgrau;
	width: 1019px;
	margin-left: 0px;
	margin-right: 0px;
}
#site-generator {
	margin-bottom: 1em;
	> font > a > img {
		height: 1.5em;
		width: auto;
		position: relative;
		top: 6px;
		left: 2px;
	}
}

#social_footer {
	position: relative;
	width: 100%;
	> div {
		position: absolute;
	}
	font {
		position:relative;
		top: 5px;
	}
	font-size: 10px;
	#twitter_div  {
		left: 0%;
	}
	#facebook_div {
		left: 25%;
	}
	#flattr_div  {
		right: 0%;
	}
	#plusone_div {
		right: 25%;
	}
}

#site-generator {
	right: 2em;
	color: @mittelgrau;
	a, a:active, a:hover, a:link, a:visited {
		color: @blau;
		text-decoration: underline;
	}
}