body {
    margin : 0;
    padding : 0;
    background-color : #ffffff;
    font-family : Verdana, Helvetica, Arial, sans-serif;
}

#alles {
    width : 942px;
    margin : 30px auto;
}

/* _____ Kopfbereich  __________________________________________*/

#kopf {
    position : relative;
    top : 0;
    left : 0;
    width : 100%;
    background : url(inst-name.gif);
    background-repeat : no-repeat;
    background-position : right bottom;
    
    float : left;
}

#logo {
    position : relative;
    top : 0;
    left : 0;
    width : 145px;
    float : left;
}

#raum {
    width : 752px;
    height : 185px;
    position : relative;
    top : 0;
    background : url(inst-name.gif);
    background-repeat : no-repeat;
    background-position : right bottom;
    float : right;
}

/* _____ Navigation ___________________________*/

#nav {
    position: relative;
    left : 0;
    top : 43px;
    width : 145px;
    float : left;
}

#nav ul {
    margin : 0;
    padding : 0;
    list-style-type : none;
}

#nav li {
    margin : 0 0 1px 0;
    display : inline;
}

#nav li#partner p {
    color : #000000;
    font-size : 12px;
    text-align : right;
    padding : 25px 1px 0 0;
}

#nav a {
    display : block;
    padding : 5px;
    border-top : 1px solid #000000;
    background-color : #ffffff;
    font-family : Neue Helvetica, Helvetica, Arial, Verdana, sans-serif;
    letter-spacing : 1px;
    font-size : 11px;
    line-height : 16px;
    text-align : right;
    font-weight : normal;
    color : #999999;
    text-decoration : none;
    background : url(grau.gif);
    background-repeat : no-repeat;
    background-position : right center;
    padding-right : 12px;
}
    
    #nav a:hover {
    color : #000000;
    background : url(quader.gif);
    background-repeat : no-repeat;
    background-position : right center;
    padding-right : 12px;
}

#nav a.active {
    display : block;
    font-weight : bold;
    color : #000000;
    background-color : #ffffff;
    text-decoration : none;
    background : url(quader.gif);
    background-repeat : no-repeat;
    background-position : right center;
    padding-right : 12px;
}

#nav a.unter {
    display : block;
    border-top : 1px solid #ffffff;
    line-height : 11px;
    font-weight : normal;
    color : #999999;
    background-color : #ffffff;
    text-decoration : none;
    background : url(grau1.gif);
    background-repeat : no-repeat;
    background-position : right center;
    padding-right : 12px;
}

#nav a.unter:hover {
    color : #000000;
    background : url(blau.gif);
    background-repeat : no-repeat;
    background-position : right center;
    padding-right : 12px;
}

/* _____ Info-Bereich __________________________________________*/

#inhalt {
    position : relative;
    left : 45px;
    top : 40px;
    width : 530px;
    margin-right : 20px;
    float : left;
}

.links {
    width : 200px;
    position : relative;
    top : 0;
    float : left;
}

.rechts {
    width : 310px;
    float : right;
}

h1 {
    font-family : Georgia, Times, "Times New Roman", serif;
    font-size : 20px;
    line-height : 22px;
    font-weight : normal;
    margin : 0 0 10px 0;
    color : #774400;
}

h1.ohne {
    margin-bottom : 10px;
}

h1.karo {
    background : url(karo.gif);
    background-repeat : no-repeat;
    background-position : left center;
    padding-left : 22px;
    margin: 0 0 8px 0;
    color : #000000;
}

h1.karo-s1 {
    background : url(karo.gif);
    background-repeat : no-repeat;
    background-position : left center;
    padding-left : 22px;
    margin : 12px 0 8px 0;
    color : #000000;
}

h1.karo1 {
    font-size : 28px;
    line-height : 28px;
    background : url(karo1.gif);
    background-repeat : no-repeat;
    background-position : left center;
    padding-left : 28px;
    margin-bottom : 8px;
    color : #000000;
}

h1.karo2 {
    background : url(karo2.gif);
    background-repeat : no-repeat;
    background-position : left top;
    line-height : 23px;
    padding-left : 22px;
    margin : 0 0 8px 0;
    color : #000000;
}

h2 {
    font-family : Georgia, Times, "Times New Roman", serif;
    font-size : 14pt;
    line-height : 17pt;
    font-weight : normal;
    color : #666666;
    margin-bottom : 1px;
}

