/* !!! stylesheet für www.streb-architeken.de, erstellt von medienlounge.de !!! */

/* Farben:
hellgrau (außen): #c7c7c7
dunkelgrau (innen): #666666
*/

/* Abmessung lt. Besprechung vom 14. April 2008 */
/* Content-Abmessungen:
linkes Feld: 430x360
rechtes Feld: 430x360
grosses Feld: 900x360 (in vorlage2.html - für Portfolio)
*/

/*

*/

* { padding: 0; margin: 0 }

html, body {
  font-family: Verdana, Helvetica, Arial, Lucida, sans-serif;
  color: #000;
  font-size: 100.01%;
  background-color: #c7c7c7;
  
}

/* ##### Definition der div-container ##### */
/* ######################################## */

#seite {
  width: 100%;
  height: 100%;
  background: #c7c7c7;
  text-align: center;
}
#oben {
  width: 100%;
  background: #c7c7c7;
}
#head {
  margin: 0 auto;
  width: 960px;
  height: 150px;
  background: #c7c7c7;
  background-image: url(../images/head960.gif);
  background-position: right center;
  background-repeat: no-repeat;  
}
#mitte {
  float:left; /* muss sein, damit min-height in #container im FF funktioniert !*/
  width: 100%;
  background: #666666 ! important;
  height:auto;
}
#container {
  margin: 0 auto;
	width: 960px;
	min-height:480px;
  height:auto !important;  /* für moderne Browser */
  height:480px;  /*für den IE */ 
	background: #666666;
}
#footer {
  width: 100%;
  background: #c7c7c7;
}
#navi {
  width: 960px;
  height: 20px;
  margin: 0 auto;
  background: #c7c7c7;
  border-bottom: 1px solid white;
  text-align: left;
}
#subnavi {
  width: 960px;
  height: 20px;
  margin: 0 auto;
  background: #666666;
  text-align: left;
}
#content_container {
  padding-top: 45px;
  padding-left: 30px;
  min-height:435px;
  height:auto !important;  /* für moderne Browser */
  height:435px;  /*für den IE */
}
#content_li {
  float: left;
  width: 430px;
  min-height:360px;
  height:auto !important;  /* für moderne Browser */
  height:360px;  /*für den IE */ 
  text-align: left;
}
#content_re {
  float: left;
  width: 430px;
  height: 360px;
  text-align: left;
  margin-left: 40px;
}
#content_gr {
  width: 900px;
  min-height:360px;
  height:auto !important;  /* für moderne Browser */
  height:360px;  /*für den IE */ 
  text-align: left;
  margin-left: 0;
}
#unten {
  margin: 0 auto;
  width: 960px;
  height: 2px;
  background: #c7c7c7;
  border-top: 1px solid white;
}

/* ##### Definition der div-container im PopUp##### */
#popup_seite {
  width: 700px;
  height: 500px;
  background-color: #c7c7c7;
  text-align: center; /* IE */
}

#popup_content {
  width: 600px;
  margin: 40px auto;
  height: 400px;
  text-align: left;
  background-color: #666666;
  padding: 10px;
  text-align: left; /* Korrektur */
}



/* ##### ab hier Formatierungen der einzelnen div-Inhalte */
/* ###################################################### */

/* ############# HEAD ############## */
#head h1 {
  font-size: 110%;
  text-align: right;
  color: white;
  padding-bottom: 3px;
  letter-spacing: 1px;
}
#head h2 {
  font-size: 60%;
  text-align: right;
  color: white;
  padding-bottom: 0px;
}

#head h1 a {
  text-decoration: none;
}

/* ########## NAVI ########## */
#navi ul {
  font-size: 80%;
  font-weight: normal;
}

#navi ul li { 
  display: inline;
  padding-left: 20px;
}

