/* ---------------------------------- Allgemeine Elemente -------------------------------------- */
html, body {
	height: 100%;
	width:100%;
	margin:0px; 
	padding:0px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif; 
	font-size: 12px; 
	font-weight: normal;
	background-color:#D8E6E7;
	color:#212121;
	background-image:url(../images/bg_body.jpg); 
	background-position:0px 0px; 
	background-repeat:repeat-x;
}

a {
		text-decoration: none;
		color:#468698;
		background-color:inherit;
}
a:active {
		text-decoration: none;
		color:#468698;
		background-color:inherit;
}
a:visited {
		text-decoration: none;
		color:#468698;
		background-color:inherit;
}
a:link {
		text-decoration: none;
		color:#468698;
		background-color:inherit;
}
a:hover {
		text-decoration: underline;
		color:#A20101;
		background-color:inherit;
}

p {
margin:13px 0px;
padding:0px;
}

/* ---------------------------------- eof: Allgemeine Elemente -------------------------------------- */


/* ---------------------------------- H1 - H6 -------------------------------------- */

h1 {
color:#57A1B6;
margin:0px;
padding:0px;
font-size:16px;
font-weight:bold;
display:inline;
}

#container-sidebar h4 {
height:25px;
line-height:25px;
width:160px;
margin:0px 0px 0px 0px;
padding:0px 2px 0px 28px;
font-size:13px;
background-color:inherit;
font-weight:bold;
color:#FFF;
background-image:url(../images/header_sidebar.gif); 
background-position:0px 0px; 
background-repeat:no-repeat;
}

/* ---------------------------------- eof: H1 - H6 -------------------------------------- */


/* ---------------------------------- Listen -------------------------------------- */
ul {
margin:5px 0px 15px 25px;
padding:0px;
}

ul li {
list-style-type:square;
}
/* ---------------------------------- eof: Listen -------------------------------------- */


/* ---------------------------------- DIVs Positionieren -------------------------------------- */
#banner {
	position:absolute;
	top:0px;
	left:7%;
	z-index:1;
	min-width:925px;
	width:60%;
	height:122px;
	background-color:#dddddd;
	background-image:url(../images/bg_banner.gif); 
	background-position:0px 0px; 
	background-repeat:repeat-x;
	color:inherit;
	border-width:0px 1px 0px 1px;
	border-style:solid;
	border-color:#4F9EA7;
}

#pic1 {
	position:absolute;
	top:122px;
	width:670px;
	height:190px;
	background-image:url(../images/bg_banner2.jpg); 
	background-position:0px 0px;
}

#logo {
	position:absolute;
	top:0px;
	left:36px;
	z-index:3;
	width:219px;
	height:133px;
}

#werkstueck {
	position:absolute;
	top:102px;
	right:8px;
	z-index:3;
	width:245px;
	height:210px;
}

#anschrift {
	position:absolute;
	top:76px;
	left:260px;
	z-index:3;
	color:#bbbbbb;
	font-weight:bold;
	background:#FFFFFF;
	width:600px;
}

#navi_main {
	z-index:11;
	width:240px;
	color:inherit;
	background-color:#FFF;
	font-size:14px;
	padding:0px 0px 0px 0px;
}

#navi_main  p {
	margin:0px;
	padding:10px 0px 0px 25px;
}

#navi_meta {
	position:absolute;
	top:0px;
	right:10px;
	z-index:10;
	width:400px;
	height:30px;
	text-align:right;
}

#navi_meta  p {
	margin:0px;
	padding:8px 0px 0px 0px;
	color:#6B6B6B;
	font-weight:bold;
	background-color:inherit;
}

#container {
	position: absolute;
	left:7%;
	width:60%;
	min-width: 925px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color:#FFF;
	color:inherit;
	background-image:url(../images/bg_inhalt.gif); 
	background-position:0px 0px; 
	background-repeat:repeat-y;
	border-width:0px 1px 0px 1px;
	border-style:solid;
	border-color:#4F9EA7;
}

#container-content {
	width:100%;
	min-width:900px;
	padding: 120px 0px 60px 0px;
	margin: 0px 0px 0px 0px;
}

#container-content table{
	margin:0px 0px 0px 0px;
}

#container-content #li, #re{
	vertical-align:top;
}

#container-content #li{
	width:240px;
	padding:0px 0px 0px 20px;
	background-image:url(../images/banner_li.jpg); 
	background-position:0px 2px;
	background-repeat:repeat-x;
}

#container-content #re{
	background-image:url(../images/banner_re.jpg); 
	background-position:0px 2px; 
	background-repeat:repeat-x;
	padding:210px 0px 0px 10px;
}


#container-sidebar {
	position:absolute;
	top:330px;
	right:0px;
	width:200px;
}

#container-footer {
	position: relative;
	bottom: 0 !important;
	bottom: -1px;
	background-color:#4A9AA4;
	background-image:url(../images/bg_footer.gif); 
	background-position:0px 0px; 
	background-repeat:repeat-x;
	color:#F4F4F4;
	width: 100%;
	height: 49px;
}

