/*-------------------------------------------------------------------------------------------------
[Basic Stylesheet]

Project:	masthoch.de
Version:	1.0
Author:	Claudius Hofbauer
-------------------------------------------------------------------------------------------------*/

@import './reset.css';
@import 'http://fonts.googleapis.com/css?family=Vollkorn';

html, body { font:1em verdana,arial,sans-serif; line-height:1em; }

#page { margin:0 auto; padding:2em 3em; width:960px; }

#header { height:65px; margin-bottom:1em; }

#menu { float:left; font-size:0.9em; width:175px; }
		#menu ul li a {  background:url(../img/menu.gif) left -39px repeat-y; color:#666; display:block; height:16px; padding:11px 10px; text-decoration:none; width:155px; }
			#menu ul li a:hover { text-decoration:underline; }
	
			#menu ul li a.active, #menu ul li a.trail { background-position: left -133px; color:#fff; }
				#menu ul li a.active:hover { text-decoration:none; }
	
			#menu ul li a.first { background-position: left 0; padding-top:14px; padding-bottom:9px; }
			#menu ul li a.first.active, #menu ul li a.first.trail { background-position: left -127px; color:#eee; font-weight:bold; }
	
			#menu ul li a.last { background-position: left -81px; padding-bottom:16px; }
				#menu ul li a.last.active, #menu ul li a.last.trail { background-position: left -154px; color:#eee; font-weight:bold; }
	
		 #menu ul li.submenu ul li { background:url(../img/menu.gif) left -40px repeat-y; }
			 #menu ul li.submenu ul li a { background:none; font-size:0.9em; padding: 3px 10px 0 25px; }
				#menu ul li.submenu ul li a.first { padding-top:6px; }
				#menu ul li.submenu ul li a.last { padding-bottom:5px; }
				#menu ul li.submenu ul li a.active { color:#666; font-weight:bold; }


#content { font-size:0.8em; float:left; margin: 0 0 1em 20px; width:560px; }
	#content h1,#content h2,#content h3 { font-family:Vollkorn; }
	#content h1 { color:#405159; font-size:1.3em; font-weight:normal; letter-spacing: 0.1em; margin-bottom:-1em; padding-top: 0.25em; }
	#content h2, 
	#content .video { border-top:2px solid #ccc; color:#405159; font-size: 1.5em; font-weight:bold; margin:2em 0 1em 0; padding-top:1em; text-align:center; }
	#content h3 { border-top:1px dotted #ccc; color:#405159; font-size:1.3em; font-weight:bold; margin:1em 0; padding-top:1em; }

	#content p { line-height: 1.3em; margin-bottom:1em; }

	#content ul, #content ol {margin:0 0 1em 2em;}
		#content ul li {list-style: disc outside;}
		#content ol li {list-style: decimal outside;}

	#content .info { color:#405159; font-weight:bold; }
	#content .comment { margin-bottom:1em; }

	#content form .widget { margin-bottom: 0.4em;}

	#content form .formbody { border-top:1px solid #ccc; margin-top:1em; padding-top:1.5em; }

	#content .news { font-size:0.75em; }
		#content .news h3 { font-size:15px; margin-bottom:0.5em; padding-top: 0.5em; }
		#content .news p { margin-bottom: 0.25em; padding:0; }
			#content .news p strong {  color:#405159; font-weight:bold; }

#serviceArea { float:right; font-size:0.7em; width:175px; }
	#serviceArea .serviceBox { margin-bottom:1em; }
		#serviceArea .serviceBox .tagCloud { margin: 0.5em 0 2em 0; text-align:center; }
			#serviceArea .serviceBox .tagCloud h2, #serviceArea .serviceBox .tagCloud h3, #serviceArea .serviceBox .tagCloud h4 { background:none; display:inline; }
			#serviceArea .serviceBox .tagCloud h2 { font-size:1.2em; }
			#serviceArea .serviceBox .tagCloud h3 { font-size:1em; }
			#serviceArea .serviceBox .tagCloud h4 { font-size:0.8em;}
			#serviceArea .serviceBox .tagCloud a { color:#999; text-decoration:none; }
				#serviceArea .serviceBox .tagCloud a:hover { color:#333; text-decoration:underline; }
		#serviceArea .mod_Banner h2 { font-size: 0.8em; }
		#serviceArea .mod_Banner .banner_name { display:none; }

		
#footer { border-top:1px solid #ccc; clear:both; float:left; font-size:0.7em; margin-left:196px; padding-top:0.5em; text-align:center; width:560px; }
	#footer a { color:#000; text-decoration:none; }
		#footer a:hover { text-decoration:underline; }