body,tr { font-size:12px; }
html { margin:0; padding:0; }
body {
margin:0;
padding:0;
background-color:#FFEAC5;
text-align:center;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
body.print { text-align:left; }
td,th { text-align:left; vertical-align:top; }
img { border:none; }
p { margin:0 0 1em 0; }
.template_footer p { margin:0; }

hr{
background-color:#004B8C; /* Mozilla 1.4 */
color:#004B8C; /* IE 6 */
border: #004B8C; /* Opera 7.11 */
height: 1px;
margin: 0.5em 0;
}

.bildBig img { margin-bottom:1em; }

#copyright { clear:both; font-size:9px; margin: 0.2em 0;  color:#806141;margin-left:12px;margin-bottom:20px;}
#copyright a { color:#806141; text-decoration:underline;}
#copyright a:hover { color:#806141; text-decoration:underline;}


/******************/
/* Headers, plain */
/******************/
h1, h2, h3, h4, h5, h6 { margin:0; margin-bottom:0.5em; margin-left:12px;margin-top:14px;}
/* Headers, with link */
h1 a, h2 a, h3 a, h4 a, h5 a { color: #000000; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration:none; }

/*********/
/* Links */
/*********/
a { color:#000000; text-decoration:underline; cursor:pointer; }
a:hover { color:#C61024; }

.newslineEditLink a{
display:block;
clear:both;
background-color:#C7E2FF;
border:1px solid #F0F0F0;
padding:3px;
font-size:11px;
color:#4279BC;
font-weight:bold;
text-align:left;
}
.newslineEditLink a:hover { color:#4279BC; text-decoration:none; }
/***********/
/* Tabelle */
/***********/
table.auto {
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 1em;
}
table.auto td,table.auto th,table.auto tr {
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
padding: 3px;
}

/**********/
/* Listen */
/**********/
ul { padding: 0; margin: 0 0 1em 15px; }
ul li { list-style-type: square; }

ul.einzellink,ul.linkliste {
margin: 0 0 1em 0;
}
ul.einzellink li,ul.linkliste li {
list-style-type: none;
padding-left: 10px;
vertical-align: middle;
line-height: 1.2em;
background-image:url(1pic/linkpfeil.gif);
background-repeat:no-repeat;
background-position:0 0.45em
}
/************/
/* Formular */
/************/
form { margin:0; }
input.text {
font-size: 1em;
border:1px solid #004B8E;
margin:2px 0;
}
.formulare select { width:100%; }
input.button {
color:#004B8E;
border:1px solid #004B8E;
background-color:#F5F5FE;
cursor:pointer;
padding:0;
margin:2px 0;
font-size:0.75em;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
/* ERROR */
p.error { color:#FF0000; font-weight:bold; }
input.error { color:#000000; font-weight:normal; }
td p.error { font-weight:normal; }

.formulare .formularfeldgruppenEintrag { margin-bottom:1em; }

/************/
/* TEMPLATE */
/************/
#template {
width:970px;
overflow:hidden;
margin:0 auto;
margin-top:30px;
text-align:left;
background-color:#FFEAC5;
}

#template_header {
width:970px;
height:81px;
overflow:hidden;
position:relative;
}

.inhalte a{
color:#806141;
text-decoration:underline;
}

.inhalte a:hover{
color:#00672A;
text-decoration:underline;
}

#logo {
position:absolute;
top:0px;
left:20px;
}

#template_content {
color:#806141;
width:970px;
height:458px;
overflow:hidden;
background-color:#FFFFFF;
}

#template_footer {
width:970px;
margin-bottom:13px;
}

#template_footer table {
background-color:#FFFFFF;
width:970px;
overflow:hidden;
margin-bottom:11px;
}

#adressblock {
width:299px;
overflow:hidden;
font-size:12px;
font-family:Arial,Verdana;
color:#806141;
float:left;
margin-right:1px;
background-color:transparent;
}

#adressblock .inner {
color:#806141;
margin:20px;
background-color:transparent;
}

