/* Top Elements */
* { margin: 0px; padding: 0px; }

body {
	background: #CCCCCC;
/*	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;*/
/*	font: 70%/1.5em Verdana, Arial, Helvetica, sans-serif;*/
	font: 85%/1.5em Arial, Verdana, Helvetica, sans-serif;
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
/*	color: #333;*/
/*	text-align: center; */
	text-align: justify;
}

/* links */
a, 
a:visited {
	text-decoration: none;
	color: #4F82CB;
	background: inherit;
	font-weight: Bold;
}

a:hover {

    color: #4EBF37;
    background: inherit;
	border-color:dimgray;

/*	background-color:#bbb7c7;*/
	
	color:black;
	
}

a:hover img {
/*
    color: #4EBF37;
    background: inherit;
*/
	border-color:gray;

	background-color:#bbb7c7;
	color:black;
}


/* headers */
h1, h2, h3, h4, h6, h7 {
/*	font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;*/
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight: Bold;
}
h1 { font-size: 120%;}
h2 {
	font-size: 110%;
/*	text-transform: uppercase;*/
	color: #88ac0b;
}
h3 {
	font-size: 110%;
/*	color: #666666;*/
	color: #006600;
}
h4 {
	font-size: 100%;
	color: #006600;
}

h5 {
	font-size: 110%;
	padding: 0px 0px 0px 20px;
}

/* images */
img {
	border: 2px solid #C0C0C0; 
/*	border: 2px solid black; */
	margin: 1px;
}
img.float-right {margin: 2px 2px 2px 2px; }
img.float-left { margin: 2px 2px 2px 2px; }


h1, h2, h3, p {
	padding: 2px;
	margin: 0;
}

ul, ol {
	margin: 2px 15px;
	padding: 0px 10px;
	color: #88ac0b;
/*    -webkit-text-size-adjust: 100%;*/
	/* workaround for iPhone/Webkit Browser */
}


ul span, ol span { 
	color: #666666;
}


.auflistung{
	padding: 0px 0px 0px 5px;
	text-align: left;
	line-height: 150%;	
	color: #333;
}


code {
	margin: 5px 0;
	padding: 1px;
	text-align: left;
	display: block;
	overflow: auto;
	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
/*	background: #FAFAFA;*/
	background: gainsboro;
	border: 1px solid #f2f2f2;
}
acronym {
	cursor: help;
	border-bottom: 1px solid #777;
}
blockquote {
	margin: 10px;
	padding: 0 0 0 28px;
	border: 1px solid #f2f2f2;
	background: #FAFAFA url(quote.gif) no-repeat 5px 5px;
}

table, th, td {
/*  border: 1px solid; */
  padding-left: 5px;
  padding-right: 5px;
  border: thin solid black;
  border-collapse: collapse;
}

/** LIGHTBOX MARKUP **/
/* Source: https://codepen.io/gschier/pen/HCoqh */

.lightbox {
	/** Default lightbox to hidden */
	display: none;
	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center; 
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8); 
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 95%;
	max-height: 95%;
	margin-top: 1%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;
	/** Unhide lightbox **/
	display: block;
}

/********************************************
   LAYOUT
********************************************/
#wrap {
	width: 1024px;		/* gesammte Breite der Webseite */
	background: url(background_wrap.jpg) repeat-y center top; /* grauner Rand rechts und links */
	margin: 0 auto;
	text-align: justify;
}
#content-wrap {
	clear: both;
	width: 982px;
	padding: 0;
	margin: 0 auto;
}

#header {
	width: 1024px;
	position: relative;
	height: 106px;
	background: #CCC url(header.jpg) no-repeat center top;
	padding: 0;
	font-size: 14px;
	color: #FFF;
}
#header h1#logo-text {
	position: absolute;
	margin: 0; 
	padding: 0;
	font: bolder 2.3em Arial, 'Trebuchet MS', Sans-serif;
/*	letter-spacing: -1px; */
	color: #FFF; 
	text-transform: none;
	top: 58px; left: 49px;
}

#header h2#pre_slogan {
	position: absolute;
	margin: 0; 
	padding: 0;
	font: normal 0.9em Arial,'Trebuchet MS', Sans-serif;
	text-transform: none;
	color: #FFF; 
	top: 30px; left: 50px;
}

#header h2#slogan {
	position: absolute;
	margin: 0; 
	padding: 0;
	font: normal 1.6em Arial,'Trebuchet MS', Sans-serif;
	text-transform: none;
	color: #FFF; 
	top: 50px; left: 50px;
}