#container-footer p {
	margin:0px;
	padding:12px 0px 0px 25px;
	width:700px;
}

#newsbar {
	width:240px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#F3F1F1;
}

#newsbar div.header {
	background-color:#348690;
	line-height:25px;
	background-image:url(../images/bullet1.gif); 
	background-position:0px 0px; 
	background-repeat:no-repeat;
	padding:0px 0px 0px 26px;
	margin:10px 0px 0px 0px;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
}

/* ---------------------------------- eof: DIVs Positionieren -------------------------------------- */


/* ---------------------------------- Metanavi -------------------------------------- */

#navi_meta  a {
		text-decoration: none;
		color:#6B6B6B;
		background-color:inherit;
		padding:0px 4px;
}
#navi_meta  a:active {
		text-decoration: none;
		color:#6B6B6B;
		background-color:inherit;
}
#navi_meta  a:visited {
		text-decoration: none;
		color:#6B6B6B;
		background-color:inherit;
}
#navi_meta  a:link {
		text-decoration: none;
		color:#6B6B6B;
		background-color:inherit;
}
#navi_meta  a:hover {
		text-decoration: none;
		color:#468698;
		background-color:inherit;
}

/* ---------------------------------- eof: Metanavi -------------------------------------- */


/* ---------------------------------- Links Footer -------------------------------------- */
#container-footer a {
		text-decoration: none;
		color:#F4F4F4;
		background-color:inherit;
}
#container-footer a:active {
		text-decoration: none;
		color:#F4F4F4;
		background-color:inherit;
}
#container-footer a:visited {
		text-decoration: none;
		color:#F4F4F4;
		background-color:inherit;
}
#container-footer a:link {
		text-decoration: none;
		color:#F4F4F4;
		background-color:inherit;
}
#container-footer a:hover {
		text-decoration: underline;
		color:#FFF;
		background-color:inherit;
}
/* ---------------------------------- eof: Links Footer -------------------------------------- */


/* ---------------------------------- Hauptmenü -------------------------------------- */

/* common styling */
.menu {
font-family: arial, sans-serif; 
width:240px; 
min-height:190px;
position:relative; 
margin:0; 
font-size:11px; 
margin:0px 0px;
}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#114840; 
width:210px; 
height:28px; 
text-align:left; 
border:1px solid #fff; 
border-width:1px 0px 0px 0px; 
line-height:26px; 
font-size:12px;
font-weight:bold;
background-image:url(../images/button_bg.gif);
background-position:left top; 
padding:0px 0px 0px 30px;  
}

.menu ul {
padding:0; 
margin:0; 
list-style-type: none; 
}

.menu ul li {
margin-right:1px; 
position:relative;  
list-style-type: none;
}

.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#468698; 
}

.menu ul li:hover ul {
display:block; 
position:absolute; 
top:0; 
left:240px; 
}

.menu ul li:hover ul li a.hide {
background:#468698; 
color:#FFF;
}

.menu ul li:hover ul li:hover a.hide {
width:150px;
}

.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
display:block; 
background:#468698; 
color:#FFF; 
padding:0px 10px 0px 10px;
}

.menu ul li:hover ul li a:hover {
background:#8DC5CB; 
color:#FFF;
}

.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:151px; 
top:0; 
color:#000;
}

.menu ul li:hover ul li:hover ul li a {
display:block; 
padding:0px 10px 0px 10px;
background:#468698; 
color:#FFF;
}

.menu ul li:hover ul li:hover ul li a:hover {
background:#468698; 
color:#fff;
}



/* ---------------------------------- eof: Hauptmenü -------------------------------------- */


/* ---------------------------------- Formulare -------------------------------------- */
#errormsg {
margin:10px 0px;
padding:10px 10px 10px 4px;
background-color:#cc0000;
color:#FFF;
font-weight:bold;
}

.error {
  background-color:#FFE3C8;
}

#form {
margin:0px;
padding:0px;
}

#form fieldset {
border-color:#bbbbbb;
border-width:1px;
border-style:solid;
margin:10px 0px;
}

#form legend {
font-weight:bold;
padding:0px 5px;
font-size:14px;
color:#57A1B6;
background-color:inherit;
}

#form p{
clear:both;
margin:4px 0px;
padding:0px;
}

#form span.label {
display:block;
font-weight:bold;
margin:0px 5px;
float:left;
width:200px;
line-height:22px;
}

#form span.label2 {
font-weight:bold;
margin:0px 5px;
width:200px;
line-height:22px;
}

#form input.radio {
margin:0px 0px 0px 10px;
}

#form select {
border-width:1px;
border-color:#979797;
border-style:solid;
height:24px;
font-size:15px;
}

#form input.formfeld {
width:190px;
border-width:1px;
border-color:#979797;
border-style:solid;
height:22px;
}

#form input.button {
background-color:#348690;
border-width:0px;
border-style:solid;
border-color:#95D114;
margin:0px;
padding:2px 30px;
font-size:14px;
color:#FFF;
font-weight:bold;
font-family:arial;
}
/* ---------------------------------- eof: Formulare -------------------------------------- */



