/*  stylesheet für das Stadtmuseum Penzberg	 */
/*	2007 dkgrieshammer						 */

/* 
Positionierung wird soweit möglich nur über 
margins gesteuert, um Schwierigkeiten mit älteren
IE-Versionen zu umgehen.
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*									Grundeinstellungen									*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* Zentrierung der Contentbox über text-align center und margins auto */
body {
margin:0px;
padding:px;
text-align:center;
background-color:#CCCCCC;

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/* Die Inhalte werden wieder links ausgerichtet */
div {
margin:0px;
padding:0px;
text-align:left;}

/* Passt die äussere Box der inneren Box höhenmässig an */
.DKG_CLEARER {
clear:both;
}

/* Erzeugt eine width-unabhängige 2Pixel-Einrückung für Textelemente */
.TEXT_SPACER {
margin-left:2px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*										FONT + TAGS											*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1 {
font-size:14px;
margin-bottom:6px;
margin-top:0px;
}

h2 {
font-size:12px;
margin-bottom:0px;
margin-top:0px;
}

h3 {
font-size:11px;
margin-bottom:0px;
margin-top:0px;
}

h4 {
font-size:11px;
margin-bottom:0px;
margin-top:0px;
}

p {
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;
}

a {
color:#000;
}

a:hover {
color:#ff9933;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*										HEADER											*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#HEADER {
margin-bottom:0px;
}

#HEADER img {
margin:10px;
border:0px;
}

#HEADER a {
  text-decoration:none;
  border:0px;
}

#STATUSBOX {
width:840px;
margin-left:auto;
margin-right:auto;
margin-bottom:1px;
color:#666666;
}

#STATUSBOX a {
color:#666666;
text-decoration:none !important;
}

#STATUSBOX a:hover {
color:#ff9933;
text-decoration:none !important;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*										MAINPART										*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#MAIN_OUT {
background-color:#FFFFFF;
width:840px;
margin-left:auto;
margin-right:auto;
border:#000000 solid 1px;
}

#MAIN {
margin:10px;
}

/* ++++++++++++++++++++++++++++ MOD_LEFT ++++++++++++++++++++++++++++++++ /*
/* Hier ist die Navigation drin */
#MOD_LEFT {
width:100px;
display:block;
float:left;
}

	/* Navigation Headergrafik */
	#NAV_HEAD {
	height:20px;
	margin-bottom:5px;
	}
		#NAV_HEAD IMG {
		margin:0px;
		padding:0px;
		}
	
	
	/* Navigationsbuttons */
	
	.LINK_FIX {
	margin-bottom:2px;
	}
	
	.UNTERLINK_FIX {
	margin-top:2px;
	}
	
	#MOD_LEFT a {
	display:block;
	width:96px;
	padding-left:2px;
	border:#333333 solid 1px;
	text-decoration:none;
	color:#333333;
	vertical-align:middle;
	}
		
		#MOD_LEFT a:hover {
		background-color:#FF9933;
		} 
		
		#MOD_LEFT a#current {
		background-color:#FF9933;
		}
	
	.UNTERLINK_FIX a {
	padding-left:12px !important;
	width:86px !important;
	background-image:url(unterlink.gif);
	background-position:1px 1px;
	background-repeat:no-repeat;
	}
	
	/* IE Hacks, jetzt auskommentiert, weil im Typo-setup der quirksmodus für den IE deaktiviert wurde */
	
/* * html #MOD_LEFT a {
	display:block;
	width:100px;
	padding-left:2px;
	border:#333333 solid 1px;
	text-decoration:none;
	color:#333333;
	vertical-align:middle;
	} */
	
/* * html .UNTERLINK_FIX a {
	padding-left:12px !important;
	width:100px !important;
	background-image:url(unterlink.gif);
	background-position:1px 1px;
	background-repeat:no-repeat;
	} */
	
/* ++++++++++++++++++++++++++++ CONTENT +++++++++++++++++++++++++++++++++ /*
/* Hier sind die Ihalte drin */
#CONTENT {
width:600px;
margin-left:10px;
margin-right:10px;
float:left;
}

/* Zusätzliche Klasse als Container für das 2Spaltige Layout */
.CONTENT_MIDDLE {
clear:both;
text-align:left;
}

csc-textpic img {
margin-top:0px;
width:600px;
height:auto;
border:none;
margin:none;
}

/* IE Abstandhalter für Inhaltselemente, kleben sonst aneinander */

* html .csc-textpic-clear { height:10px; }


/* Boxen für das 2 Spaltige Layout */

.LEFT_BOX {
width:290px;
margin-right:10px;
float:left;
}

.LEFT_BOX img {
width:290px !important;
height:auto !important;
clear:left;
}

.RIGHT_BOX {
margin-left:10px;
width:290px;
float:left;
}

.RIGHT_BOX img {
width:290px !important;  
height:auto !important;
clear:left;
}


/* Bildanzeige für die Einzelnews Ansicht */

.news-single-img {
}


/* ++++++++++++++++++++++++++++ MOD_RIGHT ++++++++++++++++++++++++++++++++ /*
/* Hier sind die Module wie Suche oder News drin */
#MOD_RIGHT {
width:100px;
display:block;
float:left;
}

	/* News Headergrafik */
	#NEWS_HEAD {
	height:20px;
	margin-bottom:5px;
	}
		/* News Text */
		.NEWS_TEXT {
		font-size:10px;
		margin-bottom:5px;
		}
		
	/* Suche Headergrafik */
	#SEARCH_HEAD {
	height:20px;
	margin-bottom:5px;
	}
	
	/* SEARCH_MODULE */
	#SEARCH_MODULE {
	border: 1px solid #333;
	margin-bottom:5px;
	}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*											FOOTER										*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#FOOTER {
margin-top:2px;
width:840px;
margin-left:auto;
margin-right:auto;
color:#333333;
}

#FOOT_LINKS {
text-align:right;
}

#FOOT_LINKS a {
  color:#333333;
  text-decoration:none;
}

#FOOT_LINKS a:hover {
  color:#ff9933;
  text-decoration:none;
}