@charset "utf-8";
/* CSS-Datei fuer CAMPUS X – Eine Initiative des FAV Pforzheim */

body {
  background: #6c6c6c;
  margin: 0;
  padding: 0;
  font-size:100.1%;
  font-family: Tahoma, Geneva, Arial, MS Sans Serif, sans-serif;
  color: #6c6c6c;
  text-align:center;
}
#rahmen{
  width: 990px;
  position:absolute;
  left:50%;
  top:0;
  margin-left:-495px;
  border:none;
  text-align:left;
  padding:0;
  border: 1px solid #000;
  background: #fff;
}

.stopFloat {
  clear: both;
  float: none;
  overflow: hidden;
}


/****************************************  K O P F  *****************************************/

#kopf {
  /* GG height:255px; */
  float:left;
  margin:0;
  padding:0;
}
#logo{
  height: 230px;
  width: 230px;
  float:left;
  margin:0;
  padding:0;
  background:#fff url(../img/logo_back.gif);
  border-top: 5px solid #fecc8c;
}
#logo img{
  float:left;
  margin:17px 0 0 20px;
}
#topnavi{
  width: 760px;
  height: 50px;
  float:left;
  border-top: 5px solid #fecc8c;
  background: #fff;
  margin:0;
  padding:0;
}

          /***************  T O P N A V I  *****************/
		   #topnavi ul {
		     padding: 0;
			 margin: 25px 0 0 0px;
		     font-size:10px;
			 text-transform:uppercase;
			 font-weight: bold;
			 float:left;
		    }
			#topnavi ul.navRechts {
			 float:right;
		    }
			#topnavi ul li {
			 list-style: none;
			 margin: 0; 
			 display: inline; 
			}
			#topnavi ul li .NO a ,#topnavi ul li .NO a:link, #topnavi ul li .NO a:visited   {
			 padding: 0px 20px; 
			 text-decoration: none;
			 margin: 0 0 0 0;
			 color:#000;
			 border-left: 1px solid #000;
			}
			#topnavi ul li .NO a:hover, #topnavi ul li .NO a:active, #topnavi ul li a#aktiv, #topnavi ul li .ACT a, #topnavi ul li .CUR a {
			 color: #ff8f00;
			 padding: 0px 20px; 
			 margin: 0 0 0 0;
			 text-decoration: none;
			 border-left: 1px solid #000;
			}
			#topnavi ul li .NO a#ohne ,#topnavi ul li .NO a#ohne:link, #topnavi ul li .NO a#ohne:visited,
			#topnavi ul li .NO a#ohnerechts ,#topnavi ul li .NO a#ohnerechts:link, #topnavi ul li .NO a#ohnerechts:visited {
			 padding: 0px 20px; 
			 text-decoration: none;
			 margin: 0 0 0 0;
			 color:#000;
			 border-left: 0px solid #000;
			}
			#topnavi ul li .NO a#ohne:hover, #topnavi ul li .NO a#ohne:active, #topnavi ul li .NO a#ohneAktiv, #topnavi ul li .ACT a#ohne, #topnavi ul li .CUR a#ohne,
			#topnavi ul li .NO a#ohnerechts:hover, #topnavi ul li .NO a#ohnerechts:active, #topnavi ul li .ACT a#ohnerechts, #topnavi ul li .CUR a#ohnerechts {
			 color: #ff8f00;
			 border-left: 0px solid #000;
			 padding: 0px 20px; 
			 margin: 0 0 0 0;
			 text-decoration: none;
			}
		  
		  /*************************************************/
		  

#bildeinstieg{
  width: 760px;
  height: 180px;
  float:left;
  background:#d9d9d9;
  margin:0;
  padding:0;
}
#suche{
  width: 230px;
  height: 30px;
  float:left;
  background: #000;
  margin:0;
  padding:0;
}
#slogan{
  width: 730px;
  height: 20px;
  float:left;
  background: #2c2821 url(../img/slogan.gif) right center;
  text-align:right;
  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
  padding:10px 30px 0 0;
  color:#FFFFFF;
  margin:0;
}


