@charset "UTF-8";
/**
 * Basic Structure CSS Template.
 *
 * @copyright       Copyright 2009, Infinity Labs
 * @author          Tristan Lins <tristan.lins@infinitylabs.de>
 * @link            http://www.infinitylabs.de
 */

@media screen, projection {
	/** Basic Layout */
	body { background-color: #e9f1e1; }

	#page_margins { padding: 2em 0; }
	#page_outer {  }
	#page{  }
	#page_inner {  }

	#header { background: url(../images/header.png) no-repeat center center; position: relative; padding-right: 220px; }
	#header_content { color: #fff; font-style: italic; font-size: 120%; }
	#header .mod_article { padding-left: 251px; }
	#header blockquote { padding: 1em 1.5em; }
	#header #logo { position: absolute; text-align: center; width: 220px; padding-top: 1em; }

	#nav { font-size: 90%; }
	#nav ul, #nav li { list-style-type: none; padding: 0; margin: 0; }
	#nav li { border-bottom: 1px solid #fff; }
	#nav ul.level_2 { border-top: 1px solid #fff; }
	#nav li.level_2 { padding-left: 1.5em; }
	#nav li a.level_1, #nav li span.level_1 { line-height: 2.5em; height: 2.5em; }
	#nav li a.level_2, #nav li span.level_2 { line-height: 2em; height: 2em; font-size: 90%; }
	#nav li.last { border-bottom: none; }
	#nav a { color: #000; }
	#nav span { color: #000; font-weight: bold; }
	
	#before {  }
	
	#main { padding-top: 28px; background: url(../images/main.png) repeat-y center center; }

	#after {  }
	
	#footer { font-size: 75%; background: url(../images/footer.png) no-repeat center center;
		line-height: 3em; padding-left: 251px; }
	#footer_content { padding-left: 3.65em; }

	/*------------------------------------------------------------------------------------------------------*/

	/** Content Area */

	#col1 { padding-top: 75px; padding-left: 32px; }
	#col1_content {  }

	#col2 { font-size: 85%; }
	#col2_content {  }

	#col3 {  }
	#col3_content { padding-left: 2.7em; padding-bottom: 1em; }
	
	#content { position: relative; height: 446px; overflow: auto; }

	/*------------------------------------------------------------------------------------------------------*/

	.startseite #page_outer { padding-left: 374px; background: url(../images/home_left.png) no-repeat left top; }
	.startseite #page_inner { padding-right: 26px; background: url(../images/home_right.png) no-repeat right top; }
	.startseite #header, .startseite #main, .startseite #footer { background: none #fff; }
	.startseite #main { height: 72px; padding-top: 0; padding-right: 3em; }
	.startseite #header_content { color: #30c0eb; font-size: 160%; }
	.startseite #header blockquote { padding: 0; margin: 0; }
	.startseite #header .mod_article { padding-left: 8em; padding-top: 13em; }
	.startseite .autor { position: relative; font-size: 50%; bottom: auto; right: auto; padding-right: 0; }
	.startseite #content { height: auto; overflow: visible; }
	.startseite a, .startseite a:link, .startseite a:hover, .startseite a:visited { font-size: 120%; color: #D65038; }
	.startseite p { margin: 0 0 .5em; }

	/** Additional Layout Elements */
	.mod_breadcrumb { font-size: 75%; padding-left: 1em; margin-bottom: 1em; }

	form label { margin-bottom: .1em; display: block; }
	form input.text, form select, form textarea { border: 1px solid #aaa; background-color: #fbfbfb; width: 250px; display: block; margin: 0 0 .25em; padding: .25em; }
	form p.error { color: #f00; }

	h1.sie-sucht-ihn { color: #e2007a; }
	h1.er-sucht-sie { color: #009ee0; }
	
	#sie-sucht-ihn { background: url(../images/box_woman_main.png) repeat-y right center; padding-left: 7px; margin-bottom: 1em; }
	#sie-sucht-ihn .mod_article_outer { background: url(../images/box_woman_top.png) no-repeat right top; }
	#sie-sucht-ihn .mod_article_inner { background: url(../images/box_woman_bottom.png) no-repeat right bottom; padding: 1em; }
	#sie-sucht-ihn h1 { color: #e2007a; font-weight: bold; font-size: 120%; }
	#er-sucht-sie { background: url(../images/box_man_main.png) repeat-y right center; padding-left: 7px; margin-bottom: 1em; }
	#er-sucht-sie .mod_article_outer { background: url(../images/box_man_top.png) no-repeat right top; }
	#er-sucht-sie .mod_article_inner { background: url(../images/box_man_bottom.png) no-repeat right bottom; padding: 1em; }
	#er-sucht-sie  h1 { color: #009ee0; font-weight: bold; font-size: 120%; }
	#sie-sucht-ihn h3, #er-sucht-sie h3 { font-weight: bold; }
	#col2 .mod_article .more { text-align: right; }

	.teaser p { margin-bottom: 0; }
	.teaser p.more { margin-bottom: 1.5em; font-style: italic; }

	#col3 .article_teaser { border-top: 1px solid #ccc; padding-top: 1.5em; }
}

@media print {
}