height:100%;@charset "utf-8";

/* Menue */
 /* ----------> Begin Hauptmenu <---------- */	
* { 
	margin:					0; 
	padding:				0; 
	}


h2 {
	margin: 				0 0 3px 0; 
	padding: 				6px 0 0 0; 
	font-size: 				1.1em; 
	font-weight: 			bold; 
	color: 					#515960;

	}
h3 {
	font-size:				11pt; 
	font-weight: 			normal;
	margin:					2px 0 2px 0; 
	padding:				5px;
	border: 1px solid #006666;
	border-left-color: #ddefd1; border-top-color: #ddefd1;
	-moz-border-radius:		5px;
	-khtml-border-radius:	5px;
	color: 					#f3f3f3;
	background: url('http://www.krommert.de/img/navi/navi_1.png');
	}

h4 {
	font-size:				9pt; 
	margin:					8px 0 1px 0; 
	padding:				0;
	color: 					#ffffff;
	}
h5 {
	font-size:				10pt; 
	font-weight: 			bold;
	margin:					0px 10px 0px 10px; 
	padding:				10px;
	border:					#ccc 1px solid;
	/*background-color:		#515960;*/
	-moz-border-radius:		15px;
	-khtml-border-radius:	15px;
	color: 					#cccccc;
/*background: url('../img/back_h5.gif');*/
	
	}
span.third {font-size:130%; font-family:ARIAL BLACK, Comic Sans MS, sans-serif;	font-style:italic;}
span.second {font-size:150%; font-family:ARIAL BLACK, Comic Sans MS,sans-serif;	font-style:italic;}
span.first {font-size:200%; FONT-FAMILY: ARIAL BLACK, Comic Sans MS, sans-serif;	font-style:bold;}
td 	
	{	
	font-size: 					12pt; 
	color:#515960 ;					
	font-family:			Arial, Helvetica,Verdana,   sans-serif;
	}
html, body {
    height:100%;/* needed to base 100% height on something known*/
}
body {
	background: url('../img/bg_krommert_w.png') center top; 
}
#outer {
    width:960px;
    background:#f7f7f7;
    margin:auto;
	border-right:1px solid #adadad;
    min-height:100%;
    margin-top:-40px;/*footer height - this drags the outer 40px up through the top of the monitor */
}
/* #inner protects any floats in the content from clearing the :before float */
#inner {
    width:960px;
    overflow:hidden;
	border-right:1px solid #383838;
	 /* you could use float:left instead of overflow:hidden if you wanted content to overflow*/
    background:#f7f7f7;  /* If floated instead of overflow:hidden then repeat #outer background color here */
}
#inner_fok {
    width:520px;
    overflow:hidden;
	border-right:1px solid #383838;
	 /* you could use float:left instead of overflow:hidden if you wanted content to overflow*/
    background:#f7f7f7;  /* If floated instead of overflow:hidden then repeat #outer background color here */
}
#header {
    background: url('../img/kopf/krommert_10.jpg');
	border-top:40px solid #f3f3f3; /* soak up negative margin and allows header to start at top of page*/
}
#navi {
width:960px;
margin:auto;
float:left;
background: transparent url(../img/navi/navi_0.png) center center repeat-x; 
}
#content{/* Inhaltsbereich */
	width:920px;
	float:right;
	margin:auto;
	padding: 15px 20px 15px 10px;
	border-right:1px solid #383838;
	overflow:hidden;
	}

#footer {/* Fussbereich am unteren Rand des Browsers*/
   background:#515960;	
   width:100%;
   margin:auto;
   height:40px;/* dieselbe Groesse wie der negative Wert von #outer */
   clear:both;
}
/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
}
	
div.clear {
clear:left;
}

