/* clkm - cornelia lange http://www.clkm.de/  */ 

body {
text-align: center; 
font: 94% Arial, Helvetica, sans-serif;
color: #00457D;
background: #fff;
} 
strong, b {
font-weight: bold;
}
abbr, acronym {
cursor: help;
border-bottom: 1px dashed #ccd9e4;
}
h2 {
font-weight: bold;
}
h2, h5, h6, p, a, li, input, select, legend, label, pre, address, dt, dd, th, td, caption {
font-size: 12px;
}
caption, caption a, caption a:link, caption a:visited {
font-weight: bold;
text-align: left;
padding: 3px 10px;
border: 0 none; 
color: #fff;
background: #00457d;
} 
table {
border: 1px solid #ccd9e4;
border-collapse: collapse;
margin: 15px 0 15px 1px;
}
table.nocolor {
border: 0 none;
}
th {
background: #E5ECF2;
text-align: left;
padding: 3px 10px;
border-top: 1px solid #fff;
}
.nocolor th {
background: transparent;
}
.darkheader th {
color: #fff;
background: #00457d;
border: 0 none;
}
td {
padding: 3px 10px;
border-top: 1px solid #ccd9e4;
}
.nocolor td {
border-top-color: #fff;
}
tr.td0 {
background: #E5ECF2;
}
tfoot td {
background: #ccd9e4;
border-top: 1px solid #ccd9e4;
font-size: 75%;
} 
address {
font-style: normal;
font-weight: bold;
}

/* Zentrale Link-Formatierung */
a, a:link, a:visited { 
color: #00457D; 
text-decoration: none;
}
a:hover, a:focus, a:active {
color: #00457D;
background-color: #ccd9e4;
text-decoration: none;
background-image: none;
}
a.extern img {
border: 0 none;
}
a.intern, a.extern, a.internfenster, a.externfenster, a.pdf, a.doc {
text-decoration: none; 
white-space: nowrap;
}
  


/***** LAYOUT KOPFTEIL *****/
#alles { 
position: relative; 
width: 960px;
margin: 0 auto;
padding: 4px 0 0 0; 
text-align: left;
background: transparent url(../img/bg_alles_startseite.gif) 0 4px repeat-x;
} 
#header {
width: 100%;
height: 128px;
background: transparent url(../img/bg_header_startseite.gif) top right no-repeat;
} 
#logo {
position: absolute;
top: 24px;
left: 619px;
width: 315px;
height: 88px;
z-index: 100; 
}
#logo a:hover {
background: transparent;
}

/***** Sprachwahl *****/
.sprachwahl {
position: absolute;
top: 20px;
left: 16px;
color: #fff;
width: 220px;
height: 24px;
}
.sprachwahl li {
display: inline;
}
.sprachwahl li a, .sprachwahl li strong {
display: block;
float: left;
margin: 0 3px;
font-weight: normal;
color: #ccd9e4; 
padding: 0 4px;
border-right: 1px solid #ccd9e4;
}
.sprachwahl li strong {
color: #fff;
}
.sprachwahl li a:hover {
color: #fff;
text-decoration: underline;
background: transparent;
}
.sprachwahl .normal-unavailable {
display: none;
}

/***** Leistungen *****/

#leistungen {
position: relative;
width: 960px;
height: 208px;
z-index: 50;
}
#leistungenWrapper {
position: absolute;
width: 960px;
height: 208px;
z-index: 0;
top: 0;
left:0;
background: transparent url(/fileadmin/layout/designvorlagen/startseitenbilder/header_uni.jpg) 0 4px no-repeat;
}
#leistungen ul {
position: relative;
top: -22px;
left: 252px;
width: 700px;
}
#leistungen li {
display: inline;
float:left;
position:relative;
left:0
}
#leistungen li span a {
font-family: Arial, Helvetica, sans-serif;
display: block;
float: left;
width: 113px;
line-height: 22px;
font-weight: bold;
padding-right: 4px;
text-align: center;
text-decoration: none;
color: #fff;
background: transparent url(../img/bg_topnavi.png) 0 0 no-repeat;
}
#leistungen li span a:hover, #leistungen li span a:active, #leistungen li span a:focus {
text-decoration: none;
color: #00457D;
background: transparent url(../img/bg_topnavi_gold.png) 0 0 no-repeat;
}
#leistungen li span li span.on {
color: #00457D;
background: transparent url(../img/bg_topnavi_gold.png) 0 0 no-repeat;
}
#leistungen .sub {
position: absolute;
top: 22px;
left:-2000em;
padding: 15px 0;
height: 170px;
width: 220px;
background-color: #fff;
border-top: 4px solid #ffd300;
filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

}
#leistungen .sub li a {
float:none;
display:block;
width: 190px;
line-height: 24px;
height: 24px;
padding: 0 0 0 30px; 
color: #00457d; 
background: transparent  url(../img/arrow-blue.gif) 16px 8px no-repeat
} 
#leistungen .sub li a:hover {
background-color: #e5ecf2;
}


