layout.css

  a          { color:black; }
  a:link     { color:black; }
  a:visited  { color:black; }
  a:hover    { color:white; }
  a:focus    { color:white; }
   div.aktuell a               { text-decoration:none; }
   div.aktuell a:hover         { color:white; }
   div.aktuell a.aktuell:hover { color:white; }
  a          { text-decoration:underline; font-size:0.8em; }
  a:link     { text-decoration:underline; }
  a:visited  { text-decoration:underline; }
  a:hover    { text-decoration:underline; }
  a:focus    { text-decoration:underline; }

/* Farben
helleres orange #ffae00, #ff9900
helles orange #ff7439
dunkles orange #e35a2c
grau #606060
helles grau: #cbcbcb
*/

/*  _______
   |       |
   | links | 
   |_______| 
*/

  a.css, a.css:link	{ display:block; width:93%; text-decoration:none; font-size:0.75em; padding-left:0.3em; background-color:white; border:1px solid #cbcbcb; }
  a.css:visited		{ text-decoration:none; }
  a.css:hover		{ text-decoration:none; color:white; background-color:#cbcbcb; }
  a.css:focus		{ text-decoration:none; color:white; background-color:#cbcbcb; }

  a.xml              { display:inline; margin-left:0.2em; text-align:center; padding:0 4px; font-size:0.75em; font-weight:bold; font-family:"dot-o-matic","monospace","snap","snap.de"; text-decoration:none; margin:0; border-top:1px solid #cbcbcb; border-bottom:1px solid black; border-left:1px solid light#cbcbcb; border-right:1px solid black; color:#fff; background:#f60; }
  a.xml:link         { text-decoration: none; font-weight:bold; font-size:0.75em; font-family:"dot-o-matic","monospace","snap","snap.de"; color: #fff; background:#f60; }
  a.xml:visited      { display:inline; height:0px; text-align:center; padding:0 4px; color:#fff; background:#f60;
                       text-decoration:none; margin:0; border-top:1px solid #cbcbcb; border-bottom:1px solid black; border-left:1px solid #cbcbcb; border-right:1px solid black; color:#fff; background:#f60; }
  a.xml:hover        { text-decoration: none; color: #fff; background:#f60; border-top:1px solid black; border-bottom:1px solid #cbcbcb; border-left:1px solid black; border-right:1px solid #cbcbcb; }
  a.xml:active       { color: #fff; background:#f60; text-decoration: none;  }

  a.artikel          { text-decoration:underline; font-size:0.9em; }
  a.artikel:link     { text-decoration:underline; }
  a.artikel:visited  { text-decoration:underline; }
  a.artikel:hover    { text-decoration:underline; }
  a.artikel:focus    { text-decoration:underline; }

  a.extern          { text-decoration:underline; font-size:0.9em; }
  a.extern:link     { text-decoration:underline; }
  a.extern:visited  { text-decoration:underline; }
  a.extern:hover    { text-decoration:underline; color:#808040; }
  a.extern:focus    { text-decoration:underline; }
  a.extern:before   { content:url(pics/link-extern-black.png)""; }
  
  a.edit          { color:black; text-decoration:none; font-size:0.7em; font-weight:bold; border:1px hidden black;}
  a.edit:link     { color:black; text-decoration:none; font-size:0.7em; font-weight:bold; border:1px hidden black;}
  a.edit:visited  { color:black; text-decoration:none; font-size:0.7em; font-weight:bold; border:1px hidden black; }
  a.edit:hover    { color:black; text-decoration:none; border-top:1px dotted black; border-bottom:1px dotted black;}
  a.edit:active   { text-decoration:none; border-top:1px dotted black; border-bottom:1px dotted black;}
  a.edit:focus    { text-decoration:none; border-top:1px dotted black; border-bottom:1px dotted black;}
  a.edit:before   { content:"[ "; white-space:pre;  }
  a.edit:after    { content:" ]"; white-space:pre;  }
  
  a.ledit:link     { text-decoration:none; font-size:0.75em; font-weight:bold; color:#fff; text-align:center; margin-left:0.2em; border:1px solid black; background:#808040;}
  a.ledit:visited  { text-decoration:none; font-size:0.75em; font-weight:bold; color:#fff; text-align:center; margin-left:0.2em; border:1px solid black; background:#808040;}
  a.ledit:hover    { text-decoration:none; font-size:0.75em; font-weight:bold; border:2px solid red;}
  a.ledit:active   { text-decoration:none; font-size:0.75em; font-weight:bold; }
  a.ledit:focus    { text-decoration:none; font-size:0.75em; font-weight:bold; }

  a.boxlink, a.boxlink:link,a.boxlink:visited { display:block; float:left; 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 #cbcbcb; border-top:1px solid #cbcbcb; border-right:1px solid black; border-bottom:1px solid black; }
  a.boxlink:link     { display:block; float:left; 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; }
  a.boxlink:visited  { text-decoration:none; }
  a.boxlink:hover    { text-decoration:none; color:black; background-color:#cbcbcb; border:1px solid black; border-bottom:1px solid #cbcbcb; border-right:1px solid #cbcbcb; }
  a.boxlink:active   { text-decoration:none; color:black; background-color:#cbcbcb; }
  a.boxlink:focus    { text-decoration:none; color:black; background-color:#cbcbcb; }

  div#zmenue a.boxlink         { color:black; background:#ff6600; padding-right:-1em; padding-left:-1em; border-left:1px solid #cbcbcb; border-top:1px solid #cbcbcb; border-right:1px solid black; border-bottom:1px solid black; margin-top:0.5em; }
  div#zmenue a.boxlink:link    { color:black; background:#ff6600; padding-right:-1em; padding-left:-1em; border-left:1px solid #cbcbcb; border-top:1px solid #cbcbcb; border-right:1px solid black; border-bottom:1px solid black; margin-top:0.5em;}
  div#zmenue a.boxlink:visited { color:black; border-left:1px solid #cbcbcb; border-top:1px solid #cbcbcb; border-right:1px solid black; border-bottom:1px solid black; }
  div#zmenue a.boxlink:hover   { color:white; background-color:#606060; }
  div#zmenue a.boxlink:active  { color:white; background-color:#606060; }
  div#zmenue a.boxlink:focus   { color:white; background-color:#606060; }
  div#zmenue a:before { content:" "; }
  div#zmenue a:after  { content:" "; }

  a.kalenderlink          { border:1px solid black; padding:0.3em; margin:0.15em; line-height:0.5em; text-decoration:none; text-align:center; font-weight:bold; font-size:0.75em; font-family:"such-o-matic","monospace"; }
  a.kalenderlink:link     { border:1px solid black; padding:0.3em; margin:0.15em; line-height:0.5em; text-decoration:none; text-align:center; font-weight:bold; font-size:0.75em; font-family:"such-o-matic","monospace"; }
  a.kalenderlink:visited  { }
  a.kalenderlink:hover    { color:white; background:#cbcbcb; }
  a.kalenderlink:focus    { background:#cbcbcb; }
   
  a.links         { color:black; text-decoration:none; display:block; padding-left:0.2em; width:98%; height: 20px; text-align:left; float:left; margin-top:0em; padding-top:0.1em; clear:left; border:1px hidden black; font-size:0.9em;}
  a.links:hover   { border:1px solid black;}
  a.links:visited { text-decoration:none; }
  a.links:active  { border:1px solid black; border-right:1px hidden black; }
  a.links:focus   { border:1px solid black; border-right:1px hidden black; }
  .aktuell a.links{ border:1px hidden black; font-size:0.9em;}
  .aktuell a.links:hover { color:black; border:0px solid black; background-color:#cbcbcb; }
  a.links:before  { content:url(pics/link-extern-black.png)""; }
  
  a.menue          { background-color:#fff; border:1px solid black; border-top:2px solid black; border-right:2px solid black;float:right; font-variant:small-caps; font-size:1em; font-weight:bold; text-decoration:none; margin-left:0.5em; margin-top:0.5em; padding:2px;}
  a.menue:link     { background-color:#fff; border:1px solid black; border-top:2px solid black; border-right:2px solid black; float:right; font-variant:small-caps; font-size:1em; font-weight:bold; text-decoration:none; margin-left:0.5em; margin-top:0.5em; padding:2px;}
  a.menue:visited  { text-decoration:none; color:black;  }
  a.menue:hover    { text-decoration:none; color:#fff; background:#ff6600;  }
  a.menue:active   { text-decoration:none; color:black; }
  a.menue:focus    { text-decoration:none; color:black; }

  a.kategorie:link    { display:block; border:1px solid #cbcbcb; text-decoration:none; margin-bottom:0.2em; color:black;}
  a.kategorie:visited { display:block; border:1px solid #cbcbcb; text-decoration:none; margin-bottom:0.2em; color:black;}
  a.kategorie:hover   { color:black; background-color:#ff6600; border:1px solid black; }
  a.kategorie:active  { color:#fff; background-color:#ff6600; border:1px solid black; }
  a.kategorie:focus   { color:#fff; background-color:#ff6600; border:1px solid black; }


/*  __________________
   |                 |
   | ANZEIGEELEMENTE |
   |_________________| 
*/

  body                 { text-align:center; color:black; font-size: 100.01%; width:100%; font-family: "arial","snap.de",Verdana,Helvetica,Arial,sans-serif; margin:0; }

/* MENUE */

  /* Container für das gesamte Dokument */ 
  div#inhalt           { position:absolute; left:0; text-align:left; margin-left:5%; margin-right:10%; width:730px; margin-top:1em; padding-bottom:2em; background-color:#cbcbcb; border:2px groove black; } 
  
  /* header */
  div#menue            { position:relative; margin-top:0em; height:4.4em; width:99.1%; padding-top:10%; text-align:center; border:2px solid white; border-right:1px solid black; }
  div#menue            { padding:2px; padding-bottom:0em; background-image:url("pics/cart_banner_center_black_orange.png"); background-repeat:no-repeat; }
  div#menue ul,li      { list-style-type:none; display:inline; }
   
  /* footer */
  div#zmenue           { position:relative; margin-left:-2px; text-align:center; width:100%; float:left; clear:left; margin-bottom:0.5em; margin-top:0.5em; border:2px solid #808040; padding-bottom:0.2em; border-top:1px solid black; border-bottom:1px groove #cbcbcb; }
  div#zmenuebuttons    { position:relative; text-align:center; left:-2px; margin-left:0em; width:100%; float:left; clear:left; padding-top:0.05em; margin-bottom:1em; margin-top:1em; border:2px solid #808040; border-top:1px solid black; border-bottom:1px groove #cbcbcb; }

   span.zmenue         { }
   span.buttons        { } 

/* INHALT */

   div#text            { position:relative; margin-right:5%; float:right; clear:right; margin-top:0em; width:74%; }
   div#edit            {  }
   div#css_s           { position:absolute; right:92%; top:16em; margin-top:1em; width:7.5em; border:1px groove black; font-size:0.9em; background:#cbcbcb; padding-bottom:0.2em; font-family:"such-o-matic","monospace","snap","snap.de";  }
   div#kalender        { position:absolute; right:92%; top:24em; margin-top:1em; float:left; width:7.5em; height:9.5em; font-size:0.9em; border:1px groove black; background-color:#ededbe;}
   div#admin           { position:relative; top:0px; right:0; float:right; text-align:right; height:20px; margin-top:0.5em; max-width:70%; min-width:20%; }
   .links              { display:block; font-size:0.8em; margin-left:0em; padding-left:0.2em; padding-bottom:0.25em; padding-top:0em; }
    td.links           { background:#ededbe; color:black;}
    .links table       { background:transparent;}
    td.links_kopf      { background:#808040; padding:0; margin:0;}
   .news               { display:block; padding-left:0.2em; padding-right:0.2em; border:3px groove black; margin-bottom:0.8em;}
   .blog               { display:block; padding-left:0.2em; padding-bottom:0.5em; padding-right:0.2em; border:3px groove black; margin-bottom:0.8em; }   
   .optionen           { display:block; text-align:right; padding-top:0.2em; padding-bottom:0.2em; margin-top:0.3em; }
   .datum              { float:left; clear:left; font-size:0.70em; padding-top:0em; width:100%; margin-top:0.2em; }
   .kalender           { display:block; margin-left:0.5em;}
   .comment            { display:block; padding:0.2em; margin-left:2em; margin-top:0.5em; font-size:0.8em; border-left:1px solid black; border-top:1px solid black; background:#808040;}
    span.comment a:link  { }
    span.comment a:hover { color:#cbcbcb; }
    #aktuell_r         { position:relative; float:left; top:-1px; left:-0.5em; width:150px; border:0px solid black; margin-right:0.2em;}
   .aktuell            { width:17%; min-width:5em; margin-top:0.2em; margin-left:0em; padding:0.2em; background-color:#ff6600; border:2px groove black; font-size:0.8em; font-family:"such-o-matic","arial","verdana"; right:-1em; text-align:left; float:right; width:80%; min-width:4em; margin-top:0.2em; margin-left:0.0em; padding:0.2em;}
    .aktuell_eintraege { display:block; margin-top:0.5em; border-top:1px solid black; background-color:#ff6600; font-size:0.8em;}
    .aktuell_kategorien{ font-size:0.8em; }
    .spacer            { }

/*  ___________
   |          |
   | SCHRIFT  |
   |__________| 
*/
             div h1 { font-size:1.1em; word-spacing:0.2em; letter-spacing:0.1em; line-height:1em; text-align:center;}
          h1 span.i { }
             div h2 { font-size:0.7em; text-align:right; padding-right:1em; border-bottom:1px dotted black; }
             div h4 { font-size:0.8em; margin-bottom:0.7em; margin-top:0.7em; border:1px solid black;}
 .news h1, .blog h1 { font-size:1.1em; word-spacing:0.2em; letter-spacing:0.1em; line-height:1em; text-align:center; }

span.i:first-letter { font-style:normal; }
             span.i { margin-left:0.5em; font-weight:lighter; font-size:0.9em; font-style:italic; }

            .center { padding-left:1em; }
            span.h1 { font-weight:bold; font-size:0.8em; }

    div#kalender h4 { background-color:#bdb67b; font-size:0.8em; border:1px solid black; }
  div#css_s h4      { background-color:#bdb67b; font-size:0.8em; border:1px solid black; }
    div.aktuell h4  { background-color:#000000; color:#cbcbcb; padding-right:0.5em; font-size:0.9em; margin:0; margin-bottom:0.3em; }
      

         #zmenue h4 { float:left; display:block; font-weight:bold; color:white; font-size:0.8em; margin-right:0.5em; margin-left:0.5em; padding-left:0.2em; border:1px hidden black;}
	 #zmenue h4:before { content:" "; white-space:pre; }
  #zmenue h4:after  { content:" "; white-space:pre; }

/*  _______
   |      |
   | BLOG |
   |______| 
*/

div.editkasten           { margin-bottom:0.2em; font-weight:bold; padding:0.3em; }


span.formatierungshilfen { display:block; font-size:0.9em; font-weight:bold; }
span.breite100           { display:block; font-size:0.8em; font-weight:bold; width:100px; float:left; }
span.breite_b            { display:block; font-size:0.8em; width:150px; float:left; font-weight:normal; }
#entwurf                 { background-color:#c0c0c0; !important; }

/* ARTIKELFORMATIERUNGEN */

span.code          { display:table; margin:1em; padding:0.3em; border:1px solid white; white-space:pre; font-size:0.7em; font-family:courier; background-color:#cbcbcb; font-weight:black;}
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    { }

/*  _________
   |        |
   | 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, .blogbild_rechts, .blogbild_center  { border:3px solid black; }
.icon            { float:left; margin:0.5em; border:1px solid black; }

.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[title]:hover:after {
                        display:block;
                        max-width:80%;
			content:attr(title);
			text-decoration:none;
			color:#000000;
			font-size:0.7em;
			padding:1px;
			margin:0;
			background:#cdcdcd;
			border-bottom:1px solid #000000;
			border-right:1px solid #000000;
		}

/*  ____________
   |           |
   | 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:#ff6600; }        
legend                   { -moz-border-radius:0.2em; font-weight:bold; background:#ff6600; 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:#cbcbcb;}
.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:#cbcbcb; 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 #606060; background:#cbcbcb;}

ul.artikel_liste	{ margin-left:1em; list-style-type:square; }
li.artikel_liste_item	{ list-style-type:disc;   }

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



/* INHALT */

   div#text   		 { font-size:0.9em; }
   div#admin   		 { background-color:#606060; border:1px solid black; border-bottom:1px solid #cbcbcb; border-top:1px solid black; border-right:1px hidden #cbcbcb; padding-top:0.1em;}
   .links       	 { color:white; font-size:0.75em; padding-bottom:0.2em; padding-top:0.2em; }
   .news, .blog, .optionen  { background-color:#ff6600; }
   .blog a:hover 	{ color:white; }  
   .datum        	{ border-top:1px solid black; font-weight:bold; }

    .aktuell_kategorien	{ color:#606060; }


/*  ____________
   |           |
   | Extras    |
   |___________| 
*/

 p.error { margin:0; padding:0.5em; color:#ffffff; border:1px dotted #ffffff; text-align:center; }

 p.imp       { display:block; position:relative; bottom:-3.5em; clear:both; float:right; background:transparent; padding:0.5em; font-size:0.85em; }
 div#extra   { position:absolute; left:0em; top:0em; z-index:1; float:left; height: 180px; width: 80px;  background-image:url("pics/too_cool.png"); background-repeat:no-repeat;} 
 a#tooCool   { display:block; height:80px; width: 80px; text-indent: -999em; text-decoration: none; }

   div#menue ul,li { list-style-type:none;  margin-bottom:0.5em; margin-left:0.5em; }

   ul,li        { display:block; margin:0px; padding:0px; }
   div#admin ul { margin:0; padding:0; }
   div#admin li { display:inline; float:left; margin-bottom:0.5em; margin-left:0.5em; }