/****************************************  C O N T E N T  *****************************************/

#content{
  width: 990px;
  background: #fff url(../img/content.gif) repeat-y;
  min-height: 190px;
  height:190px;
  float:left;
  margin:0;
  padding:0;
}
div[id] #content {
   height:auto !important;
}
#contentLinks, #contentRechts, #contentMitte{
  float:left;
  margin:0 20px 0 20px;
}
#contentMitte{
  width: 490px;
}
*html #contentMitte{
  margin:0 30px 0 30px;
}
#contentLinks, #contentRechts{
  width: 190px;
}

#contentLinks {
min-height: 190px;
}

*html #contentLinks, *html #contentRechts{
  margin:0 10px 0 10px;
}
#navi{
}
#newsletter{
}
#contentRechtsInhalt{
}
#stellenanzeigenLogos{
  text-align:center;
}
#stellenanzeigenLogos img{
  margin: 0 0 20px 0;
}

          /***************  N A V I  gg*****************/
		   #navi ul {
		     padding: 0;
			 margin: -13px 0 0 0;
		     font-size:10px;
			 font-weight: bold;
			 float:left;
			 width:190px;
		    }
			*html #navi ul {
			 width:180px;
		    }
			#navi ul li {
			 list-style: none;
			 margin: 0;  
			 border-bottom: 1px solid #fff;
			 padding: 0px;
			}
			#navi ul li.NO a ,#navi ul li.NO a:link, #navi ul li.NO a:visited   { 
			 text-decoration: none;
			 display: block;
			 margin: 0 0 0 0;
			 color:#000;
			 padding: 8px 0 6px 9px;
			 background:url(../img/navi_off.gif) no-repeat center left;
			}
			*html #navi ul li a   { 
			 width:100%;
			}
			#navi ul li.NO a:hover, #navi ul li.NO a:active, #navi ul li.ACT a, #navi ul li.CUR a {
			 color:#ff8f00;
			 background:url(../img/navi_on.gif) no-repeat center left;
			  text-decoration: none;
			 display: block;
			 margin: 0 0 0 0;
			 padding: 8px 0 6px 9px;
			}
		  /********************************************/


/*********************************  T Y P O G R A F I E  bzw. I N H A L T ************************************/

h1 {
   font-size:14px; /* font-size:16px; */
   display:block;
   border-bottom: 1px solid #6c6c6c;
   line-height: 120%;
   margin: 30px 0 13px 0;
   padding: 0 0 6px 0;
   font-weight: bold;
}
h2, .tx-indexedsearch-title td {
   font-size:11px;
   line-height: 16px;
   margin: 12px 0 3px 0;
}
p, .tx-indexedsearch td, .tx-indexedsearch-whatis {
   font-size:11px;
   line-height: 16px;
   margin: 0 0 5px 0;
}

.csc-textpic-caption {
   font-size:9px;
   line-height: 12px;
   padding: 2px 0 2px 0;
}


