/*  
Theme Name: Tutorial: Headline Element Styling
Description: Designed by <a href="http://www.keasone.de" title="Keasone">Alexander Hahn</a>.
Version: 1.0
Author: Alexander Hahn
Author URI: http://www.keasone.de
*/

html, body {
 height: 100%; /* wichtig */
 background-color: #DFDFBE;
 padding: 0px;
}

body {
	margin: 0px auto;
	font: 62.5% "Verdana", "Arial", "Helvetica", Sans-Serif;
	}
	
.wrapper{
	/* Container immer über volle Höhe erstrecken */
	min-height: 100%;
	height:auto !important; /* moderne Browser */
	height:100%; /* IE */
}

.wrapper {
	background-color: #F5F5DF;
	width: 49em;
	margin: 0px auto;
}

.content {
	font-size: 1.3em;
	padding: 25px 20px 15px 20px;
}
/* LINKS ----------------------------------------------------------------------------------------------------------------------------------- */	
a:link {	color: #727260;	text-decoration: underline;	}
a:visited { color: #727260; text-decoration: underline;	}
a:hover { color: #727260; background-color: #dfdfbe; }
a:active { color: #727260; text-decoration: underline; }
/* ----------------------------------------------------------------------------------------------------------------------------------- */	

h2{
	font-weight: lighter;
	color: #58583b;
	}
	
/* HEADLINE 01 ----------------------------------------------------------------------------------------------------------------------------------- */	
h2 {
	font: 1.4em Georgia,serif;
	letter-spacing: 2px;
	margin: 0 -20px;
	text-align: center;
	background: url(images/line01.gif) repeat-x 0 50%;
	}

h2 span {
	padding: 0 4px;
	background: #F5F5DF;
}

/* HEADLINE 02----------------------------------------------------------------------------------------------------------------------------------- */	
h2.stars {
	letter-spacing: 0px;
	font-size: 1.2em;
	}

h2.stars span {	
	padding: 0 0 0 20px;
	background: #F5F5DF url(images/star.gif) no-repeat left center;
}

h2.stars span span{
	padding: 0 20px 0 0;
	background: transparent url(images/star.gif) no-repeat right center;
}

/* HEADLINE  03----------------------------------------------------------------------------------------------------------------------------------- */	
h2.dark {
	letter-spacing: 1px;
	text-align: left;
	background: url(images/line_dark.gif) repeat 0 50%;
	padding-left: 35px;
	}

h2.dark span {	
	padding: 0 5px;
	background: #F5F5DF url(images/line_light.gif) repeat left center;
}

/* HEADLINE 04 ----------------------------------------------------------------------------------------------------------------------------------- */	
h2.tab {
	font-size: 1.2em;
	letter-spacing: 0px;
	text-align: left;
	background: transparent;
	margin: 0;
	}
	
h2.tab span {	
	padding: 8px 15px;
	background: #dfdfbe url(images/tab.gif) no-repeat right top;
}

p.tab {
font-family: Georgia,serif;
margin: 0 0 25px 0;
padding: 15px;
background: transparent url(images/tab_bg.gif) repeat-x 0 0;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */	
/* HEADLINE 05 ----------------------------------------------------------------------------------------------------------------------------------- */	
h2.round {
	font-size: 1.2em;
	letter-spacing: 0px;
	text-align: left;
	background: transparent;
	margin: 0;
	}
	
h2.round span {	
	padding: 0px 12px 0px 0px;
	background: #dfdfbe url(images/round_b-r.gif) no-repeat right bottom;
}

h2.round span span{	
	padding: 6px 15px 0 15px;
	background: #dfdfbe url(images/round_t-r.gif) no-repeat right top;
}

p.round {
font-family: Georgia,serif;
margin: 0px;
padding: 15px;
background: transparent url(images/tab_bg.gif) repeat-x 0 0;
border: 1px solid #DFDFBE;
}
/* ----------------------------------------------------------------------------------------------------------------------------------- */	
p {
color: #727260;
margin: 15px 0 25px 0;
line-height: 130%;
}