/* CSS

=====================================================================
Autor: Carsten Berger
Angelegt: 22-01-09 

*/



/* Global
=====================================================================*/


body, html {
 	text-align: center;
#	border: 0;
#       padding: 0;
#	width: 960px;
	height: auto;
	background: #FFFFFF;
}

body { text-align:center; 
       font:13px/1.22em; 
       font-family: arial, helvetica, clean, sans-serif;
       margin:20px auto 240px auto; 
#       width:960px;
       }



/* DIVs
=====================================================================*/

#seite {
       height:100%; 
        width:100%;
        width: 960px;
        margin: auto;
	background-color: #FFFFFF;
        }


#topnavi {
	 text-align: right;
         font-size: 10px;
         background-color: #FFFFFF;
         text-decoration: none;
         }

#logo {
       width: 960px;
       height: auto;
       text-align: center;
       clear: both;         
       }

#trenner {
          width: 960px;
          height: 1px;
          float: none;
          }


#obermenue {
           width:449px;
           float:left;
           font-weight:bold;
           text-align:left;
           text-transform: uppercase;
           padding-left: 30px;
            }
            
#untermenue {
            width:479px;
            float:right;
            font-weight:bold;
            text-align:left;
            text-transform: uppercase;
             }

#trenner2  {
          width: 960px;
          height: 15px;
          float: none;
          clear: both;
          }           
       
#titelgrafik {
             width: 960px;
             min-height: 1px;
             text-align: center;
             float: none;
              }

#trenner3 {
          width: 960px;
          height: 15px;
          float: none;
          clear: both;
          }           

#inhalt {
         width: 960px;
         float: left;
         text-align: left;
         padding-left: 30px;
         }
         
#rand {
        width: 250px;
        float: right;
        text-align: left;        
	}
       
.csc-header {
         padding-bottom: 0px;
         margin-bottom: 0px;
         margin-top: 7px;
        }

.sprache {
        float: right;
        text-align: right;        
	}


/* Typographie
=====================================================================*/

/*Seitenüberschriften*/
h1 {
   color: #515054;
   font-family: Arial, sans-serif;
   font-weight: bold;
   font-size: 26px;
   display:inline;
   line-height : 28px;
   }

/*Kapitelüberschriften*/
h2 {
   color: #20A2DC;
   font-family: Arial, sans-serif;
   font-weight: bold;
   font-size: 22px;
   margin-top: 22px;
   margin-bottom: 0px;
   border-bottom: 2px dotted black;
   padding-bottom: 7px;
   width: 70%;
   line-height: 23px;
   text-align : left;
   }

/*blauer Normaltext*/
h3 {
   font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   color: #20A2DC;
   font-weight : normal;
   /*line-height : 17pt;*/
   margin-top : 4pt;
   margin-bottom : 2px;
   }

/*weiß für Formularüberschriften*/
h4 {
   font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 15pt;
   color: #000000;
   font-weight : normal;
   line-height : 18pt;
   margin-top : 2pt;
   margin-bottom : 12pt;
   }

/*weiß für Formulare*/
h5 {
   font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight : bolder;
   color: #FFFFFF;  
   line-height : 17pt;
   margin-top : 2pt;
   margin-bottom : 12pt;
   }

h6 {
   color: #20A2DC;
   font-family: Arial, sans-serif;
   font-weight: bold;
   font-size: 26px;
   line-height : 28px;
   display:inline;
   }

P, li, td  {
   font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   color: #515054;
   font-weight : normal;
   line-height : 12pt;
   margin-top : 4pt;
   margin-bottom : 6px;
   /*blocksatz*/
   text-align : justify;
}

li {
   padding: 0;
   }
   
ol li {
   padding: 0;
   }


td {
    margin: 0px;
    padding: 0px;
    vertical-align: top
    }


.mail, .download {
       text-decoration: none;
       color: #20A2DC;
       }

.align-center {text-align: center;}