#header h2#post_slogan {
	position: absolute;
	margin: 0; 
	padding: 0;
	font: normal 0.9em Arial,'Trebuchet MS', Sans-serif;
	text-transform: none;
	color: #FFF; 
	top: 80px; left: 50px;
}

#header h2#pre_slogan a,#header h2#pre_slogan a:link,#header h2#pre_slogan a:visited,#header h2#pre_slogan a:hover,
#header h2#post_slogan a,#header h2#post_slogan a:link,#header h2#post_slogan a:visited,#header h2#post_slogan a:hover
{	color: silver; }

/* Header 2 */
#header_2 {
	clear: both;
	margin: 0; 
	padding: 0 40px 0 0;
	background: url(background_header_2.jpg) center top;
	font: bold 12px/26px Arial, Verdana, Tahoma, Sans-serif;
	height: 26px;
}

#header_2 h1 {
	position: absolute;
	margin: 0; 
	padding: 4px 0 0 50px;
	font: normal 1.2em Arial, 'Trebuchet MS', Sans-serif;
	color: #FFF; 
	text-transform: none;
/*	background-color:white;*/
}



/* Main Column */
#main {
	float: right;
/*	float: left;*/
	width: 83%;
/*	padding: 0 0 0 8px; margin: 0;*/
}

#main h1 {
	margin-top: 10px;
	font: Bold 125% Arial, Verdana, 'Trebuchet MS', Sans-serif;
	color: #006600;
	padding: 5px 0 5px 5px;
/*	border-bottom: 1px solid #EFF0F1;*/
	border-bottom: 1px solid black;
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin: 20px 10px 0 10px;
	border: 1px solid #f2f2f2;
	font-size: 95%;
}



/* Sidebar */
/* Quelle: http://forum.kompozer-web.de/viewtopic.php?t=58 */
#sidebar {
	float: left;
/*	width: 157px;*/
	margin: 0;	
	padding: 0; 
	background-color: #efefef; 
}	

#sidebar .left-box {
/*	border: 1px solid #EFF0F1; */
	margin: 0 0 0px 0;	
	background-color: #efefef; 
/*	background-color: lightgray; */
	
}

#sidebar ul { 	
	list-style: none; 
	margin: 0; 
	padding: 0;
} 

#sidebar h2 {
/*  font: bold 11px/16px arial, helvetica, sans-serif; */
/*	display: block;*/
	font-weight: bolder;
/*  border-width: 1px; */
/*	border-style: solid;*/
/*	border-color: #ccc #888 #555 #bbb; */
	margin: 10px 0 0 0px;
	padding: 2px 0 7px 0px;
/*	color: #FF8635;  */
	color: #006600;
/*	font-size: 120%;*/
/*	background: #96D12C; */
/*	text-transform: uppercase;    */
}

#sidebar a { 
	color: #000;
/*	background: #efefef; */
	/*background: #FAFAFA;*/
/*	background:#bbb7c7;	*/
	text-decoration: none;
	font-weight: Normal;
} 

#sidebar a:hover { 
/*	color: #a00;*/
/*	background: #fff;*/
	background-color:#bbb7c7;
} 

#sidebar li {
	position: relative; 
/*	background: #efefef;*/
/*	background-color: lightgray; */
	border: 1px solid lightgray; 
}

#sidebar li:hover { 
/*	position: relative; 			/* geändert */
/*	background: #FAFAFA;*/ 
}

#sidebar ul {
/*	position: absolute; 	*/		/* geändert*/
	position: relative; 
	top: 100%; 
	left: 0px; 
/*	left: 50px; */					/* geändert*/
	width: 157px; 
}

#sidebar ul ul {
/*	position: absolute; */			/* geändert*/
	position: relative; 
	top: 100%; 
	left: 14px; 
/*	left: 50px; 	*/				/* geändert*/
	width: 142px; 
}

#sidebar ul ul ul{
/*	position: absolute; */			/* geändert*/
	position: relative; 
	top: 100%; 
	left: 14px; 
/*	left: 50px; 	*/				/* geändert*/
	width: 127px; 
}

#sidebar .current-site {
/*	background-color: #bbb7c7;*/
/*	background-color: white;*/
/*	background-color: black;*/
/*	color: white;*/
	background-color: lightgray; 
/*	background-color: red;*/
	font-weight: Bold;

}


/* Footer */
#footer {
	color: #666666;
	background: #CCC url(background_footer.jpg) no-repeat center top;
	clear: both;
/*  width: 820px; */
	width: 1024px;
	height: 55px;
	text-align: center;
	font-size: 92%;
}

#footer a { 
	text-decoration: none; 
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }