/* sf.css */

HTML, BODY, TD, INPUT {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/** Für Formulare und Shopseiten **/

/* Schriftart für Formulartabellen und Formularelemente */
table.formtab td,
table.formtab input,
table.formtab select,
table.formtab textarea {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* sd.css */

HTML {
height: 101%;
}

BODY {
	margin: 0px;
	padding: 0px;
	background-color: #005500;
	color: #EEEEEE;	
}

#logo 
{
	border: 0px;
	width: 940px;
	height: 180px;
	background: url(/images/s2dlogo.jpg) no-repeat top center; 
	margin: 0px auto;
}

#wrap {
	width: 940px;
	background-color: #005500;
	margin: 0 auto;
	overflow: hidden;
}

#nav {
	float: left;
	width: 200px;
	padding: 10px 0px;
	margin-right: 0px;
	
}
#nav h2 {
font-weight: bold;
padding-left: 15px;
}
#search {
	margin-left:			15px;
	margin-right:			10px;
	margin-top:			3px;
	margin-bottom:			20px;
}
#menue {
	width:				200px !important; 
	text-align:			left; 
	padding:			0px   0px     20px     0px; 
	margin:				0px   0px    0px     0px;
	background-color:		#005500; 
	
}

ul#mainnavi{
	list-style-type:		none;
	width:				200px !important; 
	text-align:			left; 
	padding:			0px   0px     0px     0px; 
	margin:				0px   0px    0px     0px;
}

li#mainnavi{
	list-style-type:		none;
}

ul#mainnavi li ul{
	list-style-type:		none;
	width:				200px !important; 
	text-align:			left; 
	padding:			0px   0px     0px     0px; 
	margin:				0px   0px    0px     0px;
}


#mainnavi a{ 
  display: block;
  margin-top: 2px;
  color: #EEEEEE;
  text-decoration: none;
  }
  
#home a.active{
background: #007700  top right no-repeat;
  }  
  
 
ul#mainnavi li a { /*.maintopic*/
   background: #007700  top right no-repeat;
    padding: 2px 16px 2px 16px;
  }

ul#mainnavi li a:hover {
	background-color: #00CC00;
	
}

ul#mainnavi li a.active { 
  background: #007700  top right no-repeat;
  padding: 2px 16px 2px 16px;
  }  

ul#mainnavi li a.active:hover { 
  background: #00CC00  top right no-repeat;
  
  }   

 
ul#mainnavi li ul li a { /*.topic*/
   padding: 2px 10px 2px 22px;
    background: #005500  top right no-repeat;
  }  

ul#mainnavi li ul li a.topic:hover { 
  background-color: #00CC00;
  }  

ul#mainnavi li ul li a.active { 
  background: #007700  top right no-repeat;
   padding: 2px 10px 2px 22px;
  } 

ul#mainnavi li ul li a.active:hover { 
  background: #00CC00 top right no-repeat;
  }    


ul#mainnavi li ul li ul li a { /*.subtopic*/
   padding: 2px 10px 2px 28px;
    background: #005500  top right no-repeat;
  }  

ul#mainnavi li ul li ul li a:hover { 
  background-color: #00CC00;
  }    

ul#mainnavi li ul li ul li a.active { 
  background: #007700  top right no-repeat;
  padding: 2px 10px 2px 28px;
  }
ul#mainnavi li ul li ul li a.active:hover { 
  background: #00CC00  top right no-repeat;
   }    



#content {
	float: left;
	width: 510px;
	padding: 20px 20px 0px 20px;
	margin: 0px;
	background-color: #005500 !important;
}
#contentmax {
float: left;
width: 719px;
padding: 20px 0px 0px 20px;
margin: 0px;
background-color: #005500 !important;

}

#sidebar {
	float: right;
	width: 150px;
	padding: 4px 0px;
	margin-top: 20px;
	margin-right:20px;
}
* html #sidebar {  /* nur fuer Internet Explorer */
  padding:0px 0px 0px 20px;     /* Version 5.x */
  padding:0px 0px 0px 20px;    /* Version 6 */
}
#nav, #content, #contentmax, #sidebar {
   padding-bottom: 32767px; /* Beschraenkung durch Safari, der keinen groesseren Wert zulaesst. */
   margin-bottom: -32767px;
}
div.menuebox {
	font-size:			100%; 
	margin:				5px;
	padding-left:			10px;
	color:				#EEEEEE;
	background-color: #005500;
	font-weight:			normal;
	
}
div.menuebox h2{
	color:				#fff;
	background-color:		transparent;
}
div.menuebox a{
	color:				#fff !important;
	background-color:		transparent;
	font-weight:			normal !important;
	line-height:			150% !important;
	text-decoration:		none;
}
div.menuebox li, a.sidebarblockleft {
	padding: 			0px     0px     1px   15px;
	background: 			url(../images/pbull.gif) no-repeat top left;
	line-height:			140%;
	list-style-type:		none;
}
div.menuebox p{
	line-height:			150% !important;
}


