a          { color:black; }
a:link     { color:black; }
a:visited  { color:black; }
a:hover    { color:#808040; }
a:focus    { color:#808040; }

div.aktuell a               { text-decoration:none; }
div.aktuell a:hover         { color:#5079ef; }
div.aktuell a.aktuell:hover { color:white; }

a          { text-decoration:underline; }
a:link     { text-decoration:underline; }
a:visited  { text-decoration:underline; }
a:hover    { text-decoration:underline; }
a:focus    { text-decoration:underline; }

a.menue, a.menue:link     {
	margin-top:1em;
	padding:2px;
	/* styling */
	background-color:#fff;
	border:1px solid black;
	/* font */
	font-variant:small-caps;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}
a.menue:visited, a.menue:active, a.menue:focus {
	text-decoration:none;
	color:#000;
}
a.menue:hover    {
	text-decoration:none;
	color:#fff;
	background:#5079ef;
}

a.boxlink, a.boxlink:link, a.boxlink:visited, a.boxlink:active, a.boxlink:focus {
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:0.8em;
	padding-left:0.2em;
	padding-right:0.2em;
	font-family:"such-o-matic","monospace","snap","snap.de";
	margin-top:0.1em;
	color:black;
	background-color:#c0c0c0;
	border-left:1px solid lightgrey;
	border-top:1px solid lightgrey;
	border-right:1px solid black;
	border-bottom:1px solid black;
}
a.boxlink:hover {
	text-decoration:none;
	color:black;
	background-color:lightgrey;
	border:1px solid black;
	border-bottom:1px solid lightgrey;
	border-right:1px solid lightgrey;
}

a.caution:link, a.caution:visited, a.caution:active, a.caution:focus {
	padding-left:5px;
	padding-right:5px;	
	/* styling */
	background:#bc0000;
}
a.caution:hover {
	/* styling */	
	background:#ff0000;
}

a.kategorie:link, a.kategorie:visited, a.kategorie:active, a.kategorie:focus {
	display:block;
	width:30%;
	padding-left:1em;
	/* styling */
	border:1px solid #5079ef;
	text-decoration:none;
	/* font */
	color:#000;
}
a.kategorie:hover {
	/* stlying */
	background-color:#5079ef;
	border:1px solid black;
	/* font */
	color:#000;		
}


body {
	/*styling*/
	font-size:1em;
	font-family:Sans;
}

ul {
	display:inline;
	/* styling */
	text-decoration:none;
}
li {
}


h1 {
	/* font */
	font-size:1em;
}

h2 {
	/* font */
	font-size:0.9em;
}

h3 {
	/* font */
	font-size:0.85em;
}

div#menue {
	height:100px;
	
	/* styling */
	background-image:url("pics/center_spring.png");
	background-repeat:no-repeat;
	-moz-border-radius:0.2em;
	border:1px solid #000;	
}
	div#menue ul {
		margin-top:70px;
		float:right;
	}
	div#menue li {
	display:inline;
	}
	
div#admin {
	margin-top:1em;
	text-align:right;
	/* styling */

	/* font */
	font-size:0.8em;
}
	div#admin li {
	display:inline;
	}	

div#zmenuebuttons, div#zmenue {
	margin-top:0em;
	margin-bottom:1em;
	padding-left:2em;
}
	div#zmenue h4 {
		display:none;
	}

div#inhalt {
	margin-left:5%;
	margin-right:5%;
	width:89%;
	float:none;
	
	/*styling*/

	/* font */
	font-size:0.9em;
}

div#text {
	margin-top:10px;
	margin-right:15%;
	padding:5px;
	float:none;

	width:80%;
	/* font */
	font-size:0.85em;
}

#sidebox {
	position:absolute;
	right:7%;
	top:150px;
	width:15%;
	max-width:14%;
	float:right;
	clear:both;
	padding:5px;

	/* font */
	font-size:0.7em;
}

/* Content */

