﻿		/* CSS Document */
		body 
		{
			background-color:#2a2a2a;
			padding:0;
			margin:0;
			font: normal 12px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
			background-image:url(images/bg.jpg);
			background-repeat:repeat-y;
			background-position:center;
			color:#2a2a2a;
		}
		
		/* ----------------------- */
		/* Hauptelemente der Seite */
		/* ----------------------- */
		
		#main 
		{
			width:860px;
			margin:0 auto 0;	
		}
		
		#marginal
		{
			width:360px;
			float:right;
			padding:20px;
		}
		
		#content
		{
			width:420px;
			padding:20px;
			float:left;
			line-height:18px;
		}
		
		#footer 
		{
			width:820px;
			padding:20px;
			float:left;
			background-color:#000000;
			height:450px;
			background-image:url(images/footer.jpg);
			background-repeat:no-repeat;
			background-position:top;
			font-size:10px;
			color:#333333;
			text-transform:uppercase;
			line-height:18px;
		}
		
		/* ----------------------- */
		/* Vordefinierte xHTML tags */
		/* ----------------------- */
		
		table td, table th
		{
			padding:15px 0 0 0;
			vertical-align:top;
			text-align:left;
		}
		
		table th
		{
			width:120px;
			color:#666666;
		}
		
		h2 /* Überschrift der Marginalspalte */
		{
			color:#ffffff;
			font-size:13px;
			text-transform:uppercase;
			margin:0 0 20px 0;
			padding:0 0 10px 0;
			background-image:url(images/spacer.jpg);
			background-repeat:repeat-x;
			background-position:bottom;
		}
		
		strong,
		b 
		{
			color:#d64700;
			
		}

                .activityentry {
			font-weight:bold;
                        font-size:12px;    
                }

		blockquote {
			color:#666666;
			font-style:italic
                }

		hr
		{
			background-image:url(images/article_spacer.gif);
			background-repeat:repeat-x;
			padding:20px 0 0 0;
			border:0;
		}
		
		#content h3 a /* Seitentitel */
		{
			font-size:20px;
			margin:0 0 20px 0;
			padding:0 0 0 24px;
			font-weight:normal;
			color:#d64700;
			background-image:url(images/article.gif);
			background-position:left 5px;
			background-repeat:no-repeat;
			text-decoration:none;
			border-bottom:none;
			display:block;
			line-height:24px;
		}
		
		#content h3 a:hover /* Seitentitel */
		{
			color:#903000;
			border-bottom:none;
		}
		
		#content a, #footer a /* Link Allgemein im Content & Footer */
		{
			color:#d64700;
			text-decoration:none;
			border-bottom:1px dotted #d64700;
		}
		
		#content a:hover /* Link Allgemein im Content */
		{
			color:#000000;
			border-bottom:1px dotted #000000;
		}
		
		#footer a:hover /* Links im Footer*/
		{
			color:#ffffff;
			border-bottom:1px dotted #ffffff;
		}
		
		.logo a /* Das Logo */
		{
			background-image:url(images/logo.jpg);
			background-position:left;
			background-repeat:no-repeat;
			display:block;
			width:232px;
			heigth:51px;
			text-decoration:none;
			margin:0 0 40px 0;
		}
		
		.hide /* Die versteckte Schrift im Logo */
		{
			visibility:hidden;
		}
		
		/* ----------------------- */
		/* Das Menü */
		/* ----------------------- */
		
		.menu
		{
			list-style-type:none;
			padding:0;
			margin:0 0 40px 0;
		}
		
		.menu li
		{
			margin:0 0 3px 0;
		}
		
		.menu li a
		{
			display:block;
			width:350px;
			padding:10px 0 10px 10px;
			background-color:#782800;
			text-decoration:none;
			color:#ffffff;
			font-size:11px;
		}
		
		.menu li a:hover, .menu .active 
		{
			background-color:#000000;
		}
		
		/* ----------------------- */
		/* Das Submenü */
		/* ----------------------- */
		
		.menu ul
		{
			list-style-type:none;
			padding:0;
			margin:3px 0 0 0;
		}
		
		.menu li ul li a
		{
			display:block;
			width:350px;
			padding:4px 0 4px 10px;
			background-color:#2a2a2a;
			text-decoration:none;
			color:#ffffff;
			font-size:11px;
		}
		
		.menu li ul li a:hover, 
		.menu li ul li active
		{
			background-color:#000000;
		}
		
		/* ----------------------- */
		/* Die Kommentare in der Sitebar */
		/* ----------------------- */
		
		.comments
		{
			list-style:url(images/comment.gif) outside none;
			padding:0;
			margin:0 0 40px 0;	
		}
		
		.comments li 
		{
			margin:0 0 10px 20px;
			padding:0 0 0 10px;
		}
		
		.comments li a
		{
			/*display:block;
			width:100%;*/
			text-decoration:none;
			color:#ffffff;
			font-size:11px;
			line-height:18px;
		}
		
		.comments li a:hover 
		{
			background-color:#000000;
		}
		
		/* ----------------------- */
		/* Sonstige Aufzählungen in der Sitebar */
		/* ----------------------- */
		
		.miscli
		{
			list-style:url(images/li.jpg) outside none;
			padding:0;
			margin:0 0 40px 0;
                        color:#ffffff;	
		}
		
		.miscli li 
		{
			margin:0 0 10px 20px;
			padding:0 0 0 10px;
                        color:#ffffff;
		}
		
		.miscli li a
		{
			/*display:block;
			width:100%;*/
			text-decoration:none;
			color:#ffffff;
			font-size:11px;
			line-height:18px;
		}
		
		.miscli li a:hover 
		{
			background-color:#000000;
		}
		
		/* ----------------------- */
		/* RSS Aufzählungen in der Sitebar */
		/* ----------------------- */
		
		.rss
		{
			padding:0;
			margin:0 0 20px 0;	
			list-style-type:none;
		}
		
		.rss li 
		{
			margin:0 0 10px 0;
			padding:0;
			
			background-image:url(images/feed.gif);
			background-repeat:no-repeat;
			background-position:left;
			
			padding-left:60px;
		}
		
		.rss li a
		{
			/*display:block;
			width:100%;*/
			text-decoration:none;
			color:#ffffff;
			font-size:11px;
			line-height:18px;
		}
		
		.rss li a:hover 
		{
			background-color:#000000;
		}
		
		/* ----------------------- */
		/* RSS Aufzählungen in der Sitebar */
		/* ----------------------- */
		
		.pages,
		.aktt_tweets ul
		{
			list-style:url(images/li.jpg) outside none;
			padding:0;
			margin:0 0 40px 0;	
		}

		.aktt_tweets ul
		{
			list-style:url(images/tweet.png) outside none;
			margin:0 0 40px 5px;
			
		}
		
		.pages li,
		.aktt_tweets ul li 
		{
			margin: 0 0 10px 20px;
			padding: 0 0 0 10px;
		}

		.aktt_credit {
			display: none;
		}

		.pages li a
		{
			text-decoration:none;
			color:#ffffff;
			font-size:11px;
			line-height:18px;
		}
	
		.aktt_tweets ul li,
		.aktt_tweets ul li a
		{
			text-decoration:none;
			color:#ffffff;
			font-size:11px;
			line-height:14px;
		}
		
		.pages li a:hover,
		.aktt_tweets ul li a:hover 
		{
			background-color:#000000;
		}

		
		/* ----------------------- */
		/* Die Suche */
		/* ----------------------- */
		
		.search 
		{
			margin:0;
			padding:0;
		}
		
		.search .searchfield 
		{
			float:left;
			width:284px;
			height:23px;
			border:1px solid #481800;
			margin:0 5px 20px 0;	
			padding:4px;
			font: normal 18px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
		}
		
		.search .searchbtn 
		{
			float:left;
			margin:0 0 40px 0;	
			padding:0;
		}
		
		/* ----------------------- */
		/* Die Galerie Vorschau */
		/* ----------------------- */
		
		.gallery
		{
			list-style-type:none;
			list-style-position:inside;
			padding:0;
			margin:0;
		}
		
		.gallery li 
		{
			padding:0;
			margin:0 0 40px 0;
			float:left;
		}
		
		.gallery .space
		{
			padding:0 0 0 12px;
		}
		
		.gallery li img
		{
			
			background-image:url(images/imgborder.gif);
			background-position:center;
			background-repeat:no-repeat;
			padding:6px 6px 6px 6px;
			margin:0;
			border:none;
		}
		
		.gallery a
		{
			text-decoration:none;
		}
		
		/* ----------------------- */
		/* Der Einzelartikel */
		/* ----------------------- */
		
		#content .post p
		{
			margin:0 0 20px 0;
		}
		
		#commentform input,
		#commentform textarea 
		{
			border:1px solid #481800;
			font: normal 12px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
		}
		
		#commentform textarea 
		{
			width:415px;
		}
		
		.navigation 
		{
			padding:10px 0 0 0;
		}
		
		#footer .post-meta 
		{
			list-style-type:none;
			color:black;
			margin:0;
			padding:0;
		}
		
		/* ----------------------- */
		/* Die Artikelauflistung der Startseite */
		/* ----------------------- */
		
		.post 
		{
			background-image:url(images/article_spacer.gif);
			background-repeat:repeat-x;
			background-position:bottom;
			padding:20px 0 20px 0;
		}
		
		.postmetadata /* Alle Metadaten */
		{
			font-size:10px;
			color:#999999;
		}
		
		.time /* Die Anzeige der Posttime */
		{

			background-image:url(images/time.gif);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:21px;
		} 
		
		.commentlink /* Der Link zu den Kommentaren */
		{
			background-image:url(images/comments.gif);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:21px;
		}
		
		.category /* Die Kategorieauflistung */
		{
			background-image:url(images/category.gif);
			background-repeat:no-repeat;
			background-position:left;
			padding-left:21px;
		}
		
		#content .noborder, #content .noborder:hover
		{
			text-decoration:none;
			border:none;
		}
		
		#content a img
		{
			padding:8px;
			border:solid 1px #cccccc;
			text-decoration:none;
		}

		/* ----------------------- */
		/* Das Formular */
		/* ----------------------- */		
		
		.inputfield { 
			padding: 4px 0px;
		}
		
		.inputfield input
		.inputfield textarea {
			margin-left: 10px;
		}
		
		#intouchform input {
			width:400px;
			margin-bottom: 10px;
			border:1px solid #481800;
			font: normal 11px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
			padding:4px;
		}
		
		#intouchform textarea {
			width:400px;
			margin-bottom: 10px;
			border:1px solid #481800;
			font: normal 11px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
			padding:4px;
		}

		#intouchform input.submitbutton {
			width: auto !important;
			margin-top:10px;	
			border:1px solid #481800;
			font: normal 12px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
		}
		
		#intouchform #usermessage {
			margin-top:10px;
			/*text-align: center;
			background-color:#d64700;
			color:#FFFFFF;
			width:405px;*/
		}
		
		#intouchform .error {
			border: 1px solid #FF0000 !important;
			padding:4px;
		}

/* Spezielle Tabellen */

#silverlightflash { 
	width:100%;
	margin:0;
	padding:0px;
	border-spacing: 0;
}
	
#silverlightflash td { 
	background-color:#e4e4e4;
	margin:0px;
	font-size:11px;
	vertical-align:top;

	border-top: 1px solid #fff;
	border-right: 1px solid #c6cdd8;
	border-bottom: 1px solid #c6cdd8;
	border-left: 1px solid #fff;
	padding: 1.2em 0.5em 1.2em 0.8em;
	width:50%;
}

#silverlightflash th { 
	background-color:#2a2a2a; 
	color: #fff;
	font-weight: bold;
	padding: .2em .7em .2em .8em;
	text-align: left;
	border-top: 1px solid #fff;
	border-right: 1px solid #c6cdd8;
	border-bottom: 1px solid #c6cdd8;
	border-left: 1px solid #fff;
}