#bottom {
	width: 920px;
	height: 40px;
	background-color: #005500;
	clear: both;
	margin: 0px auto;
	padding: 10px;
	color: #fff;
	font-size: 90%;
}
#bottom a {
color: #fff !important;
font-size: 90%;
font-weight: normal;
text-decoration: none;
}

form.search {
	margin: 0px;
	padding: 0px;
}

form.search input {
	vertical-align : middle;
}

input.search {
	width: 145px;
	border: 1px solid #dddddd;
}

/* sc.css */

/* Content und Sidebar-Elemente */

#content h1, #contentmax h1 {
	font-size: 140%;
	font-weight : normal;
	margin: 0px;
	padding: 0px 0px 2px 0px;
	color: #EEEEEE;
}

#content h2, #contentmax  h2, #nav h2 {
	font-size: 100%;
	font-weight : bold;
	margin: 0px;
}


#content h2, #contentmax h2 {
	padding: 10px 0px 2px 0px;
}

#sidebar h2 {
	padding: 2px 0px 2px 0px;
	font-size: 100%;
	font-weight : bold;
	margin: 0px;
              color: #EEEEEE; 
}
#sidebar img {
	border: 0px solid #fff;
	}

#content h3, #contentmax h3 {
	font-size: 90%;
	font-weight: bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
}

#content p, #contentmax p, {
	margin: 0px;
	padding: 2px 0px 8px 0px;
	line-height: 140%;
	text-align: justify;
}
#sidebar p {
	margin: 0px;
	padding: 2px 0px 8px 0px;
	line-height: 140%;
	text-align: justify;
              color: #EEEEEE
}
#content a, #contentmax a, #sidebar a {
	text-decoration: none;
	font-weight : bold;
	color: #EEEEEE;
}

#content a:hover, #contentmax  a:hover, #sidebar a:hover {
	text-decoration: underline;
}

#content .sidepicture, #contentmax .sidepicture {
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 10px;
	width: 160px;
}

#content .clearer, #contentmax  .clearer {
	clear: both;
}

#more {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	text-align: right;
}

/* Liste */

#content ul, #contentmax ul, #sidebar ul {
	list-style: none;
	padding: 0px;
	margin: 6px 0px 6px 0px;
}

#content li, #contentmax li, #sidebar li {
	font-size: 94%;
	line-height: 120%;
	text-align: justify;
	padding: 2px 0px 2px 16px;
	background: url(../images/pbull.gif) no-repeat top left;
}

/* Tabelle */

#content table.cells , #contentmax  table.cells{
	border: 1px solid #dddddd;
}

#content td.cell, #contentmax  td.cell {
	background-color: #004400;
	font-size:94%;
	line-height:130%;
}

#content td.headercell, #contentmax  td.headercell {
	font-weight: bold;
	font-size:94%;
	background-color: #005500;
	color: #EEEEEE; 
}

/* Teaser */