.aktuell {
	padding-left:4px;
	/* styling */
	border-left:2px solid #787878;
}
	.aktuell h4 {
		padding:1px;
		/* styling */
		background:#addc57;
		-moz-opacity:0.9;
		border-bottom:1px solid #787878;
	}
	
	.aktuell p {
		padding-bottom:1px;
		/* styling */
		border-bottom:1px dotted #787878;
	}

	.aktuell_kategorien {
		/* font */
		font-weight:bold;
	}
	
	.aktuell_eintraege {
		display:block;
		text-align:right;
	}

	.aktuell ul {
		margin:0;
		padding:0;
	}
	
	.aktuell li {
		margin-left:2em;
		list-style-type:square;
		font-weight:bold;
		padding:1px;
	}

	div.aktuellkat li {
		list-style-type:none;
		margin-left:0;
	}
		div.aktuellkat li a {
			display:block;
		}
	
	
.text_klein {
	padding-left:5px;
	margin:5px auto;
	margin-left:5em;
		
	/* styling */
	border-left:2px solid #addc57;
	border-right:2px solid #addc57;
	border-bottom:1px dotted #787878;
	background:transparent;
	/* font */		
	font-size:0.8em;
}
	.text_klein h4 {
		padding-top:5px;
		/* styling */
		background:#addc57;
		-moz-opacity:0.9;
		border-bottom:1px solid #787878;		
		/* font */
		font-size:0.9em;
		font-weight:bold;
	}
	
	
.blog {
	padding-left:5px;
	padding-right:1px;
	padding-bottom:2px;
	padding-top:0;
	margin-bottom:1em;

	/* styling */
	border-left:2px solid #addc57;
	border-right:2px solid #addc57;
	border-bottom:1px dotted #787878;
	background:transparent;
}

 .blog h1 {
 	text-align:center;
	padding-top:5px;
	/* styling */
	background:#addc57;
	-moz-opacity:0.9;
	border-bottom:1px solid #787878;		 
 }
 .blog h2 {
 	text-align:right;
 }

.comment {
	display:block;
	padding:0.2em;
	margin-left:1em;
	margin-right:1em;
	margin-bottom:0.5em;
	margin-top:0.5em;
	/* styling */
	border-left:1px solid black;
	border-bottom:1px solid black;
	background:#addc57;
	/* font */
	font-size:0.8em;
}
    span.comment a:link  {
    }
    span.comment a:hover {
    	color:#addc57;
    }
 
 
.optionen {
	display:block;
	text-align:right;
	padding-right:5px;
}

/* ARTIKELFORMATIERUNGEN */

ul.artikel_liste {
	list-style-type:square;
	padding:0;
	margin:0;
}
li.artikel_liste_item {
	height:10px;	
	padding:0;
	margin-left:1em;
}

span.code          {
	display:block;
	margin:0em;
	padding:0px;
	white-space:pre;
	/* font */
	font-family:Sans;
	font-size:1.2em;
}
p.code_language {
	margin:0;
	padding:0;
	text-align:center;
	/* styling */
	border-bottom:1px dotted #000;
	/* font */
	font-size:0.9em;
}

span.code ol {
	padding:5px;
	padding-left:1.3em;
	margin-left:1.3em;
}
span.code li {
	padding:2px;
	margin-right:10px;
	background:#cdcdcd;
	border:1px solid transparent;
}
span.code li:hover {
	border-bottom:1px dotted #000;
}

span.quote         { display:table; margin:1em; border:1px solid black; padding:0.2em; font-size:1em; }
span.fett          { font-weight:bold; }
span.kursiv        { font-style:italic; }
span.unterstrichen { text-decoration:underline; }
span.durchgestrichen { text-decoration:line-through; }

/*  ___________
   |          |
   | TABELLEN |
   |__________| 
*/

 
  table  { border-collapse:separate; margin-left:0em; }
  td.co  { font-size:1em; padding:0.25em; width:50em; }
  td.no  { border:0px solid black; padding:0.3em; }
  
  table.login { border-collapse:separate; } 
  td.login    { }
  
  table.links {
  	margin-left:1em;
  	width:99%;
  	font-family:tahoma,bookman;
  	font-size:1em;
  }
  	table.links td {
		padding:2px;
  		width:10%;
  		background:#cdcdcd;
  	}
  	table.links td.beschreibung {
  		width:70%;
  	}
  	table.links td.links {
  		width:20%;
  	}
  	table.links td.icon {
  		width:30px;
  		background:#fff;
  	}
  		td.icon {
  			border:1px solid transparent;
  			background:#fff;
  		}

