/* Allgemeine Formatierungen */

* {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
}

body{
        background:#A3D500 url(bg.jpg) repeat-x top left;
	color:#000;
	font: 1.2em "Myriad Web Pro", "Tahoma", Verdana, Helvetica, Arial, sans-serif;
	line-height:1.5;
	margin:0;
	padding:0;
	text-align:center;
}

div, p, h1, h2, h3, ul, ol, li, 
span, a, form, images {
   	margin: 0;
   	padding: 0;
   	font-size: 1em;
}

a:link {
	color: #196F0D;
   	text-decoration: none;
}

a:hover {
	color: #5D5D5D;
   	text-decoration: none;
}

a:visited {
	color: #196F0D;
   	text-decoration: none;
}

a:active {
	color: #000;
   	text-decoration: underline;
}

strong {
   	font-size: 0.9em;
   	font-weight: bold;
}

h1 {
   	font-size: 4.2em;
   	color: #fff;
}

h2 {
   	font-size: 3em;
   	color: #333;
}

p, ul {
   	font-size: 0.7em;
   	color: #fff;
   	margin: 0;
   	padding: 0;
}

xmp {width:80%;font-size:10px;background:#e1e1e1; color:#000; border:1px solid #000;overflow:hidden;margin:0 auto}

#blub {	position: absolute;
	right: 10px;
	top: 50px;
 	font-size: 100%;
        width:200px;
        height:100px;
}

#blub a, #blub #visited, #blub a:active {color:#FF0096}
#blub a:hover{color:#000;}

/* Allgemeine Formatierungen Ende */

/* Container */

#container {
	background-color:#FFFFFF;
	text-align:left;
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
	border: 3px solid #000;
}
	

/* Container Ende */

/* Header */

#head {
	background: #D1D1D1 url(header_bg.jpg) repeat-x top;
	height:146px;
}

#head h1 {
	float:left;
	background: #D1D1D1 url(logo.jpg) no-repeat top;
	margin-left: 50px;
	height: 146px;
	width: 287px;
	text-indent: -9999px;
}

/* Header Ende */


/* Content */

#content {
	background:#D8EE94;
	margin:0 auto;
  	clear: both;
  	overflow: hidden;
  	position: relative;
  	width: 85%;
	border: 1px solid #C7C7C7;
	padding:6px;
}

#content h2 {
	font-size: 1.2em;
	color: #495D0A;	
}
#content h3 {
	font-size: 0.9em;
	color: #495D0A;	
}

#content p {
	color:#495D0A;
	padding: 4px;
	line-height: 1.6em;
}

/* Content Ende */


#tutorials{
	float:left;
	width:350px
}
#tutorials ul{
	list-style-type:none;
        padding: 8px;
}
#templates ul{
	list-style-type:none;
        padding: 8px;
}
#tutorials li {
        font-size: 1.2em;
}
#templates li {
        font-size: 1.2em;
}
#tutorials li, #templates li{
	display: block;
        text-align: left;
	text-decoration: none;
        padding-left:40px;
        margin-bottom: 6px;
}
#tutorials li{
        background:transparent url(pdf.jpg) 0px center no-repeat;
	color:#495D0A;
}
#tut li{
        background:transparent url(link.jpg) 0px center no-repeat;
	color:#495D0A;
}
#templates li{
        background:transparent url(dl.jpg) 0px center no-repeat;
	color:#495D0A;
}
#tutorials li a, #tutorials li a:hover, #tutorials li a:visited, #templates li a, #templates li a:hover, #templates li a:visited{
	color: #A47E03;
}
#templates{
	float:right;
	width:400px
}
#tutorials h2, #templates h2 {
	font-size: 1.2em;
}

#tutorials h3, #templates h3 {
	font-size: 0.9em;
	color:#495D0A;
}

/* Footer */

#footer {
	padding: 0px;
	margin-top: 6px;
}

#footer p {
	padding-left:5px;
	color: #000;
}