/*##############################################################*/
/*##############################################################*/
/*##                                                          ##*/
/*## Konzept/Gestaltung/Umsetzung                             ##*/
/*## © by adcom werbeagentur Dr. Langner GmbH                 ##*/
/*## E-Mail info@adcomwerbung.de                              ##*/
/*## Internet www.adcomwerbung.de                             ##*/
/*##                                                          ##*/
/*## Inhaltlich verantwortlich:                               ##*/
/*## HNH BauLog GmbH                                          ##*/
/*## E-Mail info@hnh-baulog.de                                ##*/
/*## Internet www.hnh-baulog.de                               ##*/
/*##                                                          ##*/
/*##############################################################*/
/*##############################################################*/


@import url(form.css) all;
@import url(news.css) all;
body { font-family: tahoma, helvetica, arial, sans-serif; margin: 0; padding: 0; }
#container { background-repeat: no-repeat; width: 900px; margin-right: auto; margin-left: auto; }
#container #banner { width: 900px; height: 122px; }
#container #banner #logo { background-color: #fff; background-image: url(../img/logo.gif); background-repeat: no-repeat; background-position: left 16px; width: 300px; height: 85px; float: left; margin-top: 20px; }
#container #content { width: 880px; min-height: 449px; margin-left: 20px; border-top: 9px solid #9c9e9f; }
#container #content #navi { width: 190px; float: left; margin-top: 21px; margin-left: 20px; display:inline; }
#container #content #navi .button_aktiv { color: #f00; font-size: 14px; font-weight: normal; background-color: #f1f1f1; background-image: url(../img/navi_button_aktiv.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; text-indent: 10px; width: 190px; height: 21px; float: left; margin-bottom: 5px; padding-top: 4px; }
#container #content #navi .button_inaktiv { color: #000; font-size: 14px; font-weight: normal; background-color: #f1f1f1; background-image: url(../img/navi_button_inaktiv.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; text-indent: 10px; margin-bottom: 5px; padding-top: 4px; width: 190px; height: 21px; float: left; }
#container #content #navi .button_inaktiv:hover { color: #f00; font-size: 14px; font-weight: normal; background-color: #f1f1f1; background-image: url(../img/navi_button_aktiv.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; text-indent: 10px; margin-bottom: 5px; padding-top: 4px; width: 190px; height: 21px; float: left; }
#container #content #copytext { margin-top: 21px; margin-left: 20px; width: 400px; float: left; padding-right: 9px; padding-bottom: 20px; padding-left: 9px; display:inline; }
#container #content #copytext h1 { font-size: 18px; font-weight: normal; font-style: normal; margin: 0 0 8px; padding: 0; }
#container #content #copytext h2 { font-size: 14px; font-weight: normal; font-style: normal; margin: 0 0 10px; padding: 0; }
#container #content #copytext .auszeichnung { color: #f00; font-weight: bold; }
#copytext p { font-size: 11px; margin: 0 0 10px; padding: 0; }
#container #content #copytext a:link { color: #f00; font-weight: normal; font-style: normal; text-decoration: none; }
#container #content #copytext a:active { color: #f00; font-weight: normal; font-style: normal; text-decoration: none; }
#container #content #copytext a:visited { color: #f00; font-weight: normal; font-style: normal; text-decoration: none; }
#container #content #copytext a:hover { color: #999; font-weight: normal; font-style: normal; text-decoration: none; }
#copytext li { font-size: 11px; list-style-image: url(../img/weiter_news.gif); }
#container #content #banner { width: 180px; height:92px; float: right; margin-top: 21px; padding: 9px; border: solid 1px red; display:inline;  margin-bottom: -6px;}
#container #content #banner img { width: 178px; height: 90px; margin:0; border:0; }
#container #content #dienste { background-image: url(../img/verlauf_news.gif); background-repeat: repeat-x; width: 180px; float: right; margin-top: 21px; padding: 0 9px 9px; border: solid 1px #999; display:inline;  margin-bottom: -6px;}
#container #content #dienste img { width: 180px; height: 129px; margin:0; border:0; }
#container #content #dienste h1 { font-size: 18px; font-weight: normal; font-style: normal; margin: 5px 0 8px; padding: 0; }
#container #content #dienste ul { font-size: 12px; padding-left: 20px; list-style-type: square; }
#container #content #dienste li { padding: 2px 0;}
#container #content #dienste a { text-decoration: none; color: #666; }
#container #content #dienste a:hover { color: red; }
#container #content #dienste a.technik:hover { color: red; }
#container #content #dienste a.planung:hover { color: black; }
#container #content #dienste a.licht:hover { color: #eb2; }
#container #content #dienste a.vermietung:hover { color: #2a7; }