h3 {
    font-family : Georgia, Times, "Times New Roman", serif;
    font-size : 16px;
    line-height : 20px;
    color : #666666;
    font-weight : normal;
    background : url(karo-b.gif);
    background-repeat : no-repeat;
    background-position : left top;
    padding-left : 18px;
    margin : 6px 0 0 0;
}

h4 {
    font-family : Georgia, Times, "Times New Roman";
    font-size : 14pt;
    line-height : 14pt;
    font-weight : normal;
    color : #666666;
    margin : 0 0 10px 0px;
}

p, td, li {
    font-size : 14px;
    line-height : 20px;
    margin : 0 0 10px 0;
}

p.dz {
    font-size : 14px;
    line-height : 14px;
    color : #666666;
    letter-spacing : 1px;
    padding-bottom : 2px;
    border-bottom : 1px dotted #999999;
    margin : 0 0 10px 0;
}

p.uz {
    font-size : 14px;
    line-height : 14px;
    font-weight : bold;
    color : #000000;
    margin : 0 0 10px 0;
}

p.re {
    text-align : right;
}

p.fuss {	
    font-size : 12px;	
    line-height : 18px;	
    text-align : right;	
    color : #999999;	
    border-top : 1px solid #dddddd;	
    margin-top : 20px;
}

p.autor {
    font-size : 13px;
    line-height : 13px;
    text-align : right;
    padding-right : 10px;
    color : #666666;
}

.zt {
    margin-bottom : 3px;
    color : #666666;
    font-weight : normal;
    letter-spacing : 1px;
}

.ansprech {
    font-size : 13px;
    line-height : 18px;
    text-align : left;
    padding-right : 10px;
    color : #666666;
}

p.term {
    font-size : 11px;
    line-height : 15px;
    font-weight : bold;
    color : #000000;
    background : url(quad.gif);
    background-repeat : no-repeat;
    background-position : left;
    padding-left : 14px;
}

.foto {
    font-weight : normal;
    font-size : 10px;
    line-height : 10px;
    color : #333333;
    text-align : right;
}

.coll {
    font-weight : normal;
    font-size : 10px;
    line-height : 10px;
    color : #222222;
    text-align : right;
}

.top {
    font-size : 20px;
    line-height : 30px;
    color : #000000;
    background : url(karo.gif);
    background-repeat : no-repeat;
    background-position : left;
    padding-left : 20px;
    }
    
img.mit {
    border : 1px solid #666666;
    margin-bottom : 10px;
}

img.li {
    border : 1px solid #000000;
    margin-top : 5px;
    margin-right : 15px;
    float : left;
}

img.re {
    border : 1px solid #000000;
    margin-top : 5px;
    margin-left : 10px;
    float : right;
}

a.text:link, a.text:visited {
    text-decoration : none;
    font-weight : normal;
    color : #000000;
    background : url(go.gif);
    background-repeat : no-repeat;
    background-position : left center;
    padding-left : 22px;
}

a.text:active, a.text:hover {
    text-decoration : underline;
    font-weight : normal;
    color : #000000;
    background : url(go.gif);
    background-repeat : no-repeat;
    background-position : left center;
    padding-left : 22px;
}

a.bild:link, a.bild:visited, a.bild:active {
color : #999999;
}

a.bild:hover {color : #999999;
}

a.ohne:link, a.ohne:visited, a.ohne:active, a.ohne:hover {
    text-decoration : none;
    background : url(none.gif);
    padding : 0;
}

.rot {
    color : #cc0000;
}

table.rahmen {
    border-collapse : collapse;
    margin : 10px 0 10px 0;
}

table.rahmen td {
    font-family : Verdana, Arial, Helvetica, sanserif;
    font-size : 13px;
    line-height : 20px;
    text-align : left;
    font-weight : normal;
    margin-right : 5px;
    border : 1px solid #dddddd;
    padding : 5px;
    vertical-align : top;
}

table.rahmen510 {
    border-collapse : collapse;
    margin : 10px 0 10px 0;
    width : 510px;
}

table.rahmen510 td {
    font-family : Verdana, Arial, Helvetica, sanserif;
    font-size : 14px;
    line-height : 20px;
    text-align : left;
    font-weight : normal;
    margin-right : 5px;
    border : 1px solid #dddddd;
    padding : 5px;
    vertical-align : top;
}



hr.trenner {
    border : 0;
    border-top : 1px solid #cccccc;
    margin : 15px 0 15px 0;
}

