/********************************************
# CSS Fuer archaeologie-steinburg.de 
*********************************************/

/********************************************
# HTML Basiselemente 
*********************************************/

body {background-color:#f0f0f0;} 
body,td,p,li {
  font-family:Arial, Helvetica, Tahoma, Verdana; 
  font-size:14px;
  /* color:#D8B8AB;  */
}  

td {
	padding: 10px;
	border: 1px dotted;
}
/* body,td,p,li {font-family:'Times New Roman', Times, serif;  color:white;}  */
li {
  padding-bottom: 10px;
}
h1 {
  font-size: 1.1em;
  font-weight: lighter;
  margin-top:3px;
  margin-bottom:12px;
}
h2, h3 {
  font-size: 16px;
  font-weight: bold;
  font-style:italic;
  margin-top:18px;
  margin-bottom:8px;
}
h4 {
  font-size: 1.0em;
  font-weight: bold;
  margin-top:3px;
  margin-bottom:0px;
}
hr{height:1px;border:solid #c0c0c0 0px;border-top-width:1px;}
/* IMG {border: 1px solid grey;} */
form {margin: 0;}
li {line-height: 1.5;}

a:link, a:visited{
  text-decoration:none;
  color:#8f6030;
}

a:hover{
  text-decoration:none;
  color:#990033;
}

a:active{
  text-decoration:underline;
  color:#DD0053;
}
/********************************************
# Klassen f�r das Men� 
*********************************************/
li.menu{
  line-height: 2em;
  list-style-type:none;
  font-weight:normal;
  font-size:15px;
  padding-bottom:0px;
  padding-left: 5px;
  border-bottom: 1px solid Gainsboro;

}
/********************************************
# Klassen f�r den Inhalt 
*********************************************/
.csc-header h1{
  font-size:18px;
} 
.csc-subheader {
  font-size: 16px;
  font-weight: bold;
  font-style:italic;
  margin-top:18px;
  margin-bottom:8px;
}  
.bodytext {
  /* font-family:"Century Schoolbook","Times new Roman", Times; */
  /* color:#D8B8AB; */
  font-size:1em;
}
img.headImg {
     width: 100%; 
     z-index: 0;  
     left: 0;
    top: 0;
   position: relative; 
     font-size: 100%;
 }

DIV.csc-textpic DIV.csc-textpic-single-image IMG {
	margin-top:20px;
	border: 2px solid grey;
	}
	

/*DIV.csc-textpic-left DIV.csc-textpic-text { clear: none; }*/
/*DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}


/* Left, center, right and justify alignment of text in block elements (RTE) */
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }
/********************************************
# Klassen f�r ImageSwap 
*********************************************/
.bigimg {
    border: 1px solid grey;
    margin: 3px;
    padding: 3px 2px 3px 3px;
}
.smallimg {
    border: 1px solid grey;
    cursor: pointer;
    margin: 3px;
    padding: 3px 2px 3px 3px;
}

/********************************************
# Das Gaestebuch
*********************************************/
.tx-veguestbook-pi1 .tx-guestbook-left {
    background: none repeat scroll 0 0 transparent;
    float: left;
    min-height: 4em;
    padding: 1em;
    width: 12em;
    font-size:80%;
}
.tx-veguestbook-pi1 .tx-guestbook-left {
    height: 4em;
}

/******************************************
# Individualformate f�r das Box - Modell
*******************************************/
#box_outer{
  width:1024px;
  margin:0px auto;
  border:2px solid Gainsboro;
  text-align:left;
  background-color:white;
}
#box_title{
   height:192px;
  /* background-image:url(archaeologie_02_FILES/b1.jpg); */
}
#box_pathway{
  /*padding: 1%;*/
  font-size:125%;
  line-height: 1.5em;
  letter-spacing:1px;
  color:#DD0053;
  min-height:12px
  /* background-color: black; */
}

/* Bei zweispaltigem Layout: box_left + box_main */
/* Bei dreispaltigem Layout: box_left + box_center + box_info */
 
#box_left{
  width: 20%;
  line-height: 2em;
  margin-left:-20px;
  margin-top:1%;
  margin-bottom:0.5%;
  padding-left:1%;
  border-right:1px solid Gainsboro;
  float:left;
  min-height:500px;  
}

#box_main{
  margin-top:2%;
  margin-right:10%;
  width: 68%;
  float:right;
  padding: 0.5%;
  line-height: 1.5em;
  /* color:white; */
  /* background-color:black; */
  min-height:500px;
}

#box_center{
  margin:2% 27% 0.5% 23%;
  padding: 0.5%;
  line-height: 1.5em;
  min-height:300px;
}

#box_info{
  margin-top:5%;
  margin-right:2%;
  border:1px dashed;
  width: 23%;
  float:right;
  padding: 0.5%;
  color:black;
  /*background-color:pink;*/
  background-color:#ffffb3;
}

#box_bottom{
  clear:both;
  font-size:70%;
  heigth:25px;
  line-height: 25px;
  text-align:center;
  padding:0px;
  background-color:#CCCCCC;
  color:black;
}
#box_bottom a:link,#box_bottom a:visited  {color:black;}
#box_bottom a:active  {color:#DD0053;}
#box_bottom a:hover{text-decoration:underline;  color:#990033;}


#footertext{
  line-height:25px;
  padding:0px;
  margin:0px;
}

#clearer{
  clear:both;
}