.tx-indexedsearch input, .tx-indexedsearch select {
  font-size:11px;
  font-family: Tahoma, Geneva, Arial, MS Sans Serif, sans-serif;
}

          /***************  F O R M  *****************/
		  
          #form1 {
            margin: 7px 0 0 20px;
            padding:0;
          }
          *html #form1 {
            margin: 5px 0 0 20px;
            padding:0;
          }
          #form1 input{
            background-color:#555044;
            border:1px solid #6c6c6c;
            color: #d9d9d9;
            font-size:11px;
            margin: 0 0 0 5px;
            width: 167px;
            font-family: Tahoma, Geneva, Arial, MS Sans Serif, sans-serif;
          }
          #form2 {
            margin: 7px 0 0 0;
            padding:0;
	   width:183px;
          }
          *html #form2 {
            margin: 5px 0 0 0 0;
            padding:0;
          }
          #form2 input{
            font-size:11px;
            margin: 5px 0 0 0;
            width: 100%;
          }
          #form2 input#Anmelden{
            font-size:11px;
            margin: 5px 0 0 0;
            width: 62px;
            background:#d9d9d9;
            border: 0px solid #6c6c6c;
            padding:2px;
          }
		  
		  /*******************************************/
		  /***********  L I N K   M E H R  ***********/
		  
		   #contentRechts p.bodytext a, #contentMitte p.bodytext a ,#contentRechts p.bodytext a:link, #contentMitte p.bodytext a:link, #contentRechts p.bodytext a:visited, #contentMitte p.bodytext a:visited   {
			 padding: 1px 4px 1px 4px; 
			 line-height:17px;
			 text-decoration: none;
			 margin: 0px 0 10px 0;
			 color:#ff8f00;
			 font-size:10px;
			 text-transform:uppercase;
			 font-weight: bold;
			 background:none;
		   }
		   #contentRechts p.bodytext a:hover, #contentMitte p.bodytext a:hover, #contentRechts p.bodytext a:active, #contentMitte p.bodytext a:active, #contentRechts p.bodytext a#aktiv, #contentMitte p.bodytext a#aktiv{
			 color: #000;
			 background:none;
		   }
		   
		   #contentRechts p.mehr a, #contentMitte p.mehr a ,#contentRechts p.mehr a:link, #contentMitte p.mehr a:link, #contentRechts p.mehr a:visited, #contentMitte p.mehr a:visited   {
			 padding: 1px 6px 5px 6px; 
			 background:url(../img/mehr_off.gif) no-repeat;
			 line-height:17px;
			 text-decoration: none;
			 margin: 0px 0 10px 0;
			 color:#ff8f00;
			 font-size:10px;
			 text-transform:uppercase;
			 font-weight: bold;
		   }
		   #contentRechts p.mehr a:hover, #contentMitte p.mehr a:hover, #contentRechts p.mehr a:active, #contentMitte p.mehr a:active {
			 color: #000;
			 background:url(../img/mehr_on.gif) no-repeat;
		   } 
		   
		#contentRechts p.kontakt a, #contentMitte p.kontakt a ,#contentRechts p.kontakt a:link, #contentMitte p.kontakt a:link, #contentRechts p.kontakt a:visited, #contentMitte p.kontakt a:visited   {
			 padding: 1px 6px 5px 6px; 
			 background:url(../img/kontakt_off.gif) no-repeat;
			 line-height:17px;
			 text-decoration: none;
			 margin: 0px 0 10px 0;
			 color:#ff8f00;
			 font-size:10px;
			 text-transform:uppercase;
			 font-weight: bold;
		   }
		   #contentRechts p.kontakt a:hover, #contentMitte p.kontakt a:hover, #contentRechts p.kontakt a:active, #contentMitte p.kontakt a:active {
			 color: #000;
			 background:url(../img/kontakt_on.gif) no-repeat;
		   } /* GG */
		   #contentRechts p.ohneEinzug a, #contentMitte p.ohneEinzug a, #contentRechts p.ohneEinzug a:link, #contentMitte p.ohneEinzug a:link, #contentRechts p.ohneEinzug a:visited, #contentMitte p.ohneEinzug a:visited, .tx-indexedsearch a, .tx-indexedsearch a:visited {
			 padding: 1px 0px 1px 0px; 
			 background:none;
			 line-height:17px;
			 text-decoration: none;
			 margin: 0px 0 10px 0;
			 color:#ff8f00;
			 font-size:10px;
			 text-transform:uppercase;
			 font-weight: bold;
		   }
		   #contentRechts p.ohneEinzug a:hover, #contentMitte p.ohneEinzug a:hover, #contentRechts p.ohneEinzug a:active, #contentMitte p.ohneEinzug a:active, .tx-indexedsearch a:hover, .tx-indexedsearch a:active, .tx-indexedsearch a:focus {
			 color: #000;
			 background:none;
		   }
		  
		  /*******************************************/

#content img.klinkeLinks {
  float:left;
  margin: 0 20px 5px 0;
}
#content img.klinkeRechts {
  float:right;
  margin: 0 0 5px 20px;
}


/****************************************  F U S S  *****************************************/