/***** LAYOUT hAUPTTEIL *****/

#container { 
position: relative;
width: 960px;
padding: 16px 0 0 0;
background: #e5ecf2;
z-index: 1;
}  
#hauptteil { 
width: 944px;
height: 529px;
padding: 0 0 0 16px;
background: #e5ecf2; 
} 
.w1v4 { 
float: left;
width: 220px;
margin-left: 16px;
}
.w2v4 { 
float: left;
width: 456px;
margin-left: 16px;
}
.w1v4.firstitem, .w2v4.firstitem, .firstitem {
margin-left: 0;
}
 
/***** Schnellsuche *****/
#suchen {  
width: 220px;
height: 20px; 
margin: 0;
z-index: 10;
}
#suchen h2 {
display: none;
position: absolute;
left: -1000em;
top: -1000em;
font-size: 0;
margin: 0;
padding:0;
}
#suchen input {
display: block;
float: left;
}
#suchen input.textfeld {
width: 140px;
border: 1px solid #668FB1;
padding: 1px 5px;
color: #00457D;
background: #fff;
}
#suchen input.schnellsuche {
width: 65px;
border: 1px solid #668FB1;
background: #ccd9e4;
padding: 0 1px;
color: #00457D;
font-weight: bold;
margin-left: 3px;
font-size: 75%;
} 

/***** Zielgruppen Schnelleinstieg *****/
#zielgruppen h2 { 
color: #00457D;
background: #CCD9E4;
margin: 8px 0 0 0;
line-height: 20px;
height: 20px;
padding: 0 8px;
} 

/* Schnelleinstieg im Detail */  
#zielgruppen ul {
background: #fff;
width: 220px;
height: 235px;
padding: 4px 0 0 0;
}
#zielgruppen li {
display: inline;
}
#zielgruppen li a {  
display: block;
width: 190px; 
padding: 0 0 0 30px;
height: 24px;
line-height: 24px;
color: #00457d;
background: transparent url(../img/arrow-blue.gif) 16px 9px no-repeat;
} 
#zielgruppen li a:hover {
color: #00457d;
background: #e5ecf2 url(../img/arrow-blue.gif) 16px 9px no-repeat;
}

/*** Titel Hauptteil ***/

#universitaet h2 a, #fakultaet h2 a, #news h2 a, #veranstaltungen h2 a { 
display: block;
color: #00457D;
background: #CCD9E4;
margin: 0;
line-height: 20px;
height: 20px;
padding: 0 8px;
text-align: center;
}
#universitaet h2 a:hover, #fakultaet h2 a:hover, #news h2 a:hover, #veranstaltungen h2 a:hover { 
color: #fff;
background: #00457d;
}

/***** Universitaet *****/
#universitaet img {
background: #fff;
padding: 4px;
}
#universitaet ul {
background: #fff;
width: 220px;
height: 124px;
margin-top: -3px;
padding-top: 3px;
}
#universitaet li, #fakultaeten li {
display: inline;
}
#universitaet li a {  
display: block;
width: 190px; 
padding: 0 0 0 30px;
height: 24px;
line-height: 24px;
color: #00457d;
background: transparent url(../img/arrow-blue.gif) 16px 9px no-repeat;
} 
#universitaet li a:hover {
color: #00457d;
background: #e5ecf2 url(../img/arrow-blue.gif) 16px 9px no-repeat;
}