/* ---------------------------------- Galerie -------------------------------------- */
div.seitenzahl {
	width:100%;
	text-align:right;
}

div.seitenzahl a {
		text-decoration: underline;
		color:#000000;
		background-color:inherit;
}
div.seitenzahl a:active {
		text-decoration: underline;
		color:#000000;
		background-color:inherit;
}
div.seitenzahl a:visited {
		text-decoration: underline;
		color:#000000;
		background-color:inherit;
}
div.seitenzahl a:link {
		text-decoration: underline;
		color:#000000;
		background-color:inherit;
}
div.seitenzahl a:hover {
		text-decoration: underline;
		color:#9C001D;
		background-color:inherit;
}


.teaser_galerie_pic {
	margin:0 auto;
	width:178px;
	height:122px;
	background-image: url(../images/teaser_galerie_bg.gif);
	background-position: top left;
    background-repeat: no-repeat;
}

.teaser_galerie_pic_inhalt {
	width:170px;
	height:112px;
	overflow:hidden;
}

.teaser_galerie_abstand {
	padding:6px 0px 0px 0px;
}

.seitenzahl {
	font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
	text-align:right;
}

table.tabelle {
	margin: 0px auto 0px auto;
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
	height:100%;
}

table.tabelle td {
	border:0px;
	border-style:solid;
	border-color:#000000;
	
}

.bild_gross {
	margin: 30px auto 0px auto;
	text-align:center;
}


/* ---------------------------------- eof: Galerie -------------------------------------- */




.content_bild {
float:right;
margin:10px 0px 40px 20px;
}

#content_home {
width:68%;
text-align:justify;
}

#content_home_text {
margin:0px 0px;
}

#content_allg {
width:96%;
text-align:justify;
}

#content_allg_text {
margin:0px 0px;
}

/*
#content_home_text img{
float:right;
margin:0px 0px 10px 10px;
}
*/

img.re{
float:right;
margin:0px 0px 10px 10px;
}

#content_home_list {
position:absolute;
top:350px;
right:10px;
z-index:10;
width:200px;
background-color:#F7F7F7;
border-width:1px;
border-style:solid;
border-color:#C0C0C0;
margin:0px;
padding:0px 0px 10px 0px;
}

#content_home_list dl{
margin:0px;
padding:0px;
}

#content_home_list dt{
margin:0px;
padding:3px;
background-color:#66A3B7;
font-weight:bold;
color:#FFF;
}

#content_home_list dd{
margin:0px;
padding:4px 10px 4px 10px;
font-weight:bold;
}

#content_home_teaser{
margin:30px 0px 0px 0px;
}

.teaser {
width:68%;
margin:0px 0px 30px 0px;
padding:10px 0px 0px 0px;
text-align:justify;
background-image:url(../images/teaser_hr.gif); 
background-position:0px 0px; 
background-repeat:repeat-x;
clear:both;
}

.teaser img{
float:left;
margin:0px 10px 10px 0px;
}

.teaser h5 {
margin:0px 0px 4px 0px;
padding:0px 0px 0px 20px;
font-size:13px;
background-color:#FFF;
font-weight:bold;
color:#57A1B6;
background-image:url(../images/bullet2.gif); 
background-position:0px 0px; 
background-repeat:no-repeat;
line-height:18px;
}

.teaser div a {
background-image:url(../images/pfeile_rot.gif); 
background-position:0px 3px; 
background-repeat:no-repeat;
padding:0px 0px 0px 12px;
}

#container-sidebar div#galerie {
height:257px;
width:182px;
background-image:url(../images/bg_galerie_teaser.jpg); 
background-position:0px 0px; 
background-repeat:no-repeat;
}

#test1 {
position:absolute;
left:20%;
width:60%;
height:100%;
background-color:red;
}

#container-sidebar p.mitte{
text-align:center;
margin:0px 0px 25px 0px;
padding:20px 0px 0px 0px;
}

.news {
margin:15px 6px 5px 6px;
padding:0px 0px 10px 0px;
font-size:11px;
color:#5C5C5C;
text-align:justify;
border-bottom: 1px dotted #5C5C5C;
}

.news h3 {
margin:0px;
padding:0px;
font-size:12px;
font-weight:bold;
color:#3B8E94;
}





/* ---------------------------------- Sonstige Elemente -------------------------------------- */
table.main {
clear:left;
width:100%;
border:0px solid #000000;
padding:0px 0px 0px 0px;
}

table.main td{
text-align:left;
}

table.main p{
font-weight:bold;
font-size:14px;
}

table.main table {
width:250px;
float:left;
border:0px solid #a9a9a9;
border-collapse:separate;
padding:0px 30px 30px 0px;
empty-cells:show;
border-spacing:1px;
}

table.main table th{
background:#cdcdcd;
font-weight:bold;
border:1px solid #858585;
text-align:center;
}

table.main table td{
border:1px solid #cdcdcd;
text-align:center;
}

/* ---------------------------------- eof: Sonstige Elemente -------------------------------------- */