#navi ul li a:link {
  color: #666666;
  text-decoration: none;
  background-image: url(../images/navi_image_grey.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-left: 5px;
}
#navi ul li a:visited {
  color: #666666;
  text-decoration: none;
  background-image: url(../images/navi_image_grey.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-left: 5px;
}
#navi ul li a:hover {
  color: #666666;
  text-decoration: underline;
  background-image: url(../images/navi_image_grey.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-left: 5px;
}
#navi ul li a:active {
  color: #666666;
  text-decoration: none;
  background-image: url(../images/navi_image_grey.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-left: 5px;
}
#navi ul li a:focus {
  color: #666666;
  text-decoration: none;
  background-image: url(../images/navi_image_grey.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-left: 5px;
}
.aktiv_main {
  color: white;
  text-decoration: none;
  background-image: url(../images/navi_image_grey.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-left: 5px;
}

/* ########### SUBNAVI ############## */
#subnavi ul {
  font-size: 80%;
  font-weight: normal;
  padding-top: 5px;
}
#subnavi ul li { 
  display: inline;
  padding-left: 20px;
}
#subnavi ul li a:link {
  color: white;
  text-decoration: none;
  background-image: url(../images/navi_image_white.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-left: 5px;
  font-weight:normal;
}
#subnavi ul li a:visited {
  color: white;
  text-decoration: none;
  background-image: url(../images/navi_image_white.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-left: 5px;
  font-weight:normal;
}
#subnavi ul li a:hover {
  color: white;
  text-decoration: underline;
  background-image: url(../images/navi_image_white.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-left: 5px;
  font-weight:normal;
}
#subnavi ul li a:active {
  color: white;
  text-decoration: none;
  background-image: url(../images/navi_image_white.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-left: 5px;
  font-weight:normal;
}
#subnavi ul li a:focus {
  color: white;
  text-decoration: none;
  background-image: url(../images/navi_image_white.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  padding-left: 5px;
  font-weight:normal;
}
.aktiv_sub a {
  text-decoration: underline !important;
}

/* ########### Content ############# */

/*H1 in allen Bereichen, 2-Spalter und Content Groß*/
h1 {
color:white;
font-size:90%;
margin-bottom:15px;
}
#content_li h3 {
  font-size: 70%;
  font-weight: normal:
  letter-spacing: 2px;
  padding-top: 0px;
  margin-top: 0px;
  color: white;
}

/*P*/
.bodytext {
  font-size: 80%;
  color: white;
  line-height: 18px;
  padding-bottom: 10px;
}
/* LISTEN */
#content_li ul {
  padding-bottom: 10px;
  list-style-type: square;
  list-style-position: outside;
  margin-left: 15px;
}
#content_li ul li {
  font-size: 80%;
  color: white;
}
/* Liste zweiter Ebene, verwendet bei manuell erstellter Sitemap */
#content_li ul li ul li{
  font-size: 90%;
  padding-top: 4px;
  color: white;
}
/* alle Links innerhalb der manuell erstellten Sitemap (Liste)*/
#content_li ul a:link {
  color: white;
  text-decoration: underline;
}
#content_li ul a:visited {
  color: white;
  text-decoration: underline;;
}
#content_li ul a:hover {
  color: white;
  background-color: #c7c7c7;
  text-decoration: underline;
}
#content_li ul a:active {
  color: white;
  text-decoration: underline;
}
#content_li ul a:focus {
  color: white;
  background-color: #c7c7c7;
  text-decoration: underline;
}
/* ENDE der Links innerhalb manuell ersteller Sitemap */
#content_li ol {
  padding-bottom: 10px;
  margin-left: 20px;
}
#content_li ol li {
  font-size: 80%;
  color: white;
}