#adressblock .inner table {
width:100%;
}

#adressblock h2{
margin-left:0px;
}

#adressblock a{
color:#806141;
text-decoration:underline;
}

#adressblock a:hover{
color:#00672A;
text-decoration:underline;
}

td.verlauf {
background-image:url(1pic/navVerlauf.png);
background-repeat:repeat-y;
}

#footertext {
width:670px;
overflow:hidden;
background-color:#FFFFFF;
float:left;
font-size:12px;
font-family:Arial,Verdana;
color:#C9A25F;
}

#footertext .inner {
/*color:#C9A25F;*/
color:#806141;
margin:20px;
background-color:transparent;
}

#footertext .inner h2{
font-size:18px;
margin-left:0;
}

/**************/
/* Navigation */
/**************/

#navi {
clear:both;
}

#navi ul {
margin:0;
padding:0;
list-style-type:none;
background-color:#FFFFFF;
float:left;
}

#navi ul li {
background-image:url(1pic/navVerlauf.png);
background-repeat:repeat-y;
list-style-type:none;
text-align:center;
float:left;
height:27px;
width:125px;
}

#navi ul .first, #navi ul .first a:hover, #navi ul .first a.aktiv {
background-image:none;
}

#navi a {
color:#806141;
display:block;
font-size:12px;
font-family:Arial,Verdana;
text-decoration:none;
padding-top:8px;
padding-bottom:7px;
padding-left:10px;
padding-right:10px;
width:105px;
}

#navi a:hover {
font-size:12px;
font-family:Arial,Verdana;
text-decoration:none;
padding-top:8px;
padding-bottom:7px;
padding-left:10px;
padding-right:10px;
background-image:url(1pic/navVerlauf2.png);
background-repeat:repeat-y;
background-color:#F4D8A6;
color:#000000;
}

#navi a.aktiv {
background-image:url(1pic/navVerlauf2.png);
background-repeat:repeat-y;
background-color:#F4D8A6;
color:#000000;
font-size:12px;
font-family:Arial,Verdana;
text-decoration:none;
height:26px;
padding-top:8px;
padding-bottom:7px;
padding-left:10px;
padding-right:10px;
}

#navi a.aktiv:hover {
font-size:12px;
font-family:Arial,Verdana;
text-decoration:none;
height:26px;
padding-top:8px;
padding-bottom:7px;
padding-left:10px;
padding-right:10px;
}

#addressHeader {
/*background-image:url(1pic/navVerlauf.png);
background-repeat:repeat-y;*/
color:#806141;
height:26px;
/*width:450px;*/
font-size:10px;
font-family:Arial,Verdana;
text-align:right;
background-color:#FFFFFF;
padding-top:8px;
padding-bottom:7px;
padding-left:10px;
padding-right:10px;
position:absolute;
right:0;
top:1;
z-index:1;
}

#addressHeader a{
color:#806141;
text-decoration:underline;
}

#addressHeader a:hover{
color:#00672A;
text-decoration:underline;
}

#verlaufAddressHeader {
background-image:url(1pic/navVerlauf.png);
background-repeat:repeat-y;
height:27px;
width:200px;
float:left;
z-index:2;
background-color:#FFFFFF;
}

/***********/
/* Inhalte */
/***********/
.inhalteEintrag { margin-bottom:1em; }

.inhalteBoxbase {
position:relative;
height:458px;
overflow:hidden;
width:300px;
float:left;
background-color:#F4D8A6;
color:#806141;
}

.inhalteBoxouter { /*begrenzt im 0Lay die Hoehe die der Seitentitel und das Scrolldiv zusammen haben duerfen*/
height:100%;
overflow:hidden;
padding-left:10px;
padding-right:10px;
}

.inhalteBoxouter ul li {
margin-left:10px;
margin-right:10px;
}

.inhalteBox {
position:absolute;
width:290px;
height:100%;
}

.inhalteBox p {
font-size:11px;
}

.seiten0Lay .inhalteContainer {
width:100%;
overflow:auto;
position:absolute;
height:415px;
}

