@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage f�r die Erstellung eines Screenlayouts
 *
 * @file		basemod_draft.css
 * @creator		YAML Builder v0.3 Preview
 * @link		http://builder.yaml.de
 */

@media all
{
 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { background: #c6c8a8 url('../images/bg.png'); }

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins { width: 900px;  min-width: 900px; max-width: 900px; margin: 0 auto 0 auto; border-right: 1px solid grey; border-bottom: 1px solid grey;}
  #page {  }
  #header {   }
  #topnav {   }
  #nav {   }
  #footer {   }


 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */
  #col1 { float: right; width: 300px}
  #col2 { display:xnone}
  #col3 { width: auto; margin: 0 300px 0 0}
  #col1_content { padding: 0 10px 0 20px }
  #col3_content { padding: 0 20px 0 10px }

  #main { padding: 10px 0 0 0 ; }

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */

#header {
  position: relative;
  left: 0px;
  xheight: 240px;
  width: 880px;
  margin:0px;
  padding: 0px ; 
  z-index: 2;
}

#logo {
	clear: both; 
}

#nav {
	padding: 0px;
	margin: 0px;
	width: 850px;
	height: 20px;
}

#tagline { 
 	position: relative;
  	float: left;
 	clear: none ;
  	
  	top: 0.3em;
  	right: 0px;
  	padding: 0px;
  	margin: 0px;
  	width: 350px;

	letter-spacing: 0.25px;  	
 	background: transparent url('../images/trans.png') ; 

}


#nav_main {
 	position: relative;
  	float: right;
 	clear: none ;
  	
  	top: -7px;
  	left: 0px;
  	padding: 0px;
  	margin: 0px;
  	width: 450px;
 	background: transparent url('../images/trans.png') ; 
}


#nav_main ul li{
 	font-size: 1.2em;
 	padding: 0px;
 	margin: 0px;
}
#nav_main ul .current_page_item  a, .current_page_item > a {
 	color: orange;
}

.page_item a {
	font-size: 100%;
}

.teaser {
	position: relative;
	z-index: 0;
	top:0px;
	left: auto;
	width: 850px;
	width: 100%;
	height: 200px;
	background: white url('../images/worldpuzzle.jpg') no-repeat 40px -30px; 
}

/**
	Control the backgrounds, teaser images etc.
*/
#body-blog { background: #c6c8a8 url('../images/bg.png'); }

x#body-97 { background: #E39B2F url('../images/bg.png'); }
#body-100 { background: #82AFC6 url('../images/bg.png'); }

#body-133 { background: #5a311d url('../images/bg.png'); }
#teaser-133 { background: url( '../images/kontakt.jpg') 0px 0px no-repeat; }‚

/** 
* Postings navigation
*/
.navigation { 
	margin: 10px 5px 10px 5px;
}

/**
* Header styles
*/
h1, h2, h3, h4, #header h1 { color: #8c9050;  }
#header h1 {
    margin: 0.1em ;
    font-size:2.5em;
    letter-spacing:-1px;
    line-height:65%;
    color:#000;
}

#comments, #respond { color: grey; }


/** 
*	Comments
*/
.alignright {
	float: right;
	width: 250px;
	margin-bottom: 10px ;
}
.alignleft {
	float: left ;
	width: 250px;
	margin-bottom: 10px ;
}

.commentlist li {
	margin: 0px 0px 3em 10px;
}


/** 
* 	Posts
*/

.post, .page {
	padding-bottom: 10px ;
	margin-bottom: 20px;
}

.itemhead { 
	clear: both; 
} 
.itemhead h1{
	margin-top: 10px;
	display:inline;
	}
	
.itemhead h2{
	margin-top: 10px;
	display:inline;
	}
}

.when {
	display: block;
	top: -0.8em;
	
	padding-bottom: 5px;
	margin: 5px 0px 20px 0px;
	x-border-bottom: 1px solid silver;
	text-align: left;

	overflow:visible;
	

	color: silver;
	font-size: 0.8em;
	font-style: italic ;
}

.entrytext {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 1.0em;
	line-height: 1.6em;
}

.postmetadata, .postmetadata .category > a {
	margin: 2em 0 2em 0;
 	color: silver;
}


/**
* Sidebar styles
*/
.sidebar {
 	padding-top: 1em;
}
.sidebar >li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


/** 
 *	LANGUAGE SWITCH
 */ 
#lang-switch a span { display: none; } 
#lang-switch a {
	position:absolute;
	padding: 0px;
	width: 16px;
	height:	114px;

	top:	80px;
	left: 890px;

	color:	silver;
	z-index:99;
}

#lang-switch.en a {
	background:	transparent url( "../images/lang-en.png" ) no-repeat scroll 0%;
}
#lang-switch.de a, #lang-switch.default a  {
	background:	transparent url( "../images/lang-de.png" ) no-repeat scroll 0%;
}