/*
Benedikt Scherer | Webdesign
2007 - 2010
v2.2 // 2010-02-15

*/

/* ------------------------------------ UNDO ------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

/* ------------------------------------------------------------------------ HTML ------------------------------------------------------------------------------------------------------------ */

html , body {
	color:#fff;
	font: 11px/1.2 Helvetica, sans-serif;
	background:#4A3223 url(img/avatar_562x1300.gif) 0 0 no-repeat; /* 0c466b: 0b3f61 blue */
	background-position:top right;
	margin:0;
	padding:0;
	text-align:left;
	height:100%;
}


#bg-image { 
		display:none;
		position:absolute; 
        top:-20px; 
        right:0px; 
        width:100px;
        height:1325px;
}

/* ------------------------------------------------------------------------ Uebergeordnete Tags ------------------------------------------------------------------------------------------------------------ */
hr { height:1px; border:1px; background:#5D5C5C; margin-top:-20px; }

p{ margin:0px 0px 15px 0px; }
.entry p{ margin:10px 0px 10px 0px; }

.clear{ clear:both; }
.left, .alignleft{ float:left; }
.right, .alignright{ float:right; }

/* 
ÜBERSCHRIFTEN
*/

h1{	
	font: 18px/1.2 Georgia, serif; 
	color:#fff; 
	font-weight:bold; 
	margin:0px 0px 5px 5px ; 
	}

h2{	
	font: 16px/1.2 Georgia, sans-serif; 
	font-weight:bold; 
	color:#fff;
	}

h3{ 
	font: 12px/15px Helvetica, Arial, sans-serif; 
	font-weight:bold; 
	color:#fff; 
	margin:0px 3px 0px 0px; 
	}  
  
  
/* 
LINKS
 */

a:link, a:active, a:visited { 
	color:#ffffff; 
	text-decoration:none; 
	padding:0px 3px; 
	}
a:hover{ 
	color:#ffffff; 
	background:#1a1a1a; 
	}
	a.login:link, a.login:hover, a.login:visited, a.login:active { color:#4a3223; background:#4a3223;}
	a.outlaw:link, a.outlaw:visited, a.outlaw:active { color:#221710; background:none; }
	a.outlaw:hover { color:#fff; background:none; }

	:focus { -moz-outline-style: none; }
	
	
/* 
SCHRIFTAUSZEICHNUNG 
 */
 
small{ 
	font:9px/1.2 Helvetica,Arial, sans-serif;
	color:#5D5C5C; 
	}

.referenzen strong { font-weight:bold; color:#5D5C5C; }
.referenzen em { font-style:italic; color:#C30000; }

i, em{ font-style:italic; letter-spacing:1px; color:#686868; }
b, strong{ font-weight:bold; }

blockquote{ margin:10px;  font:12px/1.2 Georgia, sans-serif; font-style:italic; color:#686868; }

	
	
	
/* ============================================== # 

			C O N T A I N E R 
 
# ============================================== */

#main { 
	position:absolute; 
	top:60px; 
	left:12%; 
	}

	
/* ============================================== # 
LINKER CONTAINER 
# ============================================== */

#left{ 
	position:absolute; 
	left:0px; 
	top:25px; 
	margin:0px; 
	padding:0px; 
	}

	ul#navigation{ 
	width:80px; 
	color:#322218; 
	text-align:right; 
	}
	
	ul#navigation li{ margin:10px 0px; }
	ul#navigation li a{ 
		display:block; 
		color:#322218; 
		text-decoration:none; 
		width:74px; 
		height:74px; 
		}
	ul#navigation li a:hover{ 
		color:#fff; 
		background:none; 
		text-decoration:none; 
		}
	
	ul#navigation li a.web{ background:#C30000 url(img/nav_web.gif) 0 -74px no-repeat; }
		ul#navigation li a.web:hover{ background: url(img/nav_web.gif) 0 0 no-repeat; }
	ul#navigation li a.print{ background:#009203 url(img/nav_print.gif) 0 -74px no-repeat;	}
		ul#navigation li a.print:hover{ background: url(img/nav_print.gif) 0 0 no-repeat; }
	ul#navigation li a.bene{ background:#103A9B url(img/nav_bene.gif) 0 -74px no-repeat; }
		ul#navigation li a.bene:hover{ background: url(img/nav_bene.gif) 0 0 no-repeat; }
	ul#navigation li a.schule{ height:42px; background:#4A3223 url(img/nav_schule.gif) 0 0 no-repeat; }
		ul#navigation li a.schule:hover{ background: url(img/nav_schule.gif) 0 -42px no-repeat; }
		
		
			
/* ============================================== # 
MITTLER CONTAINER 
# ============================================== */

#center{ 
	position:absolute; 
	left:95px; 
	top:0px; 
	margin:0px; 
	padding:0px; 
	}

	#content-header{ /* =====  header bereich  ===== */
	width:350px; 
	height:30px; 
	background: url(img/head_372x19.png) 0 0 no-repeat; 
	background-position:bottom; 
	padding-left:22px
	}
		
		
	#content-main{ /* =====  haupt bereich  ===== */
	width:302px; 
	background: url(img/sprite-bg_372x1.png) 0 0 repeat-y; 
	padding:10px 35px;
	font: 12px/1.2 Helvetica, sans-serif;
	}
		
		
	hr.trenner{ /* Trennt den Contentbereich von der Kategory Area */
	width:372px; 
	height:10px; 
	background: url(img/hr-bg_372x10.png) 0 0 no-repeat; 
	margin:0px; 
	}
	
	
	#content-information{ /* =====  Kategory Area  ===== */
	width:352px; 
	background:url(img/sprite-bg_372x1.png) 0 0 repeat-y; 
	color:#5D5C5C;
	padding:10px 25px;
	height:70px;
	}
	#content-information ul{ margin:0px 15px; }
	#content-information ul li.cat-item{ 
		list-style:square; 
		font:11px/1.0 Helvetica,Arial, sans-serif; 
		margin:2px 0px; 
		}
	#content-information ul li a{ color:#5D5C5C; }
		#content-information ul li a:hover{ color:#fff; }
	
	#content-information h2{ 
		color:#5D5C5C; 
		font:11px/1.2 Georgia, sans-serif; 
		text-transform:uppercase; 
		}
			
			
			
	#content-footer{ /* =====  footer bereich  ===== */
		clear:both;
		width:350px; 
		height:40px; 
		background: url(img/footer_372x20.png) 0 0 no-repeat; 
		background-position:top;
		text-align:right;
		padding-right:22px;
		padding-top:14px;
		color:#322218;
		}
	
	
	