/* _____ Bilderspalte  ___________________________*/

#bildrand {
    position : relative;
    top : 40px;
    width : 190px;
    float : right;
}

#bildrand p {
    font-size : 12px;
    line-height : 16px;
    margin : 0 0 10px 0;
}

#bildrand img {
    border : 1px solid #999999;
    margin: 0 0 6px 0;
}

#bildrand a:link {
    background : url("go.gif") no-repeat scroll left top transparent;
}

/* _____ Fokus _____________________*/

#fokus {
    position : relative;
    top : 40px;
    width: 180px;
    padding : 6px;
    border : 1px solid #cccccc;
    float : right;
}

#fokus p {
    font-size : 12px;
    line-height : 16px;
}
    
    #fokus h3 {
    margin-bottom : 6px;
}

#fokus img {
    border : 1px solid #999999;
    margin-top : 2px;
    margin-bottom : 6px;
}

/* _____ Kolumne  ____________________*/

.kolumne {	
    position : relative;	
    top : 0;	
    left : 0;	
    width : 528px;	
    border : 1px solid #999999;	
    margin-bottom : 10px;	
    padding-bottom : 10px;
    float : left;
}

#kol-ueber {	
    width : 530px;	
    height : 230px;	
    background : url(../bilder/FK-haller.gif);	
    background-repeat : no-repeat;	
    background-position : left top;	
    margin-bottom : 10px;	
    float : left;
}

#kol-ueber1 {
    width : 530px;height : 210px;
    background : url(../bilder/FK-haller1.gif);
    background-repeat : no-repeat;
    background-position : left top;
    margin-bottom : 10px;
    float : left;
}

#kol-ueber2 {
    width : 530px;
    height : 200px;
    background : url(../bilder/FK-haller-2.gif);
    background-repeat : no-repeat;
    background-position : left top;
    margin-bottom : 10px;
    float : left;
}

p.kol {
    font-family : Georgia, Times, TimesNewRoman, serif;
    font-size : 15px;
    line-height : 23px;
    padding-right : 15px;
    padding-left : 15px;
}

p.kol-dz {
    font-family : NeueHelvetica, Helvetica, Arial, sanserif;
    font-size : 14px;
    line-height : 14px;
    font-weight : bold;
    color : #ffffff;
    letter-spacing : 2px;
    padding : 140px 15px 0 15px;
    margin-bottom : 8px;
}

p.kol-hz {
    font-family : Georgia, Tmes, TimesNewRoman, serif;
    font-size : 19px;
    font-weight : normal;
    color : #ffffff;
    letter-spacing : 1px;
    padding-right : 15px;
    padding-left : 15px;
}

p.kol-hz2 {
    font-family : Georgia, Tmes, TimesNewRoman, serif;
    font-size : 22px;
    line-height : 24px;
    font-weight : normal;
    color : #000000;
    letter-spacing : 1px;
    padding-right : 15px;
    padding-left : 15px;
}

p.kolvorspann {
    padding-right : 12px;
    padding-left : 12px;
    font-family : NeueHelvetica, Helvetica, Arial, sanserif;
    font-weight : normal;
    color : #666666;
}

p.kolvorspann2 {
    padding-top : 10px;
    padding-right : 175px;
    padding-left : 18px;
    font-family : NeueHelvetica, Helvetica, Arial, sanserif;
    font-weight : normal;
    color : #000000;
}

p.dach {
    font-size : 15px;
    line-height : 14px;
    color : #336699;
    margin-top : 15px;
    margin-bottom : 0;
}

p.datoben {
    font-size : 11px;
    line-height : 11px;
    color : #336699;
    padding-left : 15px;
    margin-top : 15px;
}

a:link, a:visited, a:active {
    text-decoration : none;
    font-weight : normal;
    color : #000000;
    background : url(go.gif);
    background-repeat : no-repeat;
    background-position : left center;
    padding-left : 22px;
    margin-left : 0;
}

a:hover {
    color : #000000;
    text-decoration : underline;
}

/* _____ Fuss_____________________________*/	

#fuss {
    width : 912px;
    height : 30px;
    margin-left: 15px;
    border-top: solid 1px #dddddd;
    clear : both;
  }
  
  #fuss p {	
  font-size : 12px;	
  line-height : 18px;	
  text-align : right;	
  color : #999999;	
  border-top : 1px solid #dddddd;	
  margin-top : 20px;
}