/*
#############################################
# SC-Hardtberg Template 2.5                 #
# more to follow                            #
# © 2010 @ sc-hardtberg.de                  #
#############################################
*/

html {overflow-y: scroll;}
body {font-size: 12px; color: #000000; background-color: #2A51D2; 
	font-family: sans-serif;}

img {border: 0px; margin: 0px;}

/* width & center */
#outerWrap {width: 1000px; text-align: center; margin: 0 auto; overflow: visible;}
#innerWrap {text-align: left;}

/* Top Menu */
#top	{height: 15px; text-align: right; color: #FFFFFF; margin-right: 10px;}
#top a	{color: #FFFFFF; text-decoration: none;}
#top a:active, 
#top a:hover {color: #C95434;}


/* Header and Banner */
#header 		{height: 77px; overflow: visible; background: url(template_1_FILES/banner_mitte.png) repeat-x; 
				width: 990px; position: relative; float: left; margin-bottom: 5px;}
#banner_foto 	{position: absolute; left: 200px; top: 3px;}
#logo 			{position: absolute; left: 7px; top: 3px;}
#banner_links 	{height: 77px; width: 200px; background: url(template_1_FILES/banner_links.png) no-repeat;
				background-size: 210px 77px; -moz-background-size: 190px 77px; overflow: visible; float: left;}
#banner_rechts 	{height: 77px; width: 77px; background: url(template_1_FILES/banner_rechts.png) no-repeat;
				overflow: visible; float: right;}
#headertext 	{color: #FFFFFF; position: absolute; left: 660px; padding: 0; font-size: 24px; 
				top: 10px; text-shadow: 2px 2px 5px #000000;}


/* Menu */
#menu {height: 1%; display: block; font-size: 16px; margin-bottom: 5px;}
#menu ul {list-style-type: none; position: relative;}
#menu li {
	height: 22px;
	background: url(template_1_FILES/bilder/buttons2/normal.png) repeat-x;
	margin: 2px;
	text-align: center;
	float: left;
	box-shadow: 1px 1px 3px #222222;
	-webkit-box-shadow: 1px 2px 3px #222222; 
	-moz-box-shadow: 1px 2px 3px #222222;
	border-radius: 2px;
	-moz-border-radius: 2px;
}
#menu li:active, 
#menu li.active,
#menu li:hover  {
	background: url(template_1_FILES/bilder/buttons2/aktiv.png) repeat-x;
	box-shadow: 1px 1px 5px #888888;
	-webkit-box-shadow: 1px 1px 5px #888888;
	-moz-box-shadow: 1px 1px 5px #888888;
}
#menu a {color: #000000; text-decoration: none; padding-left: 5px; padding-right: 5px;}
#menu a:active, 
#menu a.active {color: #FFFF77;} /* gelb */
#menu a:hover  {color: #FFFFFF;}


/* Block, Left */
#block	{display: block; position: relative; width: 990px; float: left; top: 5px;}
#left	{min-height: 200px; position: absolute; left: 5px;}


/* Bottom Menu */
#bottom {height: 25px; clear: both; text-align: center; color: #FFFFFF; position: relative; top: 10px;}
#bottom a {color: #FFFFFF; text-decoration: none;}
#bottom a:active, 
#bottom a:hover {color: #C95434;}


/* Sub Navi */
#sub_navi {
  background-color: #BBDEED;
  width: 180px;
  box-shadow: 2px 3px 4px #222222;
  -webkit-box-shadow: 2px 3px 4px #222222;
  -moz-box-shadow: 2px 3px 4px #222222;
  border-radius: 6px; 
  -moz-border-radius: 6px;
  overflow: visible;
}

#sub_navi ul {list-style-type:none; margin: 3px; margin-left: -25px;}
/* IE 6 */
* html #sub_navi ul {padding-left: 10px; margin: 3px;}
/* IE 7 */
*:first-child+html #sub_navi ul {padding-left: 10px; margin-left: 3px;}

#sub_navi a {color: #17306D; text-decoration:none;}
#sub_navi a:hover {color: #C95434;}
#sub_navi a:active, 
#sub_navi .active {color: #C95434;}



/* Content */

#content {
	min-height: 500px;
	width: 765px;
	background-color:#E8F3F9;
	/* Schatten */
	border-right: 2px solid #000000;
	border-bottom: 3px solid #000000;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	box-shadow: 1px 2px 3px #222222;
	-webkit-box-shadow: 1px 2px 3px #222222;
	-moz-box-shadow: 1px 2px 3px #222222;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px;
	margin-left: 200px;
	margin-right: 5px;
}
/* IE 6 */
* html #content {height: 1%;}
/* IE 7 */
*:first-child+html #content {height: 1%}

#content img {max-width: 70em; max-height: 40em;}
#content p {margin: 7px 0;}

/* headlines */
#content h1, 
#content h2, 
#content h3, 
#content h4, 
#content h5 {border-bottom: 1px solid blue; padding-left: 2px;}

#content h1 {font-size: 2em;}
#content h2 {font-size: 1.5em;}
#content h3 {font-size: 1.17em;}
#content h4 {font-size: 1.17em;}
#content h5 {font-size: 1.17em;}

#content thead {font-weight: bold;}
#content table, 
#content table td {vertical-align: top; border: 1px solid black; border-collapse:collapse; padding: 2px;}

/* style links */
#content a:active,
#content a:hover {color: #C95434;}

/* left menu divider */
.liste-hr {color: blue; height: 1px; border-top: 1px solid;}

/* h2 replacement */
.subheader {font-size: 1.5em; color: #000000; border-bottom: 1px solid blue;
  			padding-left: 3px; font-weight: bold;}

/* News */
.news-latest-date a {text-decoration: none;}
.news-latest-block {margin-left: 20px; margin-bottom: 1em;}
.news-latest-strong a {text-decoration: none}
.news-latest-cat-image img {margin-right: 2px; height: 16px; width: 16px; float: left;}
.news-latest-subheader p {margin: 0;}
#content .news-single-item-head p {margin: 0; padding: 0;}
#content .news-single-item-head div {display: inline;}
#content .news-single-item-head,
#content .news-single-item-links {width: 100%; border: none;}
#content .news-single-item-head td,
#content .news-single-item-links td {border: none;}

/* Kalender */

.cal a, .cal-item a {text-decoration: none;}
.tx-cal-controller label {display:block; float:left; margin-bottom: 0; 
						padding-right: 2em; text-align:right; width:160px;}
.tx-cal-controller fieldset div {border:1px solid blue; clear:left; margin:7px;}

.datum			{width: 110px;}
.veranstaltung	{width: 150px;}
.ort			{width: 150px;}
.teilnehmer		{width: 120px;}
.veranstalter	{width: 150px;}
.cal-link		{width: auto;}

#calendar-event table {width: 600px;}
#calendar-event td:first-child {width: 150px;}