/* ------Text items------------- */

.Normal, P, BODY, TD, INPUT, SELECT, TEXTAREA, LI { 
	font-size : 8pt;
	color : #444444;
	text-decoration : none; 
}
body 
{
	border: solid 0px #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	/*align: center;*/
	overflow-y:scroll;
}
.tabs{
	background:url(http://moxiecode.cachefly.net/tinymce/v3/images/example_tabs.gif) repeat-x scroll left bottom transparent;
	width:100%;
	overflow:hidden;
}
.tabs a:hover{
	text-decoration:none;
	background:none repeat scroll 0 0 #f6fff6
}
.tabs a{
	background:none repeat scroll 0 0 #f6f6f6;
	border:1px solid #e5e5e5;
	color:#778;
	float:left;
	padding:6px 8px 6px;
}
.tabs a{
	outline:0 none;
}
.tabs a.active{
	background:none repeat scroll 0 0 #fff;
	border-color:#ddd #DDDDDd #fff;
	color:#012;
}
div.errorNote{
    border-style: solid;
    border-width: 1px;
	border-color: #c00;
    background: #fcc;
    text-align:left;
    padding: 5px;
    width: 98%;
    margin: 0;
    margin-bottom: 10px;
}
div.warningNote{
    border-style: solid;
    border-width: 1px;
    border-color: #f0c000;
    background-color: #ffffce;
    text-align:left;
    padding: 5px;
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
}
div.infoNote{
    border-style: solid;
    border-width: 1px;
    border-color: #5357ff;
    background-color: #d5d6ff;
    text-align:left;
    padding: 5px;
    width: 98%;
    margin: 0;
    margin-bottom: 10px;
}
div.successNote{
    border-style: solid;
    border-width: 1px;
    border-color: #46ff46;
    background-color: #f0fff0;
    text-align:left;
    padding: 5px;
    width: 98%;
    margin: 0;
    margin-bottom: 10px;
}
p.wetter {
    border-style: none;
    border-width: 0px;
    /*border-left-width: 5px;
    border-right-width: 5px;
    border-color: #f0c000;
    border-left-color: #ff0000;
    border-right-color: #ff0000;
    background-color: #ffffce;*/
    text-align:center;
    padding: 5px;
    width: 100%;
    margin: 0 0 10px 0;
}
p.wetter a{
    border-style: none;
    border-width: 0px;
    text-decoration : none;
}
.Heading1, H1 {
	font-size : 12pt;
	font-weight : bold;
	margin : 0px; 
}

.Heading2, H2 {
	font-size : 12pt;
	margin : 0px; 
}

.Introduction, H3 {
	font-size : 8pt;
	text-decoration : none;
	margin : 0px;
	font-weight:bold; 
}

.more{
	text-align: right;
	text-decoration: none;
}

.Bildtext {
	FONT-STYLE:Italic ; 
	FONT-SIZE: 7pt; 
}


.LinkHeader a {
	font-size : 8pt;
	color :#336699/*911518*/;
	text-decoration : none;
}
.LinkHeader a:hover {
	color : #336699/*911518*/;
	text-decoration : underline;
}


.pictureFrame {
	border: 1px solid #6B6458;
}
.pictureFrameIntern {
	border: 1px solid #FF0000;
}


.widthPage					{width : 780px;}
.widthLeftMenu				{width : 191px;}
.widthRightMenu				{width : 191px;}
.widthMainBodyNoRightMenu	{width : 579px}
.widthMainBody				{width : 350px}


.hightTopSeperator			{height : 10px}
.heightBanner1				{height : 78px}
.heightBannerSeparator		{height : 10px}
.heightHeading1Over			{height : 3px}
.heightHeading1Under		{height : 3px}
.heightMenuSeparator		{height : 8px}
.heightOverTextNormal		{height : 12px}
.hightElementSeperator		{height : 10px}
.heightListSeperator		{height : 3px}
.heightSearchSeparator		{height : 2px}
.heightMenuLineOver			{height : 4px}
.heightMenuLineUnder		{height : 9px}
.heightBreadCrumb			{height : 24px}
.heightOverBreadCrumb		{height : 8px}
.heightUnderBreadCrumb		{height : 6px}
.heightFooter				{height : 40px}
 
/*FONT FAMILY*/
BODY						{font-family : verdana, arial, helvetica, sans-serif;}
TD							{font-family : verdana, arial, helvetica, sans-serif;}
TABLE						{font-family : verdana, arial, helvetica, sans-serif;}


.linkMenuSelected a			{font-size : 8pt; font-weight : bold; color : #336699; text-decoration : none;}
.linkMenuSelected a:hover	{text-decoration : underline;}
.linkMenuItem a				{font-size : 8pt; color : #999999; text-decoration : none;}
.linkMenuItem a:hover		{text-decoration : underline;}
.linkMenuChild a			{font-size : 8pt; color : #336699; text-decoration : none;}
.linkMenuChild a:hover		{text-decoration : underline;}

.HeaderMenu
{
							background : #F2F2F2;
							height: 24px;
							text-align: right;
}
.HeaderMenu a				{font-size : 9pt; color : #336699; text-decoration : none;}
.HeaderMenu a:hover			{text-decoration : none;}

.linkTopMenu a				{font-size : 8pt; font-weight : bold; color : white; text-decoration : none;}
.linkTopMenu a:hover		{text-decoration : underline;}

.LinkFooter a 				{font-size : 8pt; color : #336699/*911518*/; text-decoration : none;}
.LinkFooter a:hover 		{color : #7da7bf/*A31114*/; text-decoration : underline;}

.LinkLocalMenu a 			{font-size : 8pt; color : #000000; text-decoration : none;}
.LinkLocalMenu a:hover		{color : #336699/*A31114*/; text-decoration : underline;}

.LinkNormal a 				{font-size : 8pt; color : #336699/*911518*/; text-decoration : underline;}
.LinkNormal a:hover			{color : #7da7bf/*911518*/; text-decoration : underline;}

.LinkNoUnderline a 			{font-size : 8pt; color : #336699/*911518*/; text-decoration : none;}
.LinkNoUnderline a:hover	{color : #7da7bf/*911518*/; text-decoration : underline;}

.LinkNormalblue a 			{font-size : 8pt; color : #336699/*336699*/; text-decoration : underline;}
.LinkNormalblue a:hover		{color : #336699/*911518*/; text-decoration : underline;}

.LinkNormalBold a 			{font-size : 8pt; color : #336699/*911518*/; text-decoration : none; font-weight:bold;}
.LinkNormalBold a:hover		{color : #7da7bf/*911518*/; text-decoration : underline;}

.LinkNormalBlack a 			{font-size : 8pt; color : #444444; text-decoration : underline;}
.LinkNormalBlack a:hover	{color : #336699/*911518*/; text-decoration : underline;}

.LinkFooterSmall a			{font-size : 7pt; color : #444444; text-decoration : none;}
.linkFooterSmall a:hover	{color : #7da7bf/*A31114*/; text-decoration : underline;}

.LinkFooterSmallred a		{font-size : 7pt; color : #336699/*911518*/; text-decoration : none; font-weight:bold;}
.linkFooterSmallred a:hover	{text-decoration : underline;}

.LinkAlert a 				{font-size : 9pt; color : white; text-decoration : none;}
.LinkAlert a:hover			{color : white; text-decoration : underline;}

.LeftMenu {text-decoration : none}
.LeftMenu a {text-decoration : none}

.textAlert					{font-size : 9pt; color : white; text-decoration : none;}
.textMenuItem				{font-size : 8pt; color : #999999; text-decoration : none;}
.textMenuChild				{font-size : 8pt; color : #336699; text-decoration : none;}
.textDate					{font-size : 7.5pt;font-weight : normal; color : #EED6D7;}
.textTopMenu				{font-size : 7.5pt; color : #EED6D7; text-decoration : none;}
.textNormal 				{font-size : 8pt; color : #444444; text-decoration : none;}
.textHeading1				{font-size : 8pt; font-weight : bold; color : #336699;}
.textHeadingLarge			{font-size : 18px; font-weight : normal; color : #000000;}
.textNormalBold				{font-size : 8pt; color : #444444; text-decoration : none; font-weight:bold;}
.textRedBold				{font-size : 8pt; color : #911518; text-decoration : none; font-weight:bold;}
.textBlueBold				{font-size : 8pt; color : #336699; text-decoration : none; font-weight:bold;}
.textWhite                  {font-size : 9px; color : White; text-decoration : none;}


.ColumnHead 				{background-color : white; padding : 3px; font-size : 8pt; font-weight : bold; color : #A31114; height : 21px;}


/* main menu */
#nav {
	z-index: 10;
	position: relative;
	width: 770px;
	list-style: none;
	line-height: 22px;
	height: 22px;
	background: #911518;
	padding: 0;
	border: solid #3798B9;
	border-width: 0px 0;
	margin: 0;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

#nav .selectedItemInMenu 
{
	background: #3798B9;
}

#nav a, #nav h2 
{
	font-weight: normal;
	font-size: 12px;
	font-family: Verdana;
	display: block;
	width: 110px;
	color: white;
	text-decoration: none;
	text-align: center;
	vertical-align:text-bottom;
	background-position: 7px center; 
	background-repeat: no-repeat;
}



#nav li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
}

/* nav DD */
#nav ul {
	list-style: none;
	line-height: 15px;
	height: 15px;
	background: #B5CBE0;
	
	padding: 0px;
	margin: 0px;
	display: none;
	position: absolute;
	width: 110px; 
}

#nav li>ul {
	top: auto;
	left: auto;
}

#nav li:hover ul,
#nav li.sfhover ul {
	display: block;
}

#nav li ul a {	
	display: block;
	width: 110px;
	margin: 0;
	padding: 2px 10px 2px 10px;
	
	font-size: 10px;
	font-family: Arial;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	background-color: #B5CBE0;
	color: #3798B9;
	
	border-top: 1px solid #3798B9;
}

#nav li:hover, #nav li.sfhover {
	background-color: #3798B9;
}

#nav ul li A:hover {
	background-color: #3798B9;
	color: White;
}


/* TD Backgrounds */
h2.Headline{
	background: url(gfx/background/dottedLine.gif);
	background-repeat:repeat-x;
	height: 20px;
	background-position: bottom;
	margin: 10px 5px 5px -5px;
	clear: both;
}

td.dottedLine {
	background: url(gfx/background/dottedLine.gif);
	background-repeat:repeat-x;
	height: 1px;
}
td.shadowRight {
	background: url(gfx/background/shadowRight.gif);
	background-repeat:repeat-y;
}
td.shadowLeft {
	background: url(gfx/background/shadowLeft.gif);
	background-repeat:repeat-y;
}
td.shadowBottom {
	background: url(gfx/background/shadowBottom.gif);
	background-repeat:repeat-x;
}


/* ---- GENERAL ----*/ 
.leftfloating
{
	float: left;
}
.leftfloatingHeader{
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 2px;
	float: left;
	height: 17px;
	white-space: nowrap;
	font-family: Verdana;
	font-size: 12px;
	color: #5A564D;
	vertical-align: bottom;
}
.rightfloating
{
	float: right;
}

.clearboth
{
	clear: both;
}

.valignbottom
{
	vertical-align: bottom;
}

.hidden
{
	display: none;
	visibility: hidden;
}

.noborder
{
	border: none;
}

.bold
{
	font-weight: bold;
}

/* ---- TEXT ITEMS ---- */
a 
{
	color: #31669A;
	text-decoration: none;
}

a:hover 
{
	color: #7DA7BF;
	text-decoration: underline;
}

h1, .heading1
{
	font-family: Arial;
	font-size: 40px;
	margin-top: 5px;
	margin-bottom: 10px;
}

h1 a:hover
{
	text-decoration: none;
	color: #7da7bf;
}

h1 a
{
	text-decoration: none;
}

.rightmenuheading
{
	white-space: nowrap;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #5A564D;
	border-bottom: solid 1px #E7E4DD;
}

.color_blue
{
	color: #336699;
}

.color_black
{
	color: #000000;
}

.color_white
{
	color: #FFFFFF;
}

p
{
	margin-top: 10px;
	margin-bottom: 15px;
}

.fontsize_11
{
	font-size: 11px;
}


/* ---- IMAGES ---- */
.featureimage
{
	width: 563px;	
}
.plusminus{
	border: 0px;
	vertical-align: middle;
	margin-right: 2px;
}
.linkarrowimage
{
	margin-right: 5px;
}

/* ---- INPUT ITEMS ---- */
.quickwin_searchtextbox
{
	width: 96px;
	height:18px;
	border: solid 1px #809EBA;
	vertical-align: top;
	margin-top: 2px;
	margin-right: 3px;
}

/* ---- MARGIN AND PADDING ----*/
/* --- Margin --- */
.margintop10
{
	margin-top: 10px;
}

.marginbottom10
{
	margin-bottom: 10px;
}

.marginleft8
{
	margin-left: 8px;
}

.marginleft4
{
	margin-left: 4px;
}

.marginright5
{
	margin-right: 5px;
}

.marginleft10
{
	margin-left: 10px;
}

.marginright10
{
	margin-right: 10px;
}

/* ---- STRUCTURE ----*/

.content
{
	margin-top: 0px;
}

/* ---- Left navigation menu ---- */
.quickwin_leftmenuheader 
{
	background-image: url(gfx/background/bgQWMenu.gif);
	background-repeat: repeat-x;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #EFEACA;
	padding-left: 8px;
	padding-bottom: 3px;
	height: 32px;
	border-left: solid 1px #C0BBB7;
	border-right: solid 1px #C0BBB7;
	border-bottom: solid 1px #C0BBB7;
	border-top:  solid 1px #C0BBB7;
}

.quickwin_menuborder
{
	/*
	border-left: solid 1px #C0BBB7;
	border-right: solid 1px #C0BBB7;
*/
	border-bottom: solid 1px #C0BBB7;
}

.quickwin_menuitem
{
	font-family: Verdana;
	font-size: 11px;
	background-color: #F7F4E4;
	padding-left: 8px;
	border-left: solid 1px #C0BBB7;
	border-right: solid 1px #C0BBB7;
}

.quickwin_selectedmenuitem
{
	font-family: Verdana;
	font-size: 11px;
	background-color: #E7E4DD;
	padding-left: 8px;
	border-left: solid 1px #C0BBB7;
	border-right: solid 1px #C0BBB7;
}

.quickwin_menulink
{
	font-family: Verdana;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}

.quickwin_menulink:hover
{	
	text-decoration: none;
	font-weight: normal;
}

.quickwin_selectedmenulink
{
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}

.quickwin_selectedmenulink:hover
{
	text-decoration: none;
}

/* ---- Top ten ---- */

.toptenheader
{
	white-space: nowrap;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #5A564D;
}

.toptenitem
{
	font-family: Verdana;
	width: 100%;
	text-align: left;
	border-top-width: 1px;
	border-top-color: #E7E4DD;
	border-top-style: solid;
	font-size: 11px;
	text-decoration: none;
	/* color: #336699;	*/
	padding-left: 2px;
}

.toptenitem a
{
	text-decoration: none;
}


.toptenitem a:hover
{
	text-decoration: none;
	color: #7da7bf;
}

.rightMenuTable
{
	width: 100%;
	border: 0px solid #000;
}

.itemInQWMenu
{
	background-color: #911518/*3676A5;*/;
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
	border-bottom: none;
	border-top: none;
	height: 20px;
	vertical-align: bottom;
}

.itemInQWMenu a
{
	display:block;
	color: #FFFFFF;
	text-decoration: none;
}

.itemInQWMenu a:hover
{
	display:block;
	background-color: #B91518/*7da7bf*/;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: bottom;
}


/* ---- Multimedia ---- */
.multimedia
{
	padding: 10px 0px 10px 10px;
	background-color: #E7E4DD;
}

.smallthumbnail
{
	border: solid 1px #FFFFFF;
	vertical-align: middle;
	margin-top: 2px;
	margin-right: 2px;
}

.activethumbnail
{
	border: solid 1px #FFFFFF;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	margin-top: 2px;
	margin-right: 2px;
}

.divthumbrow
{
	background-color: #3676A4;
	height: 41px;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 10px;
}

.photoarrow
{
	border: none;
	vertical-align: middle;
}

.imagedisplay
{
	text-align: center;
	width: 563px;
	height: 402px;
}

.photoalbumdiv
{
	background-color: #E7E4DD;
	padding-top: 10px;
}

.imageinfodiv
{
	height: 50px;
	margin-top: 10px;
	background-color: #F7F4E5;
}
.images
{
	margin: 0px 5px 0px 5px;
	border: solid 0px;
	width: 164px;
	text-align: center;
	float: right;
}

.imagedescription
{
	float: left;
	padding: 0px;
	text-align: left;
}

.categoryicon
{
	margin-left: 6px;
	vertical-align: middle;
}

/* ---- Footer ---- */
.Footer
{
	width: 700px;
	text-align: center;
	/*border-top:  solid 1px #444444*/;
	font-size : 8pt;
	color : #444444;
	text-decoration : none;
	font-weight: normal;
	margin-bottom: 5px;
}

/* ---- Article ---*/
.articleImage
{
	padding: 0px 0px 15px 0px;
	float: none;
}

.article{
	padding: 0 5px 10px 5px;
}

.articleHeader
{
	font-size: 18px;
	font-family: Verdana;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

.maincontentdiv
{
	/*width: 743px;*/
	width: 750px;
	margin-top: 10px;
	margin-left: 14px;
}
.mainbodydiv
{
	width: 528px;
}
.rightmenudiv
{
	width: 207px;
	margin: 0px;
}
.rightMenuTable
{
	width: 100%;
	border: 0px solid #000;
}
.toTop
{
	font-size : 8pt;
	margin-top: 15px;
	clear: both;
}
.toTop a
{
	color : #336699/*911518*/;
	text-decoration : underline;
}
.toTop a:hover
{
	color : #7da7bf/*911518*/;
	text-decoration : underline;
}

.MainMenuSpacer
{
	background-color: #000000;
}
.margintop10
{
	margin-top: 10px;
}


/* Main Menu */
#MainMenu {
	z-index: 10;
	position: relative;
	width: 770px;
	list-style: none;
	line-height: 25px;
	height: 25px;
	background-color: #911518;
	padding: 0px;
	margin: 0px;

	border: solid #3676A5;
	border-width: 0px;
	
	font-family: Verdana;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
}
#MainMenu ul{
	list-style: none;
	padding: 0;
	margin: 0;	
}
#MainMenu ul li{
	background-color: #911518;
	font-family: Verdana;
	font-size: 13px;
	text-align: center;
	border-bottom: none;
	border-top: none;
	height: 25px;
	float: left;
	display: inline;
	padding: 0 1px;
}
#MainMenu ul li a{
	height: 22px;
	line-height: 2em;
	float: left;
	width: 100px;
	display: inline;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
}
#MainMenu li>ul {
	top: auto;
	left: auto;
}
.login{
	background: url(gfx/static/padlock.png) no-repeat;
	padding-left: 45px;
	height: 75px;
	margin-left: 25px;
}
img.icon{
	align: left middle;
	border: none;
}

        
.olControlFeuerItemInactive { 
	width:  22px;  
	height: 22px;
	background-color: orange;
	background-image: url("http://www.feuerwehr-holzgerlingen.de/gfx/icons/maps/drk.png");
}
.olControlFeuerItemActive { 
	width:  22px;  
	height: 22px;
	background-color: blue;
	background-image: url("http://www.feuerwehr-holzgerlingen.de/gfx/icons/maps/unfall.png");
}