A.neu1:link  {color:#515960;padding: 1px 1px 1px 1px;  TEXT-DECORATION: underline}
A.neu1:visited  {color:#515960;padding: 1px 1px 1px 1px;  TEXT-DECORATION: underline}
A.neu1:hover  {COLOR: #ffffff;padding: 1px 1px 1px 1px;background-color: #515960; TEXT-DECORATION: underline overline}
A.neu1:active  {COLOR: #ffffff;padding: 1px 1px 1px 1px;background-color: #515960; TEXT-DECORATION: underline overline}
A.neu2:link  {color:#ffffff;padding: 1px 1px 1px 1px;  TEXT-DECORATION:none}
A.neu2:visited  {color:#ffffff;padding: 1px 1px 1px 1px;  TEXT-DECORATION:none}
A.neu2:hover  {COLOR: #cc9900;padding: 1px 1px 1px 1px;  TEXT-DECORATION:none}
A.neu2:active  {COLOR: #cc9900;padding: 1px 1px 1px 1px; TEXT-DECORATION:none}

A.neu4:link  {color:#e6f568;padding: 1px 1px 1px 1px;  TEXT-DECORATION: underline}
A.neu4:visited  {color:#e6f568;padding: 1px 1px 1px 1px;  TEXT-DECORATION: underline}
A.neu4:hover  {COLOR: #006600;padding: 1px 1px 1px 1px;background-color: #e6f568; TEXT-DECORATION: underline overline}
A.neu4:active  {COLOR: #006600;padding: 1px 1px 1px 1px;background-color: #e6f568; TEXT-DECORATION: underline overline}

input.kontaktform1,textarea.kontaktform1,select.kontaktform1 {
FONT-FAMILY:Arial,sans-serif;
TEXT-DECORATION: none;
BORDER: 1px solid #006600;
-moz-border-radius:		5px;
-khtml-border-radius:	5px;
PADDING: 2px 1px 2px 1px;
MARGIN: 1px 2px 1px 2px;
FONT-SIZE: 10pt;
FONT-WEIGHT: bold;
TEXT-ALIGN:center;
COLOR:#cacaca;
background: url('http://www.krommert.de/img/ansichten/back_button_ansichten.gif');
BACKGROUND-COLOR: #cacaca;}
input.kontaktform2,textarea.kontaktform2,select.kontaktform2 {
FONT-FAMILY:Arial,sans-serif;
TEXT-DECORATION: none;
BORDER: 1px solid #006600;
-moz-border-radius:		5px;
-khtml-border-radius:	5px;
PADDING: 2px 1px 2px 1px;
MARGIN: 1px 2px 1px 2px;
FONT-SIZE: 10pt;
FONT-WEIGHT: bold;
TEXT-ALIGN:center;
COLOR:#006600;
background: url('http://www.krommert.de/img/ansichten/back_button_ansichten.gif');
BACKGROUND-COLOR: #cacaca;}

.red {color:#e6f568;}
.red2 {color:#ffcc99;}
.news {color:#fecdc0;}
.hg {font-size : 10pt;font-weight:normal;color:#b5d8ee; }
.headline {font-size : 20pt;font-family: Arial narrow;color : #FF0033;filter:DropShadow(color=#d1d1d1, offx=2, offy=1);letter-spacing:2px}



table.smallcal { border-color:#000000; border-style:solid; border-width:2px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; }
td.smallcal { border-style:none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; }
td.smallcalapp { border-style:none; background-color:#44ff44; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; }
td.smallcaltoday { border-style:solid; border-color:#FF0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; }
td.smallcalapptoday { border-style:solid; background-color:#44ff44; border-color:#ff0000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; }

table.extra { border-width:1px; border-color:#cecece; border-style:solid; border-collapse:collapse; text-align:left;}
th.extra { border-width:1px; border-color:#cecece; border-style:solid; border-collapse:collapse;  text-align:center; }
td.extra { border-width:1px; border-color:#cecece; border-style:solid; border-collapse:collapse;   text-align:left;}
td.extrab { border-width:2px; border-color:#93A68A; border-style:solid; border-collapse:collapse;font-weight:bold; text-align:left; }
th.extrab { border-width:2px; border-color:#93A68A; border-style:solid; border-collapse:collapse;  text-align:left; }

.applemenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
}
.applemenu div.silverheader a{
background: black url(../img/navi/navi_ohne1.png) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}
.applemenu div.selected a, .applemenu div.silverheader a:hover{
/*background-image: url(../img/navi/navi_ohne.png);*/
color: white;
}
.applemenu div.submenu{ /*DIV that contains each sub menu*/
background:#b0ce99;
padding: 5px;
height: 100px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}


.hidepics { width:0px; height:0px; visibility:hidden;}