div.teaserelement {
	float: left;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

div.teaser {
	margin: 0px;
	padding: 2px 0px 2px 0px;
}

div.teaserpicture {
	float: right;
	padding: 0px;
	margin: 0px 0px 10px 10px;
	border: none;
}

p.teasertext {
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

.teasernav {
	clear: both;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	text-align: center;
}

/* Absatztype Formular */

input.box {
	
	border : 1px solid #000000;
	width: 328px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular textarea  {
	
	border : 1px solid #dddddd;
	width: 328px;
	height: 200px;
	vertical-align: top;
	padding: 1px;
	margin: 0px 0px 10px 0px;
}

form.formular .formcaption {
	width: 200px;
	line-height: 200%;
	float: left;
	clear: left;
}

form.formular .formnote {
	color: #444444;
	line-height: 160%;
	padding: 2px 0px 10px 204px !important;
}

.buttoncaption {
	line-height: 200%;
}


/* Plugin-Styles */

P.s2d  {
	font-size: 180%;
	color: #485E3F;
	font-weight : bold;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	line-height: 200%;
}

P.s2dsmall  {
	font-size: 80%;
}


/** Für Formulare und Shopseiten **/

/* Rahmen und Farbe Formularelemente */
table.formtab select.tx,
table.formtab input.tx,
table.formtab textarea.tx {
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
}

/* Weitere Styledefinitionen für Formularelemente */
/* Rahmen und Farbe Formularelemente Highlight */
table.formtab select.txh,
table.formtab input.txh,
table.formtab textarea.txh,
table.formtab td.txh,
table.formtab table.txh {
	border: 1px solid #A70C0C;
	background-color: #F5E5E5;
}

/* Tabellenbreite */
table.pluginwidth {
	width: 510px;
	margin: auto;
}

table.completewidth, td.completewidth {
	width: 510%;
}

/* Breite der Formularfelder */
table.formtab input.tx,
table.formtab input.txh,
table.formtab textarea.tx,
table.formtab textarea.txh {
	width: 313.2px;
}

/* Höhe der Formularfelder */
table.formtab textarea.tx,
table.formtab textarea.txh {
	height: 139.2px;
}

/* Farbeliche Anzeige von Fehlermeldungen, immer identisch */
table.formtab td.h, p.h {
	color: #A70C0C;
	font-weight: bold;
	text-align: center;
}

/* Focus und Mausover von Formularelementen, immer identisch */
/*
table.formtab textarea:focus,
table.formtab textarea:hover,
table.formtab select:focus,
table.formtab select:hover,
table.formtab input:focus,
table.formtab input:hover {
	background-color: #FFFFFF;
} */

/* Innenabstand von Formularelementen und Tabellenzellen, immer identisch */
table.formtab input,
table.formtab textarea,
table.formtab td {
	padding-left: 3px;
	padding-right: 3px;
	margin: 0px;
}
/* secl.css */

/* Alle Designs in Zusammenhang mit dem Kalender von e-Consultance
   (C) 2008 e-Consultance
	Änderungen erlaubt, ohne Entfernung des (C) Hinweises
	Angabe der Änderung (wer und wann) erforderlich
	P.S: Über links auf meine Site www.e-consultance.de freue ich mich
*/


/* Wochentag Mo Di Mi....  */
.feldw {
   width:20px;
   height:14px;
 border:0px solid #eeeeee;  
font-size: 95%;
text-align: center;
  
  font-weight:bold;
   color:#FFFF00;
   float: left;
   border:0px solid #eeeeee;
   }
/* Normales Feld für Ausgabe des Tages */
.feld {
   width:20px;
   height:14px;
   text-align: center;
   color:#FFFACD;
   
  float: left;
   border:0px solid #eeeeee;
   }

/* Feld mit Feiertag (nicht markiert) */
.feldmft {
   width:20px;
   height:14px;
   text-align: center;
   color:#f2520d;
   float: left;
   border:0px solid #eeeeee;
   background-color:#e6e6e6	;
   }
/* Felddesign für heute */
.feldh {
   width:20px;
   height:14px;
   text-align: center;
   font-weight:bold;
   color:#fffffff;
   background-color:#FFD700;
   float: left;
   border:0px solid #eeeeee;
   }
/* Feld design für Samstage */
.feldsa {
   width:20px;
   height:14px;
   text-align: center;
   color:#aaaaaa;
   float: left;
   border:0px solid #eeeeee;
   }
/* Felddesign für Sonntage */
.feldso {
   width:20px;
   height:14px;
   text-align: center;
   color:#f2520d;
   float: left;
   border:0px solid #eeeeee;
   }
/* Felddesign für eine Abstandspalte vor Montag */
.feldmo {
   width:1px;
   height:14px;
   text-align: center;
   color:#555555;
   float: left;
   border:0px solid #eeeeee;
   }
/* Felddesign für Name des Feiertags in Ausgabeblock 2 */
.feldft {
   width:110px
	padding:0px 0px 0px 2px;
   height:14px;
   text-align: left;
   color:#ffffff;
   float: left;
   border:0px solid #eeeeee;
   font-size: 11px;
   }
/* Felddesign für Datum des Feiertags in Ausgabeblock 2 */
.felddt {
   width:50px;
   padding:0px 2px 0px 0px;
   height:14px;
   text-align: bottom;
   color:#444444;
   float: right;
   border:0px solid #eeeeee;
   font-size: 11px;
   }
/* Felddesign für Datum des Feiertags in Ausgabeblock 2 wenn Datum ein Sonntag ist*/
.felddtso {
   width:50px;
   padding:0px 2px 0px 0px;
   height:14px;
   text-align: bottom;
   color:#F1510c;
   float: right;
   border:0px solid #eeeeee;
   font-size: 11px;
   }
/* Felddesign für Pfeile nach links und rechts */
a.callr {
   color:#FF0000;
	vertical-align: top;
	font-size:12px;
   }
/* Felddesign für Pfeile nach links und rechts, wenn man drueber faehrt */
a.callr:hover {
   color:#FF0000;
	vertical-align: top;
	font-size:12x;
	text-decoration:none;
   }
/* Felddesign für Text "Zeige alle Feiertage des Jahres" und "nur für diesen Monat" */
a.showft {
   color:#FF0000;
	vertical-align: top;
	padding:0px 0px 0px 0px;
	}
/* Felddesign für Text "Zeige alle Feiertage des Jahres" und "nur für diesen Monat", wenn man drueber faehrt */
a.showft:hover {
   color:#FF0000;
	vertical-align: top;
	text-transform:none;
	text-decoration:underline;
	padding:0px 0px 0px 0px;
   }