.seiten2Lay .inhalteContainer {
height:458px;
width:970px;
}

.seiten2Lay .inhalteContainer .inhalte {
position:absolute;
}

.inhalteContainer {
font-size:11px;
}

.inhalteContainer h2 {
margin-top:10px;
margin-left:12px;
font-family:Arial,Verdana;
font-size:13px;
font-weight:bold;
color:#806141;
}

.inhalteContainer div.body{
margin-left:12px;
margin-right:11px;
width:250px;
}

.inhalteContainer .linkliste li a{
color:#C61024;
text-decoration:none;
}

/*-----------------------------------------------*/
.inhalteContainer .inhalte15Lay table, .inhalteContainer .inhalte18Lay table {
width:95%;
margin-left:6px;
}

.inhalteContainer .inhalte15Lay td div.body, .inhalteContainer .inhalte18Lay td div.body {
width:90%;
}

.inhalteContainer .inhalte15Lay td.bilder, .inhalteContainer .inhalte18Lay td.bilder {
margin-right:15%;
}
/*-----------------------------------------------*/

/**********/
/* Seiten */
/**********/
#seitenMetallbauprojekte .inhalteContainer {
width:670px;
height:458px;
overflow:hidden;
}

.inhalteContainer {
width:295px;
height:380px;
overflow:hidden;
}

.inhalteContainer, .imagebild {
float:left;
}

.imagebild {
width:670px;
height:458px;
overflow:hidden;
}

.seiten h1 {
font-family:Arial,Verdana;
font-size:16px;
font-weight:bold;
color:#806141;
}

.seiten h1 a, .seiten h1 a:hover {
font-family:Arial,Verdana;
font-size:17px;
font-weight:bold;
color:#806141;
}

/**************/
/* sprachmodul*/
/**************/
#sprachversionen {
width:80px;
height:54px;
text-align:right;
float:right;
}

.langswitch li {
list-style-type:none;
}

.langswitch li.aktiv {
display:none;
}

.langswitch  a {
font-size:10px;
text-decoration:none;
color:#989898;
display:inline;
}

.langswitch  a:hover {
font-size:10px;
text-decoration:none;
color:#C61024;
}

.langswitch img{
vertical-align:middle;
padding-bottom:2px;
}

/**********************/
/* bildergaleriemodul */
/**********************/

.galerieNav {
background-color:#F4D8A6;
width:300px;
height:458px;
float:left;
overflow:hidden;
font-family:Arial,Verdana;
font-size:17px;
font-weight:normal;
position:relative;
}

.galerieNav h1 {
font-family:Arial,Verdana;
font-size:17px;
line-height:21px;
font-weight:bold;
color:#806141;
}

.galerieNav ul.projektlinks {
padding:0;
margin:0;
}

.galerieNav ul.projektlinks li {
padding:px;
margin:0px;
list-style:none;
height:25px;
margin-bottom:1px;
overflow:hidden;
line-height:21px;
}

.galerieNav ul.projektlinks li a {
height:25px;
line-height:21px;
color:#806141;
background-color:transparent;
text-decoration:none;
display:block;
background-image:url(1pic/linkpfeil.gif);
background-position:16px 10px;
background-repeat:no-repeat;
padding-left:28px;
padding-top:2px;
padding-bottom:1px;
font-family:Arial,Verdana;
font-size:14px;
}

.galerieNav ul.projektlinks li a:hover{
background-color:#FAECD3;
color:#806141;
text-decoration:none;
}

a.backlink {
background-image:url(1pic/linkpfeil.gif);
background-position:7px 6px;
background-repeat:no-repeat;
padding-left:20px;
text-decoration:none;
color:#806141;
position:absolute;
top:431px;
left:12px;
height:14px;
font-size:13px;
}

.galerieNav a.backtoprojectslink {
background-image:url(1pic/linkpfeil.gif);
background-position:0px 0px;
background-repeat:no-repeat;
padding-left:20px;
text-decoration:none;
color:#727272;
position:absolute;
top:405px;
left:12px;
height:16px;
}

