/* ******************************
	Author: Mentasti Matthias
	Location: Mayerling / Austria
	Website: www.mment.at
****************************** */




/* *****************************************
	Standard 
***************************************** */
*
{
	margin:			 	0;
	padding: 			0;
	border: 			0;
}

body{
	background-color: 	#f4f4ed;
	color: 				#aaa;
	font-family: 		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 			0.7em;
}

blockquote{
	margin-left: 		10px;	
}

img{
	border:				2px solid #ccc;
	padding:			3px;	
}

a{
	text-decoration: 	none;
	color:				#3e3e3e;	
}

a:hover{
	text-decoration:	underline;
	color:				#3e3e3e;	
}

.left{
	float:				left;	
	margin:				5px 0 5px 10px;
}

.right{
	float:				right;
	margin:				5px 10px 5px 0px;
}

input{
	border:				1px solid #ccc;	
	color:				#3e3e3e;
	font-family:		Verdana, Helvetica, sans-serif;
	font-size:			1em;
}

textarea{
	border:				1px solid #ccc;
	width:				400px;		
	color:				#3e3e3e;
	font-family:		Verdana, Helvetica, sans-serif;
	font-size:			1em;
}


/* ********** */


#wrapper{
	padding-top: 		1px;
	width:				100%;
	text-align:			center;
}

/* **********
	Content
********** */

#wrapper #content{
	width: 				900px;
	margin: 			auto;
	text-align: 		left;
}

	/* Schild */
#wrapper #content #schild{
	background-image: 	url(images/schild.jpg);
	width:				872px;	
	height:				330px;	
	margin:				10px 29px 30px 29px;
}

#wrapper #content #schild a h1{
	margin-left: 		30px;
	margin-top:			-50px;
	width:				350px;
	height:				50px;
	text-indent:		-99999px;
}

#wrapper #content #schild #menu{
	margin-left: 		452px;
	padding-top: 		85px;
	color: 				#404040;	
	font: 				11px/11px Arial, Helvetica, sans-serif;
	letter-spacing: 	1px;
	text-transform: 	uppercase;
	margin-right: 		15px;
}

#wrapper #content #schild #menu ul li{
	margin-bottom:		5px;
	list-style:			none;
}

#wrapper #content #schild #menu ul li a{
	text-decoration: 	none;
	color: 				#888;	
	width:				340px;
	list-style:			none;
	margin-left:		80px;
	margin-bottom:		5px;
}

#wrapper #content #schild #menu ul li a:hover{
	text-decoration: 	none;
	color: 				#404040;
}


	/* links */
#wrapper #content #links{
	float: 				left;
	width: 				600px;
	margin-right:		20px;
	margin-left:		35px;
	margin-bottom:		20px;
	background-color:	#f4f4ed;
}


#wrapper #content #links h2{
	font-family:		Arial, Verdana, Helvetica, sans-serif;
	font-size:			1.5em;
	margin-bottom:		10px;
	float:				left;
	width:				150px;	
}

#wrapper #content #links h2 a{
	color:				#bbb;
	text-decoration:	none;
}

#wrapper #content #links h2 a:hover{
	color:				#383d44;
	text-decoration:	none;	
}

#wrapper #content #links .post{
	width:				430px;
	padding:			0 10px 10px 10px;
	background-color:	#f4f4ed;
	float: 				left;	
}

#wrapper #content #links .post h3{
	font-family:		Arial, Verdana, Helvetica, sans-serif;
	font-size:			1.3em;
	width:				150px;
	margin-left:		-160px;
	margin-top:			25px;
	margin-bottom:		-15px;
	color:				#ccc;	
	position:			relative;
}
	
#wrapper #content #links .post p{
	color:				#3e3e3e;
	margin-bottom:		5px;	
	margin-left:		5px;
}

#wrapper #content #links .post a{
	color:				#5c5b49;
	text-decoration:	underline;	
}

#wrapper #content #links .post a:hover{
	color:				#ccc;
	text-decoration:	none;	
}

#wrapper #content #links .post ul{
	margin-left: 		30px;
	margin-bottom:		10px;
}

#wrapper #content #links hr{
	clear:				both;
	background-color:	#eaeade;	
	height:				1px;
	margin-bottom:		8px;
}

	/* sidebar */
#wrapper #content #sidebar{
	float:				right;
	width:				200px;	
	background-color:	#f4f4ed;
	padding:			5px;
}

#wrapper #content #sidebar h2{
	font-family:		Arial, Verdana, Helvetica, sans-serif;
	font-size:			1.2em;
	margin-bottom:		5px;	
	color:				#aaa;
}

#wrapper #content #sidebar h2#kategorie{
	text-indent:		-99999px;
	background-image:	url(images/kategorie.jpg);
	width:				158px;
	height:				52px;	
}

#wrapper #content #sidebar h2#kurznachrichten{
	text-indent:		-99999px;
	background-image:	url(images/kurznachrichten.jpg);
	width:				158px;
	height:				52px;	
}

#wrapper #content #sidebar ul{
	margin-left:		30px;	
	margin-bottom:		20px;
}

#wrapper #content #sidebar ul li a{
	color:				#777;	
	text-decoration:	none;
}

#wrapper #content #sidebar ul li a:hover{
	color:				#777;	
	text-decoration:	underline;
}


/* ********** */

#footer{
	background-color:	#404040;
	clear:				both;
	text-align:			left;
	padding:			10px;
	height:				100%;
}

#footer ul{
	margin:				20px 30px 5px 30px;
	border:				1px solid #ccc;
	padding:			10px;
	background-color:	#555;
}

#footer ul li{
	display:			inline;	
	list-style:			square;
	margin-right:		10px;
}

#footer ul li a{
	color:				#ccc;
	text-decoration:	none;	
}

#footer ul li a:hover{
	color:				#ccc;
	text-decoration:	underline;	
}