@import url('webfonts/roboto-slab.css');


body { 
	font-family:Arial, Helvetica, sans-serif;
	font-family: 'Roboto Slab', serif;
  	font-size: 1em;
	/*font-size: 0.9em;*/
  	color: #333;
	background: #fff;
	line-height: 150%;
	font-weight: 300;
}



table {border-collapse:collapse; border:0; border-top: 2px #ccc solid; width:100%;}
table tr th {padding: 5px 2px; line-height:110%; vertical-align:top; text-align:left; border-bottom: 1px #ccc solid;}
table tr td {padding: 5px 2px; line-height:110%; vertical-align:top; border-bottom: 1px #ccc solid;}
table tr td p {margin:0; lineheigh:120%;}

.bildrechts {float:right; margin-left:20px;}
.bildlinks {float:left; margin-right:20px;}

img[src$=".jpg"] {box-shadow: 5px 5px 2px -1px #000, 10px 10px 5px -2px #222}
a:hover img[src$=".jpg"]  {box-shadow: 3px 3px 2px -1px #000, 8px 8px 5px -2px #111}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Customise the standard HTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a:link, a:visited {
	color: #d3f011;
	text-decoration: none;
}
a:hover, a:active  {
	color: #d4ff6a; /*hell gruen*/
	text-decoration: underline;
}

a img {border:0}	
p a {font-weight:bold;}	


/* ------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {color: #d3f011; line-height: 120%; margin:0; padding: 15px 0 7px 0; text-shadow:  5px 5px 4px #000;} /*gruen*/
p {margin:0 0 10px 0; max-width: 600px;}


h1 { font-size: 48px; font-weight: 100; line-height: 90%; }
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px; margin:3px 0 0 0;}


form {margin: 0;}

hr {
	margin: 5px 0px 5px 0px;
	color: #194381;
	border: 0;
	border-top: 1px solid #666;
	height: 1px;
}



ul li {	
	padding-bottom: 3px;
	list-style: url(img/lipu1.gif);

			
} 

ul {	
	XXline-height: 150%;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 0.7em;
	padding-left: 0.7em;
		
}

ul li li {	
	
	list-style: url(img/lipu2.gif);
	padding-bottom: 2px;
			
}

ol {
	
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0.9em;
	padding-left: 0.9em;		
}



blockquote{
	padding: 5px;
	margin: 3px 0 20px 0;
}

pre, .code {
	color: #4b4b4b;
	padding: 6px 0 20px 6px;
	border-top: 1px solid #eee;	
	background: #fff url(img/pre.jpg) no-repeat right bottom;
	margin: 10px 0 20px 0;
	
	font-size:1em;	
	overflow:auto; 
	line-height:1.6em;	
}

address {
	line-height:120%;
	margin: 10px 0 20px 0;
	padding-left: 10px;
	border-left: 6px solid #addb3c;
	font-style: normal;
	font-weight: bold;
}


/*-----------------------------------------------------------------

table {border-collapse:collapse; border:0;}*/


abbr				{}
acroynm			{}
cite				{}
address			{}
strong			{}
em					{}

/* Inline font Styles */
/* Pretty styles for changing text in the WYSIWYG editor */

.important	{font-weight:bold;color:#f00;}
.code				{font-family: "Courier New", Courier, mono; color:#666;letter-spacing: 1px;}

/*-----------------------------------------------------------------*/	

/* Specials */
p img[align="right"], h3 img[align="right"] { float:right; margin: 4px 0 5px 20px; }
p img[align="left"], h3 img[align="left"]{ float:left; margin: 4px 20px 5px 0;}