/*  _________
   |        |
   | BILDER |
   |________| 
*/

.galeriebild { margin:3px; border:2px solid black; float:left; -moz-border-radius:0.5em; }
.galerie     { position:relative; margin-left:10%; margin-right:12%; display:block; text-align:center; padding-bottom:3px; padding-left:3px; padding-right:0.5em; max-width:400px; overflow:auto; }

.blogbild_links  { margin:5px 7px 5px 7px; float:left; }
.blogbild_rechts { margin:5px 7px 5px 7px; float:right; }
.blogbild_center { margin:5px 7px 5px 7px; margin-left:10%; margin-right:15%; }
.blogbild_links  { border:3px solid grey; }
.blogbild_rechts { border:3px solid grey; }
.blogbild_center { border:3px solid grey; }
.blogbild	{
	margin:5px 7px 5px 7px;
	border:1px solid #000000;
}
.icon            { float:left; margin:0.5em; border:1px solid black; }

.imgbox_r {
	min-width:145px;
	max-width:155px;
	float:right;
	background:transparent;
	text-align:center;
}
.imgbox_r img {
	margin-right:1em;
	max-width:145px;
}

		.imgbox_r a:link, .imgbox_r a:visited {
			text-decoration:none;
		}
		
		.imgbox_r a:hover {
			display:block;
		}

		.imgbox_r a[title]:hover:after {
			display:block;
         max-width:80%;
			content:attr(title);
			text-decoration:none;
			color:#ffffff;
			font-size:0.8em;
			padding:1px;
			margin:0;
			background:#5079ef;
			border:1px solid #000000;
			margin-left:2em;		
		}
/*  ____________
   |           |
   | FORMULARE |
   |___________| 
*/

input                    { text-align:center; font-size:10pt; margin:1px; margin-top:2px; border:1px solid black; }
input:hover              { border:1px solid black;}
input:active             { border:1px dotted black; }
input:focus              { border:1px dotted black; }
input.login	         { font-size:0.8em; margin:1px; margin-top:2px; }		   
input.login:hover        { font-size:0.8em; margin:1px; margin-top:2px; }		   
textarea                 { font-size:1.1em; border:1px solid black; width:100%; font-family:"Arial","Verdana","Arial"; }
textarea:hover           { }
textarea:active          { border:1px dotted black;}
textarea:focus           { border:1px dotted black;}
select                   { border:1px solid black; }

fieldset                 { border:2px groove black; background:#addc57; }        
legend                   { -moz-border-radius:0.2em; font-weight:bold; background:#addc57; border:1px solid black; font-size:1.2em;}

fieldset.icons           { position:relative; float:left; border:1px hidden black; margin-left:1.5em; padding:0px; top:0em; left:-2em;}
legend.icons             { display:block; font-weight:bold; font-size:1.0em; border:1px hidden black;}
.button                  { line-height:15px; }
.button:hover            { background:#ededbe;}
.loginbutton             { font-size:0.8em; margin:1px; margin-top:2px; }
.loginbutton:hover       { font-size:0.8em; margin:1px; margin-top:2px;}

.bbcode-button		 { font-weight:bold; background:transparent; -moz-border-radius:0.2em; border:1px hidden black; width:125%; height:20px; background-position:center; }
.bbcode-button:hover     { background:#ffffff; border:1px solid darkgreen; background-position:center;}   
 /* Individualformate */
 .schrift	{}
 .smil		{}
 .bilder	{}
.smiley			{ background:transparent; border:1px hidden black; width:25px; height:25px; }
.smiley:hover  		{ border:1px solid darkgreen; background:#ffffff;}

.formatierungen          { display:block; border-bottom:grey; margin-bottom:0.2em; padding-left:0.5em;}
.meta                    { display:block; border-bottom:grey; margin-top:0.2em; margin-bottom:0.2em; padding-left:0.5em; padding-bottom:0.2em;}