/* ============================================== # 
RECHTER CONTAINER 
# ============================================== */

#right{ 
	position:absolute; 
	left:480px; 
	top:25px; 
	margin:0px; 
	padding:0px; 
	}

	ul#subnavigation{ }
	ul#subnavigation li{ display:block; margin:10px 0px; }
	ul#subnavigation li a{ display:block; color:#322218; }
		ul#subnavigation li a:hover{ color:#fff; background:none; }
		
	ul#subnavigation li a.mail{ 
		width:63px; 
		height:43px; 
		background:url(img/mail_63x86.png) 0 0 no-repeat; 
		}
		ul#subnavigation li a.mail:hover{ width:63px; height:43px; background:url(img/mail_63x86.png) 0 -45px no-repeat; }
		
	ul#subnavigation li a.link{ 
		width:61px; 
		height:38px; 
		background:url(img/links_61x76.png) 0 0 no-repeat; 
		}
		ul#subnavigation li a.link:hover{ width:61px; height:38px; background:url(img/links_61x76.png) 0 -40px no-repeat; }
		
	ul#subnavigation li a.twitter{ 
		width:53px; 
		height:68px; 
		background:url(img/twitter_53x136.png) 0 0 no-repeat; 
		}
		ul#subnavigation li a.twitter:hover{ width:53px; height:68px; background:url(img/twitter_53x136.png) 0 -68px no-repeat; }

	ul#subnavigation li a.facebook{ 
		width:54px; 
		height:54px; 
		background:url(img/facebook_54x108.gif) 0 0 no-repeat; 
		}
		ul#subnavigation li a.facebook:hover{ width:54px; height:54px; background:url(img/facebook_54x108.gif) 0 -54px no-repeat; }
	
		
		

	
/* ============================================== # 

			I N H A L T E 
			
# ============================================== */

 
/*  ALLGEMEIN
=============== */

.post{ 
	margin:0px 0px 40px 0px; 
	text-align:justify;
	}
