@charset "utf-8";
/* CSS Document */

/* reset */
* {
margin: 0;
padding: 0;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

body {
font-family:  Arial, Helvetica, sans-serif;
color: #333;
font-size: 14px;
/*background-image: url(images/bg.jpg);
background-repeat: repeat;*/
background-color: #DDDBB5;/* #D9D4B7;*/
color: #2D2C15;
}

/* layout */

#wrapper {
width: 950px;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
}


header {
    -moz-border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    background: none repeat scroll 0 0 #DDDBB5;
    float: none;
	text-align: center;
    margin: 2em 10px 1.5em;
    padding: 1em;
    position: relative;
    width: 920px;
	font-variant:small-caps;
	font-size: 20px;
}

/* nav */

nav{
width: 940px;
border-bottom: #2D2C15 solid 1px;
border-top: #2D2C15 solid 1px;
height: 20px;
padding-top: 4px;
margin: 0 20px 0em;}

nav .menu {
font-size: 14px;
font-weight: bold;
}

nav .menu ul {
margin: 0;
padding: 0px 0 0 20px;
list-style: none;
line-height: normal;


}

nav .menu li {
display: block;
float: left;
}

nav .menu a {
display: block;
float: left;
margin-right: 5px;
padding: 0px 15px;
text-decoration: none;
color: #2D2C15;
}

nav .menu a:hover {
	background-color: #2D2C15;
	color: #DDDBB5;
}

hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 5px #CDCA94 ;
 border-bottom: transparent;
 padding-top: 2px;
 padding-bottom: 2px;
 
}

/** ARTICLES **/
#content {
	float: left;
	width: 700px;
	margin:10px 0 10px 0;
	padding:5px 20px 5px 20px;
	/* curved border radius 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
}

#main {
width: 940px;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 10px;
overflow: hidden;
}

.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}

.alignright, img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 12px;
}

/* sidebar and widget blocks */

aside {
	float: right;
	text-align: left;
	width: 200px;
	margin:0;
	padding:0;
}

aside img{
	border: 0px;
	}

/* article */
.articlecontent{
	/*-moz-border-radius: 4px 4px 4px 4px;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -webkit-border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    border-radius: 4px 4px 4px 4px;*/
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    background: none repeat scroll 0 0 #DDDBB5;
    float: left;
    margin: 1em 10px 1em;
    padding: 1em;
    position: relative;
	width: 90%;}
	
.widecontent{
	/*-moz-border-radius: 4px 4px 4px 4px;
	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-webkit-border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	border-radius: 4px 4px 4px 4px;*/
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	background: none repeat scroll 0 0 #DDDBB5;
	font-variant:small-caps;
	font-size: 20px;
	text-align: center;
	float: none;
	margin: 1em 10px 1em;
	padding: 1em;
	position: relative;
	width: 90%;
}

input {
	font-family:  Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #DDDBB5;
}
textarea{
	font-family:  Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #DDDBB5;	
	}



/* box shadow on pics */
.articlecontent img {
/* curved border radius 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;*/
}

.articlecontent a:link, .articlecontent a:visited, .articlecontent a:active{
	
	text-decoration: underline;
	}


.articlecontent a:hover{
	font-style: italic;
	text-decoration: underline;
	}

.articlecontent ul
 {
margin: 0 0 0 30px;
color: #2D2C15;
}
/* sidebar */
aside section {
	margin: 2em 0 10px 0;
	-moz-border-radius: 4px 4px 4px 4px;
	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-webkit-border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	background: none repeat scroll 0 0 #DDDBB5;
	text-align: center;
	padding: 10px 0 10px;
}

aside section ul {
margin: 0 0 0 20px;
color: #2D2C15;
}

aside section ul li a {
display: block;
text-decoration: none;
color: #000;
}

aside section ul li a:hover {
	background-color: #2D2C15;
	color: #DDDBB5;
	padding-left: 30px;
}

aside section h3 {
	margin-bottom: 10px;
}

/* basics */

h1{
	text-shadow: 2px 2px #CDCA94;
	filter: DropShadow(color=#CDCA94, offx=2, offy=2);}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	clear: both;
	color: #2D2C15;
	padding-top: 5px;
}

h1 a, h2 a, h3 a {
	text-decoration: none;
	font-style: italic;
}

a:link, a:visited, a:hover, a:active{
color:#2D2C15;
text-decoration: none;
}

.normaltext{
	font-variant: normal;
	font-size: 14px;
}
	
/* footer*/

footer{
	width: 940px;
	border-top: #2D2C15 solid 1px;
	height: 20px;
	padding-top: 4px;
	margin: 0 20px 0em;
	overflow: hidden;

}

.footer-segment-left {
float: left;
margin-right: 20px;
margin-left: 20px;
width: 380px;
}
.footer-segment-right {
float: right;
margin-right: 20px;
margin-left: 20px;
width: 380px;
text-align: right;
}