body   
{ 
font-size: 100.01%; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
background: #11274a url(/sp/layout/img/backs/header_portraet.jpg)  top center no-repeat;
padding: 0;
margin: 0; 
}

html
{
margin: 0;
padding: 0;
}

#holder
{
margin: 0 auto 0 auto;
width: 405px; 

}

acronym { border-bottom: 0px }

.inv { 
position: absolute; left: -1000px; top: -1000px;
font-size: 0px;
}

hr
{ display: none; }

a:link
{ text-decoration: none;
color: #002B5B;
}

a:hover
{
color: #002B5B;
text-decoration: underline;

}

a:visited
{
color: #002B5B;
}

a.weisscol
{
text-decoration: none;
color: #fff;
}

a.weisscol:hover
{
color: #fff;
text-decoration: underline;

}

a.weisscol:visited
{
color: #fff;
}



.wsUnipKopf
{
float: left;
height: 45px;
}

.small
 { 
width: 25.31em }



.wsUnipKopf img
{
float: left;
border: 0;}


#headleft
{
float: left
}

#headright
{
float: right
}



/* Navi unter Tableau */ 

.wsUnipReiternav
{
width: auto;

display: block;
width: 25.31em;
float: left;
clear: both;
border-bottom: #fff 2px solid;
margin: 4px 0 0 0;
padding: 0 0 0 0;
}

.wsUnipReiternav ul
{
/* background: #D8DEE5; */
float: left;
display: block;
margin: 0 0 0 1em;
padding: 0;
width: 90%;
}

.wsUnipReiternav li
{
display: block;
float: left;
list-style: none;
font-size: 0.7em;
}


.wsUnipReiternav .aktiv
{
background: #f56014 url("/sp/layout/img/backs/back_navi_orange.png") repeat-x top;
display: block;
padding: 3px 6px 3px 6px;
font-weight: bold;
color: #fff;
list-style: none;
margin: 0 1px 0 0;
}

.wsUnipReiternav .aktiv2
{

display: block;
padding: 2px 4px 3px 4px;
font-weight: bold;
border-right: #f66014 solid 1px;
border-top: #f66014 solid 1px;
color: #fff;
list-style: none;
}

.abstand
{
margin: 0 13em 0 0 ;
/* margin: 0 0 0 13.25em; */
}

a.navi:link, a.navi:visited
{
color: #fff;
text-decoration: none;
font-weight: bold;
background: #234872 url("/sp/layout/img/backs/back_navi_blau.png") repeat-x top;
padding: 3px 6px 3px 6px;
display: block;
margin: 0 1px 0 0;
}

a.navi:hover, a.navi:active, a.navi:focus
{
color:#fffff; 
text-decoration: none;
background: #f66014 url("/sp/layout/img/backs/back_navi_orange.png") repeat-x top;
}
a.navi:active
{
color:#001a4b;
}
















a.navi2
{
color:#fff; 
text-decoration: none;
font-weight: bold;
border-right: #fff solid 1px;
border-top: #f66014 solid 1px;
background: #f66014;
padding: 2px 4px 3px 4px;
line-height: 1.25em;
display: block;
}

a.navi2:visited
{
color:#fff; 
text-decoration: none;
}

a.navi2:hover
{
color:#fff; 
text-decoration: underline;
background: #f66014;
border-top: #f66014 solid 1px;

}

a.navi2:active
{
color:#001a4b;
}
























.wsUnipReiternav h1
{
clear: both;
font-size: 0.75em;
margin: 0 0 0 0;
padding: 5px 0 5px 5px;
background: #f66014;
color: #fff;
display: block;
/* border: #000000 1px solid; */
}

.left { float: left; }
.right { float: right; }

/* container fuer Foto plus die breiten und ausrichtungen dazu */