#container #content #news, #inform { background-image: url(../img/verlauf_news.gif); background-repeat: repeat-x; width: 180px; float: right; margin-top: 21px; margin-bottom: 20px; padding-right: 9px; padding-left: 9px; border: solid 1px #999; display:inline; clear: right;}
#container #content #news h1, #inform h1 { font-size: 18px; font-weight: normal; font-style: normal; margin: 5px 0 8px; padding: 0; }
#container #content #news h2, #inform h2 { font-size: 14px; font-weight: normal; font-style: normal; margin: 0 0 4px; padding: 0; }
#container #content #news h3, #inform h3 { font-size: 9px; font-weight: normal; font-style: normal; margin: 0 0 6px; padding: 0; }
#container #content #news p, #inform p { font-size: 11px; margin: 0 0 9px; padding: 0; }
#container #content #news a:link, #inform a { color: #f00; }
#container #content #news a:active { color: #f00; }
#container #content #news a:visited { color: #f00; }
#container #content #news a:hover, #inform a:hover { color: #999; }
#container #content #news hr, #inform hr { height: 0; margin-top: 3px; margin-bottom: 8px; border-top: 1px solid #ccc; border-right-style: none; border-right-width: 0; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; }
#container #content #news .arrow { background-image: url(../img/weiter_news.gif); background-repeat: no-repeat; background-position: center; width: 7px; height: 8px; }
#container #content #news .arrow:hover { background-image: url(../img/weiter_news_hover.gif); background-repeat: no-repeat; background-position: center; }
#footer { background-color: #fff; margin-right: auto; margin-left: auto; width: 641px; padding-left: 259px; }
#footer #bar { font-size: 11px; margin-bottom: 30px; background-color: #f1f1f1; text-indent: 10px; width: 409px; float: left; padding-top: 3px; padding-bottom: 4px; display:inline; }
#footer #bar a:link { color: #000; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; }
#footer #bar a:active { color: #000; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; }
#footer #bar a:visited { color: #000; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; }
#footer #bar a:hover { color: #f00; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; }

#gm_galerie { width:125px; float:right; display:inline; }
#gm_galerie img { margin-bottom:5px; border:0; cursor: pointer; }

.artikelbild { float:right; margin:0 0 15px 15px; padding:3px; background-color:silver; }


.galbox {
	display:inline;
	margin: 5px 25px 3px 8px;
	clear: both;
	float: left;
}

#galerie {
	position: relative;
	border: 1px solid #999;
	width:198px;
	height:148px;
}

#galerie ol {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 0;
	margin: 0;
}

#galerie ol li {
	float: left;
	font-size: 10px;
	padding: 1px 3px 2px;
	margin: 0 0 0 3px;
	color: white;
	background-color: #555;
	border: 1px solid white;
	cursor: pointer;
	opacity: 0.8;
	list-style-type: none;
	list-style-image: none;
}

#galerie ol li:hover {
	background-color: #222;
	opacity: 1;
}

#galerie ol li.active {
	color: #555;
	background-color: white;
	border: 1px solid #555;
}

p#description {
	font-size: 11px;
	width:200px;
}

.foto {
	border-top: 1px solid red;
	border-left: 1px solid red;
	border-right: 1px solid red;
	margin: 21px 0 0 8px;
	float:right;
	width:198px;
	height:148px;
}

.foto2 {
	margin: 0 0 0 8px;
	border-top: 0;
}

.dienstlbl {
	clear:right;
	font-size: 11px;
	margin: 0 0 3px 8px;
	float:right;
	width:200px;
	height: 39px;
	background-color: red;
}

.dienstlbl.technik {
	background: url('../img/dienste/label_technik.png');
}

.dienstlbl.strom2 {
	background: url('../img/dienste/label_strom.png');
}

.dienstlbl.licht2 {
	background: url('../img/dienste/label_licht.png');
}