a.backlink:hover, .galerieNav a.backtoprojectslink:hover {
color:#00672A;
text-decoration:none;
}

.galerieNav .text {
font-size:11px;
margin-left:12px;
margin-right:11px;
margin-top:10px;
width:250px;
color:#B6A17B;
}

.bilderbox {
width:290px;
overflow:auto;
height:380px;
margin-left:10px;
}

.bilderbox .bild {
float:left;
margin-right:2px;
margin-bottom:4px;
}

.bilderbox .bildnospacer {
float:left;
margin-right:0px;
margin-bottom:4px;
}

.galerieNav ul.dateien {
margin:0px;
margin-left:12px;
margin-right:11px;
padding:0px;
}

.galerieNav ul.dateien li {
list-style:none;
}

.galerieNav ul.dateien li a {
color:#C61024;
text-decoration:none;
}

.galerieNav ul.dateien li a:hover {
color:#C61024;
text-decoration:underline;
}

.galerieInhalt {
width:670px;
height:458px;
float:left;
overflow:hidden;
}

.projektgallerie {
width:670px;
height:458px;
overflow:hidden;
position:relative;
z-index:1;
float:left;
}

.zurauswahlbox {
filter: alpha(opacity=50);
-moz-opacity: .50;
opacity: .50
z-index:2;
position:absolute;
background-color:white;
width:270px;
height:23px;
left:390px;
top:11px;
}

.controlbox {
filter: alpha(opacity=50);
-moz-opacity: .50;
opacity: .50
z-index:2;
position:absolute;
background-color:white;
width:45px;
height:23px;
left:615px;
top:425px;
font-size:11px;
}

.projektgallerie .textbox {
width:270px;
height:399px;
position:absolute;
background-color:transparent;
z-index:2;
left:390px;
top:59px;
overflow:hidden;
}

.projektgallerie .textbox .inner {
padding-top:8px;
padding-bottom:8px;
padding-left:10px;
padding-right:10px;
background-color:white;
font-size:10px;
line-height:12px;
}

a.zurauswahllink {
background-image:url(1pic/backlink2.gif);
background-position:right 0px;
background-repeat:no-repeat;
padding-right:20px;
text-decoration:none;
color:#404759;
position:absolute;
right:15px;
top:15px;
z-index:3;
font-size:11px;
height:16px;
}

a.zurauswahllink:hover {
color:#00672A;
font-size:11px;
}

.controlboxbuttonsbox {
position:absolute;
right:15px;
top:430px;
z-index:3;
color:#404759;
font-size:11px;
display:inline;
}

.controlboxbuttonsbox a{
vertical-align:middle;
}


/***********/
/** misc  **/
/***********/
div.clearer {
clear:both;
}

.inhalte .bilderEintrag p{
font-size:10px;
text-align:center;
}

/************************/
/**** Bildvergroesserung*/
/************************/
div.bildBig {
width:670px;
height:458px;
position:relative;
float:left;
}

.bildBig a.zurauswahllink {
background-image:url(1pic/backlink2.gif);
background-position:right 0px;
background-repeat:no-repeat;
padding-right:20px;
text-decoration:none;
color:#404759;
position:absolute;
right:15px;
top:15px;
z-index:3;
font-size:11px;
}

.bildBig a.zurauswahllink:hover {
color:#00672A;
font-size:11px;
text-decoration:underline;
}


.bildBig .controlboxbuttonsbox {
position:absolute;
right:15px;
top:40px;
z-index:3;
color:#404759;
font-size:11px;
display:inline;
height:20px;
}

.bildBig .controlboxbuttonsbox a{
display:inline;
}

.bildBig .controlboxbuttonsbox img {
height:15px;
overflow:hidden;
vertical-align:middle;
padding-top:4px;
}

.bildBig h1 {
font-size:14px;
font-weight:bold;
color:black;
margin-left:0px;
margin-bottom:0px;
}