#fuss{
  width: 990px;
  background: #000 url(../img/fuss.gif) no-repeat;
  height:150px;
  float:left;
  margin:0;
  padding:0;
}
#fussTxt{
  font-size:9px;
  color:#9c9c9c;
  margin:132px 20px 0 20px;
  padding:0;
}
.fussTxtLinks{
  text-align:left;
  float:left;
  margin-left:230px;
}
*html .fussTxtLinks{
  text-align:left;
  float:left;
  margin-left:115px;
}
.fussTxtRechts{
  text-align:right;
  float:right;
}
#fussTxt a, #fussTxt a:link, #fussTxt a:visited{
  text-decoration:none;
  color:#9c9c9c;
}
#fussTxt a:hover, #fussTxt a:active{
  text-decoration:none;
  color:#ff8f00;
}


/* 2 Spalten */
.ZweiSpaltenLinks{
  width: 47%;
  float:left;
}

.ZweiSpaltenRechts{
  float:right;
  width: 47%;
}


.ZweiSpaltenCont {
width: 100%;
float:left;
margin:0 0 30px 0;
  }
  
*html .ZweiSpaltenCont {
width: 100%;
float:left;
margin:0;
  }  

div.csc-textpic img {
padding-top: 3px;
}

/* Abstand Bilder (Auslgleich zum Text) 
#contentMitte div.csc-textpic img {
padding: 3px 0 3px 0;
} */

/* Abstand Logos (zentrierte Bilder) */
#contentRechts div.csc-textpic-center img {
padding: 0px 0 20px 0;
}

/* Aufzählungen */
#contentMitte ul, #contentRechts ul {
	padding:0 0 0 16px;
	margin:0;
	font-size:11px;
}


#contentMitte li, #contentRechts li {
	padding:0;
	margin:0 0 1px;
	list-style-position: outside;
	list-style-type: square;
	line-height: 16px;
}

#contentMitte li a, #contentMitte li a:link, #contentMitte li a:visited, #contentRechts li a, #contentRechts li a:link, #contentRechts li a:visited {
			 background:none;
			 text-decoration: none;
			 color:#ff8f00;
			 font-size:10px;
			 text-transform:uppercase;
			 font-weight: bold;
 }
#contentMitte li a:hover, #contentMitte li a:active, #contentRechts li a:hover, #contentRechts li a:active {
			 color: #000;
			 background:none;
 } 
 
/* Formatierung Tabelle */

table.contenttable, table.contenttable tr td, table.contenttable tr th  {
	border-collapse:collapse;
	margin:0;
}

table.contenttable {
width: 100%;
}

table.contenttable th {
	vertical-align: top;
	font-size:11px;
	line-height: 16px;
	padding:4px 0 4px 0;
	border-top: 0px solid #6c6c6c;
	border-right: 0px none #6c6c6c;
	border-bottom: 1px solid #6c6c6c;
	border-left: 0px none #6c6c6c;
	}

table.contenttable tbody tr td {
	vertical-align: top;
	font-size:11px;
         line-height: 16px;
         	padding:4px 0 4px 0;
	border-top: 0px solid #6c6c6c;
	border-right: 0px none #6c6c6c;
	border-bottom: 1px solid #6c6c6c;
	border-left: 0px none #6c6c6c;
} 

/* Mailformular format */

fieldset.csc-mailform {
	border: 0px none #FFFFFF;
	margin:0;
	padding:0;
	font-family: Tahoma, Geneva, Arial, MS Sans Serif, sans-serif;
	font-size:11px;
}

form .csc-mailform input, form .csc-mailform select, form .csc-mailform textarea {
	border: 1px solid #6c6c6c;
	font-family: Tahoma, Geneva, Arial, MS Sans Serif, sans-serif;
	font-size:11px;
	color: #6c6c6c;
	 width: 250px;
	}
form input.csc-mailform-submit {
width:auto;
}

.csc-mailform-field {
	padding-bottom:10px;
}

form .csc-mailform label {
 width: 150px;
 display:block;
 float:left;
}