/***** Fakultaeten *****/
#fakultaet ul {
width: 452px;
height: 264px;
padding: 2px;
background: #fff;
}
#fakultaeten li {
position: relative;
left: 0;
float: left;
width: 452px;
height: 66px;
margin: 0;
padding: 0;
} 
#fakultaeten .wrap { 
float: left;
}
#fakultaeten .picture {
float: left;
display: block; 
height: 63px; 
width: 110px; 
background-color: #ccd9e4;
border: 2px solid #fff;
border-width: 2px 4px 0 2px;
}
#fakultaeten .abk {
float: left;
display: block;
height: 61px;
width: 64px; 
line-height:61px;
text-align: center;
font-weight: bold;
font-size: 120%;
border: 1px solid #ccd9e4;
margin: 2px 0;
padding: 0;
color: #00457d;
background: #fff;
}
#fakultaeten .fakultaet a { 
display: block;
float: left;
height: 47px; 
width: 249px;
font-weight: bold;
color: #00457d;  
background: #e5ecf2;
padding: 16px 0 0 15px;
border: 2px solid #fff;
border-width: 2px 2px 0 4px;
} 
#fakultaeten .fakultaet a.einzeilig {
padding-top: 0;
line-height: 63px;  
height: 63px;
}
#fakultaeten .fakultaet a:hover { 
color: #00457d;  
background: #ccd9e4;
} 
#fakultaeten .submenu { 
position:absolute; 
top: 2px;
left: -2000em;
width: 182px; 
height: 63px; 
background-color: #fff;
}	
#fakultaeten .submenu ul {
float: left;
width: 182px;
height: 61px;
margin: 2px 0 0 0;
background: transparent; 
}
#fakultaeten .submenu li {
float: left;
width: 90px; 
height: 28px;
margin-bottom: 0;
}
#fakultaeten .submenu li a {
float: left; 
display: block;
width: 85px;
height: 23px; 
line-height: 23px;
text-align: center;
margin: 0 2px 0 0; 
font-weight: bold;
color: #fff;
background: transparent url(../img/bg_button_yellow.gif) 0 -33px no-repeat;
}
#fakultaeten .submenu li a:hover { 
text-align: center;
color: #00457d;
background: transparent url(../img/bg_button_yellow.gif) 0 0 no-repeat;
}	

/***** News *****/   
#news h2 a {
margin-top: 16px;
}
.boxa {
background: #fff;
height: 92px;
border-bottom: 2px solid #e5ecf2;
}
.boxa img {
float: right;
padding: 8px 4px;
}
.boxa a img {
float: none;
}
.boxa h3 {
font-size: 0.80em; 
font-weight: bold;
margin: 0 4px 2px 4px;
padding-top: 0;
}
.boxa p.datum {
padding: 8px 0 0 0;
margin: 0 0 0 4px;
}
.boxa p {
margin: 0 4px 4px 4px;
}
.boxa p a {
display: block;
width: 320px;
padding: 4px 0 0 12px;
background: #fff url(../img/arrow-blue.gif) 0 8px no-repeat;
}
.boxa p a:hover {
background-color: #ccd9e4;
}

/***** Veranstaltungen *****/ 
#veranstaltungen h2 a {
margin-top: 16px;
} 
#veranstaltungen ul {
position: relative;
height: 183px;
background: #fff;
padding: 4px 0 0 0;
}
#veranstaltungen li {
display: inline;
}
#veranstaltungen li a {
display: block;
line-height: 18px;
padding: 2px 0 2px 30px;
background: #fff url(../img/arrow-blue.gif) 16px 8px no-repeat;
}
#veranstaltungen li a:hover {
background-color: #e5ecf2;
}
#veranstaltungen ul li.kalender a { 
position: absolute;
top: 165px;
left: 0;
width: 426px;
color: #fff;
background: #668fb1 url(../img/arrow-white.gif) 16px 8px no-repeat;
} 
#veranstaltungen ul li.kalender a:hover {
background-color: #00457d;
}

/***** Footer *****/   
#footer { 
position: relative;
clear: both;
height: 116px;
background: transparent url(../img/bg_startseite_footer.gif) 0 -15px no-repeat;
}
#footer p {
padding: 2px 0 0 16px;
height: 24px;
margin: 0;
color: #ccd9e4;
}
#footer p a {
color: #ccd9e4;
}
#footer p a:hover {
color: #fff;
text-decoration: underline;
background: transparent;
}
#footer ul {
width: 944px;
height: 60px; 
padding: 4px 0 0 0;
}
#footer li {
display: inline;
}
#footer li a {
display: block;
float: right;
margin: 0 0 0 16px;
}
#footer li a:hover {
background: transparent;
}  



/***** Allgemeine Klassen *****/
.skip {
position: absolute;
top:-100em;
left: -2000em;
}
.clearb {
clear: both;
}
.clearl {
clear: left;
}
.clear {
overflow: auto;
}