.picleft { margin: 0 0.65em 0 0 !important; float: left; display: inline; }
.picright { margin: 0 0.25em 0 0.65em !important; float: right; display: inline; }
.picblock { display: block; clear: both; }
.wsUnipfoto { padding: 0; background: #ffffff; }
.picdivhoch { width: 7.5em !important; }
.picdivquer { width: 9.38em !important; }
.picdivlogo { width: 7.5em !important; }
.pictall { width: 23.67em; }

.imgshoch { /* width: 7.5em; height: 9.38em; */}
.imgsquer { /* width: 9.38em; height: 7.5em; */ }
.imgslogo { /*width: 7.5em; height: 7.5em; */ border: #a8b1c2 2px solid !important;  }

.wsUnipfoto img { border: #fff 2px solid; display: block; }

/* bildunterschrift */
.wsUnipfoto p
{
border: #fff 2px solid;
width: 100%;
background: #fff;
padding: 0 0 2px 0 !important;
margin: 0 !important;
line-height: 120% !important;
color: #22384f;
font-size: 0.7em !important;
}


/* Container - Hoehe, Breite, Hintergrund und Scrollbar mit subklassen */ 
.container
{
width: 25.3em;
margin: 0;
padding: 0;
float: left;
clear: both;

}


.height30 { height: 30em; }
.height16 { height: 16em; }
.height14 { height: 14em; }


.scroll { 
overflow: auto; 

}

caption 
{
font-size: 0.7em; padding: 0.25em 0  0.35em 0.4em;
margin: 0;
letter-spacing: 1px;
font-weight: bold;
text-transform: uppercase;
clear: both;
color: #22384f;
/* color: #f66014; */
text-align: left;
border-bottom: #fff 1px solid;
}

/* Dieses DIV habe ich gegenueber der ws-fassung beibehalten - zur sicherheit */ 
.wsUnipTextblock
{
width: 23.5em;
margin: 0.45em 0 0 0.4em;
float: left;
clear: both;
display: inline;
}

.wsUnipTextblock p
{ font-size: 0.75em; line-height: 140%; padding: 0 0 0.75em 0; margin: 0; }

.wsUnipTextblock h3
{ color: #22384f; font-size: 0.85em; padding: 0 0 0.5em 0; margin: 0; }


.wsUnipTextblock h4
{ color: #22384f; font-size: 0.75em; padding: 0 0 0.5em 0; margin: 0; }

/* die tabellenbreiten werden uber die klassen tabfull und tabfull2 gesetzt  */
table
{ 
/* background: #ffff66; */
border-collapse: collapse;
margin: 0 0 1em 0;

}


table strong, th
{ color: #22384f;}

/* fuer die Faelle mit Scrollbar */
.tabfull { width: 24.15em;  }

/* fuer die Faelle OHNE Scrollbar */
.tabfull2 { width: 25.2em; }


h2 
{
font-size: 0.85em;
padding: 0.35em 0.25em 0.75em 0.25em;
margin: 0;
float: left;
color: #22384f;
}


.normal
{
font-weight: normal;
}

tr td, tr th
{
border-bottom: #003267 1px solid;
vertical-align: top;
}

td, th
{
font-weight: normal;
text-align: left;
font-size: 0.7em;
padding: 3px 2px 3px 4px;
line-height: 130%;
}
td p, th p {
margin: 0;
padding: 0;
}


.tabwidth05 {width: 5%;}
.tabwidth10 {width: 10%;}
.tabwidth15 {width: 15%;}
.tabwidth20 {width: 20%;}
.tabwidth25 {width: 25%;}
.tabwidth30 {width: 30%;}
.tabwidth35 {width: 35%;}
.tabwidth40 {width: 40%;}
.tabwidth45 {width: 45%;}
.tabwidth50 {width: 50%;}
.tabwidth55 {width: 55%;}
.tabwidth60 {width: 60%;}
.tabwidth65 {width: 65%;}
.tabwidth70 {width: 70%;}
.tabwidth75 {width: 75%;}
.tabwidth80 {width: 80%;}
.tabwidth85 {width: 85%;}
.tabwidth90 {width: 90%;}
.tabwidth95 {width: 95%;}
.tabwidth100 {width: 100%;}

.tabcenter {text-align: center !important;}
.tableft {text-align: left}
.tabright {text-align: right}
.tabstrong {font-weight: bold;}

thead { text-align: left; }
thead.inv { display: none; }


.wsUnipBild img
{
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
display: block;
}

.grey1 {background: #e7f2f8;}
.weisscol { color: #fff; }
.weiss { background: #fff; }


/* Der eigentliche PortraetContent */
.wsUnipInhalt
{
width: 25.32em;
clear: both;
background: #e7f2f8;
margin: 0;
padding: 0;
overflow: auto;
border-bottom: #f66014 2px solid;
border-top: #fff 1px solid;
}


/* Der Fuss */

#wsUnipFuss
{

clear: both;
margin: 0 0 0 0;
/*background: #11274a url("/euro2008/layout/img/cssimg/back_abb_unten.jpg") repeat-x top;*/

padding: 0;
width: 25.31em;
float: left;
}

#wsUnipFuss p
{
float: right;
text-align: right;
padding: 0.6em 0.25em 0.75em 0.5em;
margin: 0;
width: 60%;
font-size: 0.7em;
}


#wsUnipFuss p a.weiss:link, #wsUnipFuss p a.weiss:visited
{
background: url("/sp/layout/img/backs/close.gif") no-repeat right;
color:#acc8dd; 
text-decoration: none;
padding: 0.25em 2.25em 0.5em 0;
}

#wsUnipFuss p a.weiss:active,  #wsUnipFuss p a.weiss:focus, #wsUnipFuss p a.weiss:hover
{
background: url("/sp/layout/img/backs/close_a.gif") no-repeat right;
color:#ffffff; 
text-decoration: underline;
padding: 0.25em 2.25em 0.5em 0;
}


.grey4bord { border: #d5d6d7 1px solid; }


.white {background: #fff !important;
}

.whitebord
{
border: #fff 1px solid;
}


.clearMe { line-height: 0; clear: both; font-size: 0; margin: 0; padding: 0; }


.ruecklink
{
font-size: 0.7em;
padding: 0 0 0.5em 0;
margin: 1em 0 0.5em 0;
}

.ruecklink img
{
margin: 0 0.25em 0 0.35em;
border: 0;
vertical-align: middle;
}



p.stand
{

text-align: left;
color: #22384f;
font-size: 0.7em;
margin: 0;
padding: 1em 1em 1em 0.5em;
}



.fotolink
{
/* background: #fff;  */
padding: 0.25em 0.25em 0 0;
margin: 0 ;
display: inline;
float: right;
clear: both;
width: 9.5em;
}

.fotolink p
{ margin: 0 0 0 0 !important;  padding: 0.75em 0 0 0 !important; color: #22384f; font-size: 0.7em; }

.fotolink img
{
vertical-align: middle;
float: right;
padding: 0.15em;
display: block;
border: 0;
}



.klsteckbr
{
background: #ffffff;
margin: 0 0 0.75em 0;
float: left;
clear: both;
width: 100%;
}

.klsteckbr table
{

margin: 0 0 0.5em 0;
float: right !important;
}


.klsteckbr td, .klsteckbr th
{
border-bottom: #88a1bb 1px solid;
vertical-align: top;
padding: 3px 0 3px 0;
line-height: 130%;
}

.klsteckbr th { color: #88a1bb; }


.container .klsteckbr .homepage
{
height: 1.85em;
text-align: right;
background: #d2e2ea;
clear: both;
color: #22384f;
font-size: 0.7em;
padding: 0.35em 0.35em 0.35em 0.35em;

margin: 0 0 0 0;
background-image: url('/sp/layout/img/backs/portraet_back_homepage.jpg');
background-position: bottom;
background-repeat: repeat-x;
border-top: #fff 0px solid;

border-bottom: #fff 2px solid;
}

.container .homepage
{
height: 1.85em;
text-align: right;
background: #d2e2ea;
clear: both;
color: #22384f;
font-size: 0.7em;
padding: 0.35em 0.35em 0.35em 0.35em;

margin: 0 0 0 0;
/*background-image: url('/sp/layout/img/portraitheader/back_homepage.gif');*/
background-position: bottom;
background-repeat: repeat-x;
border-top: #fff 2px solid;
border-bottom: #fff 2px solid;
}



.standalone
{
border-top: #fff 2px solid;
margin: 0.5em 0 0.5em 0;
}

.klsteckbr img
{
padding: 2px;
}


.homepage img
{
display: inline;
border: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}



.klsteckbr strong
{
font-weight: normal;
}


.trenner
{
color: #22384f;
padding: 2em 0 2em 0;
clear: both;
width: 405px;
height: 2em;
font-size: 0.75em;
text-align: center;
}

p.sportart
{
font-size: 0.75em;
/* font-weight: bold; */
margin: 0;
padding: 0.4em 0 0.2em 0.25em;

clear: both;

color: #22384f;

}