/* sitemap - OHNE VERWENDUNG ???? */
/* 1. Ebene */
.csc-sitemap ul {
  font-size: 80%;
  color: white;
  list-style-type: disc;
  list-style-position: inside;
  line-height: 18px;
}
/* 2. Ebende */
.csc-sitemap ul ul{
  font-size: 80%;
  color: white;
  list-style-type: circle;
  list-style-position: inside;
  line-height: 18px;
  margin-left: 15px;
}
/* alle Links innerhalb der Sitemap - OHNE VERWENDUNG ???? */
.csc-sitemap ul li a:link {
  color: white;
  text-decoration: none;
}
.csc-sitemap ul li a:visited {
  color: white;
  text-decoration: none;
}
.csc-sitemap ul li a:hover {
  color: white;
  text-decoration: underline;
}
.csc-sitemap ul li a:active {
  color: white;
  text-decoration: none;
}
.csc-sitemap ul li a:focus {
  color: white;
  text-decoration: none;
}

/* a: Links im Text */
.bodytext a:link {
  color: white;
  text-decoration: underline;
}
.bodytext a:visited {
  color: white;
  text-decoration: underline;;
}
.bodytext a:hover {
  color: white;
  background-color: #c7c7c7;
  text-decoration: underline;
}
.bodytext a:active {
  color: white;
  text-decoration: underline;
}
.bodytext a:focus {
  color: white;
  background-color: #c7c7c7;
  text-decoration: underline;
}

/* TABELLE */
.contenttable {
  width: 100%
}

/* ### PROJEKT Rechts (Bilder) ### */
/* bilder max 430 x 360 pixel ! */
#projekt_re img{
margin-left: 35px;
border: 1px solid white;
}

.bildinfo {
font-size: 70%;
color: white;
text-align: right;
padding-top: 3px;
padding-right: 3px;
}

/* Links (IE) in der Slideshow bei Portfolio */
.jdGallery .slideInfoZone a
{
	padding: 0;
	font-size: 90%;
	margin: 2px 5px;
	color: white;
	text-decoration: none;
}
/* ############ CONTENT BROWSING #################*/
/* "tx_cccbrowse_pi1" */
  .tx-cccbrowse-pi1-browsebox   { clear:both; position:absolute; top:598px; text-align:left;}
  .tx-cccbrowse-pi1-browsebox table  { margin-bottom:0px; text-align:left; }
  .tx-cccbrowse-pi1-browsebox table td { border:0; margin-bottom:0px; padding: 0 10px 0 0; background: #666666;}
  .tx-cccbrowse-pi1-browsebox table td p a:link { font-weight:normal; font-size: 70%; color: white; text-decoration:none; }
  .tx-cccbrowse-pi1-browsebox table td p a:visited { font-weight:normal; font-size: 70%; color: white; text-decoration:none; }
  .tx-cccbrowse-pi1-browsebox table td p a:hover { font-weight:normal; font-size: 70%; color: white; text-decoration:underline; }
  .tx-cccbrowse-pi1-browsebox table td p a:active { font-weight:normal; font-size: 70%; color: white; text-decoration:underline; }
  .tx-cccbrowse-pi1-browsebox table td p a:focus { font-weight:normal; font-size: 70%; color: white; text-decoration:underline; }
  /* notwendig für aktiven Zustand */
  .tx-cccbrowse-pi1-browsebox-SCell a { color:white; text-decoration:underline !important;}

/* ############### Projektlisten der einzelnen Kategorien #################*/
  .tabelle_projekte {
  width: 840px;
  color:white;
  font-size: 80%;
  line-height: 25px;
  margin-bottom:20px; /* abstand letzte Zeile zum Container (Hellgrau) */
  }
  .tabelle_projekte a {
  color:white;
  text-decoration: none;
  }
  .projekte_erste_spalte {
  width:240px;
  }
  .projekte_zweite_spalte {
  width:400px;
  }
  .projekte_dritte_spalte {
  width:200px;
  }
  
/* ############## MELDUNGEN ############### */
/* Datumsangabe bei Meldung */
.csc-header-date {
color: white;
font-size: 60%;
text-align: right;
}