span.important {color: #FF0000}
   
span.unsichtbar { position:absolute; left:-3000px; width:0; height:0;}   

span.cyan {color: #20A2DC}

.csc-textpic-caption { 
                      font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000;
                      font-weight : normal;
                      #line-height : 2pt;
                      font-style: italic;
                      #margin-top : 2pt;
                      #margin-bottom : 12pt;
                      }

.navigation { font-size: 11pt;  line-height : 15pt; color: #000000; text-transform: uppercase;}

.navigation span { }

.navigation a { color: #20A2DC; text-transform: uppercase; text-decoration: none; }

.navigation a:hover { color: #515054; text-transform: uppercase; text-decoration: none; }

.topnavi { color: #515054; text-decoration:none; text-align: right; font-size: 11px; background-color: #FFFFFF; }

.external-link-new-window { color: #20A2DC; text-decoration: none;}

.internal-link { color: #20A2DC; text-decoration: none;}



/*Schriften fuer Tooltips*/

.tt_top {
   color: #20A2DC;
   font-family: Arial, sans-serif;
   font-weight: bold;
   font-size: 20px;
   /*margin-top: 22px;
   margin-bottom: 0px;
   border-bottom: 2px dotted black;
   padding-bottom: 7px;
   width: 70%;
   line-height: 23px*/
   }


.tt_sub {
   color: #20A2DC;
   font-family: Arial, sans-serif;
   font-weight: bold;
   font-size: 17px;
   border-bottom: 2px dotted black;
   /*margin-top: 22px;
   margin-bottom: 0px;
   border-bottom: 2px dotted black;
   padding-bottom: 7px;
   width: 70%;
   line-height: 23px*/
   }


.tt_text {
   font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   color: #515054;
   font-weight : normal;
   line-height : 12pt;
   margin-top : 12pt;
   margin-bottom : 6px;
   }




/* Mailform
=====================================================================*/

form, form.tx_powermail_pi1_form {
   width: 550px;
   text-align: left;
   margin-left:180px;
   margin-right:180px;
   margin-top:10px;
   background-color: #20A2DC;
   font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12pt;
   color: #FFFFFF;
   /*font-weight : medium-bold;*/
   line-height : 17pt;
   text-align:right;
      }

label {
       margin-bottom : 5pt;
       margin-left : 5pt;
      /* width:900px;*/
       }
 
fieldset {
     border: 1px solid #20A2DC;
     /*margin-bottom: 20px;
     margin-top: 20px;*/
     }

button {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #EDEFF1;
}

/*.inhalt form {padding: 20px; background-color:#20A2DC; font-size: 8pt; background-image:url(fileadmin/bilder/hintergr_mailform.jpg);}*/

.csc-mailform-field {
   border: 1px solid #20A2DC;
   font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   color: #FFFFFF;
   font-weight : bold;
   line-height : 15pt;
   margin-top : 5px;
   margin-bottom : 5px;
    
}
.csc-mailform-field input, .csc-mailform-field textarea {margin: 0px 0}

/*.csc-mailform-radio {
                     float:left;
                     margin-left : 5pt;
                     margin-bottom : 5pt;
                     }*/


/* Powermail 
=====================================================================*/

.tx-powermail-pi1_fieldset {
        width: 60%;
        border: 0px;
        background-color: #20A2DC;
        padding: 10px;	
	}


.tx-powermail-pi1_fieldset legend  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 10pt;
	font-weight: bold;
	/*display: none;*/
	}

.tx_powermail_pi1_fieldwrap_html_radio_title {
        color: #20A2DC;
        }

	
.tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html label {
	float: right; /*hier zuletzt geändert*/
	/*width: 125px;
	display: block;
	padding-right: 20px;*/
	clear: both;
	}

.tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html input, .tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html textarea {
	float: left;
	width: 250px;
	}

.tx_powermail_pi1_fieldwrap_html textarea {
	width: 250px;
	height: 60pt;
	}



/* Powermail spezielles CSS fuer einzelne Formulare */


fieldset.tx-powermail-pi1_fieldset_submit {
	clear: both;
	}

fieldset.tx-powermail-pi1_fieldset_submit legend {
	display: none;
	}



/* Stud. Wohnen / Mietanfrage */

.tx-powermail-pi1_fieldset_6 {
	float: left;
	width: 400px;
	padding: 25px;
	}

.tx-powermail-pi1_fieldset_7 {
	float: left;
	width: 400px;
	}

.tx-powermail-pi1_fieldset_8 {
	clear: both;
	}

#powermaildiv_uid8 label {
	display: none;
	}



/* Sitemap
=====================================================================*/

div.csc-sitemap {
                 margin-left: 300px;
                 }

div.csc-sitemap a {
                   color: black;
                   text-decoration: none;
                   }

div.csc-sitemap a:hover, div.csc-sitemap a:focus, div.csc-sitemap a:active {
                    text-decoration: none;
                   }



/*Erste Ebene */

div.csc-sitemap ul {
                    list-style: none;
                    color: #20A2DC;
                   }



div.csc-sitemap ul li{
                      margin: 0.5em 0;
                      color: #20A2DC;
                     }
                     
div.csc-sitemap ul li a {
                         color: #20A2DC;
                         text-transform:uppercase;
                         }

/*Zweite Ebene */

div.csc-sitemap ul li ul{
                         margin-left: 2em;
                        }


div.csc-sitemap ul li ul li{
                            margin: 0.5em 0;
                           }
                           
div.csc-sitemap ul li ul li a {
                               color: #515054;
                               text-transform:uppercase;
                               }



/* EDIT Panel
=====================================================================*/

table.typo3-editPanel {
   border: none; background-color: #fff; width: auto;
}
table.typo3-editPanel TD.typo3-editPanel-controls {
   border: 1px solid #ccc; background-color: #fff;
}



/* Erweiterungen
=====================================================================*/

.login { clear:both; padding-bottom: 0px; margin: 0 10px; }
.tx-newloginbox-pi1 {margin-top: 15px; }
.tx-newloginbox-pi1 h3 { color: #f6f7e7; font-size: 77%;  margin-bottom: 10px; }
#tx-newloginbox-pi1-user { background: #af8d7f; border: solid 1px #f6f7e7; height: 16px; width: 125px; margin-bottom: 8px;}
.tx-newloginbox-pi1-forgotP {margin: 10px 0; }   
@charset "utf-8";
/* CSS Document */