.entry img { border:1px solid #fff; }
	
/* Artikel Navigation */
.navibtn-links{ 
	position:absolute; 
	bottom:154px; 
	left:21px; 
	padding:0px;
	}
	.navibtn-links a{ 
	display:block; 
	width:30px; 
	height:30px; 
	background:#fff url(img/arrow-left.gif) 0 0 no-repeat; 
	}  
	.navibtn-links a:hover{ background:#fff url(img/arrow-left.gif) 0 -30px no-repeat; } 
	
.navibtn-rechts{ 
	position:absolute; 
	bottom:154px; 
	right:51px;  
	padding:0px;
	}
	.navibtn-rechts a{ 
	display:block; 
	width:30px; 
	height:30px; 
	background:#fff url(img/arrow-right.gif) 0 0 no-repeat; 
	}  
	.navibtn-rechts a:hover{ background:#fff url(img/arrow-right.gif) 0 -30px no-repeat; }  
	
	
/* Artikel Übersicht */
.entry a{ 
	color:#5D5C5C; 
	border-bottom:0px solid #fff; 
	margin:0px 2px; 
	}
.entry a:hover{ color:#fff; text-decoration:none; }

.postmetadata { color:#5D5C5C; margin:0px 0px 30px 0px; }
.postmetadata a{ color:#5D5C5C; }
	.postmetadata a:hover{ color:#fff; }

.referenzen .post{ margin-bottom:60px; }	
	
a.ganzerArtikel{ /* weiterlesen Button */
	float:right;
	height:28px;
	margin:-10px 0px 0px 0px;
	background:url(img/info_28x561.gif) 0 0 no-repeat;
	}
	a.ganzerArtikel:hover{ color:#C30000; background:url(img/info_28x561.gif) 0 -28px no-repeat; }
	
	
/* Einzel Artikel Ansicht */
.navigation { margin:0px 0px 10px 0px; }
.post small a{ color:#5D5C5C; }
	.post small a:hover{ color:#fff; }
.post ul{ 
	color:#fff; 
	text-align:left;
	list-style:square;
	margin:0px 0px 0px 15px;
	}
.post ul li{ 
	margin:5px 0px;
	}

		
/* Kommentieren eines Artikels */	
#comments{ margin-top:20px; }

.commentmetadata a{ color:#5D5C5C; }

ol.commentlist li{ 
	background:#1a1a1a; 
	padding:7px; 
	margin:4px 0px 10px 0px; 
}

#respond{ margin-top:30px; }

input#name, input#author, input#email, input#url, input#phone, input#spamq{ /* Formularfelder */
	margin:3px;
	width:150px;
	border:0px; 
	background:#2B2B2B; 
	color:#fff; 
	padding:3px; 
	}
select#reason{ /* Drop-Down Menü / Auswahlfeld */
	margin:3px;
	width:296px;
	border:0px; 
	background:#2B2B2B; 
	color:#fff; 
	padding:3px; 
	}
textarea#comment, textarea#message{ /* Eingabefeld */ 
	margin:3px;
	width:290px; 
	height:120px; 
	border:0px; 
	padding:3px; 
	color:#fff;
	background:#2B2B2B;  
	font: 12px/1.3 Helvetica, sans-serif;
	}
input#submit, button{ /* Button */
	margin:3px;
	height:24px;
	width:150px;
	border:0px; 
	padding:0px 0px 3px 0px;
	background:#2B2B2B; 
	color:#fff; 
	}
input#submit:hover, button:hover{ background:#009203; color:#fff; }

label.ignore{
	display:none;
}

img.gravatar{ border:1px solid #fff; }


/* A R C H I V   Artikel Übersicht */
	.post-archiv{ margin:10px 0px 10px 0px; }
	.post-archiv h2{ 
		font: 16px/15px Helvetica,Arial, sans-serif; 
		}

		
		
/*  MENÜPUNKTE LINKS
=============== */

ul.links a{ 
	display:block; 
	font: 12px/1.0 Helvetica,Arial, sans-serif; 
	color:#5D5C5C; 
	}
ul.links a:hover{ color:#fff; }
ul.links li  h2{
	font: 12px/1.2 Helvetica, sans-serif;
	list-style:none;
	color:#fff;
	margin:5px 0px 0px 0px;
}
ul.links li.linkcat{
	list-style:none;
	margin-top:7px;
}
ul.links li {
	list-style:square;
	margin:2px 0px 0px 15px;
	color:#5D5C5C;
	padding:0px 0px 0px 0px;
}


/*  TOOLTIPP
=============== */

#tooltip {
	position:absolute;
	background:#333;
	border:1px solid #777;
	padding:3px 6px;
	display:none;
	-webkit-border-radius:5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 9999;
}