/*
AUTHOR+COPYRIGHT:
Wilhelmine Freudenthal
Barrierefreies Webdesign / Semantischer Code

CONTACT:
wilhelmine@semantic-coding.net
http://www.semantic-coding.net
April 2008

last modified: 26/04/2008
*/

/*
helles blau: #598AC2
dunkles blau: #194E86
orange:#f49000
*/

html
{
 background:#FCFCFC url("img/bg-html.jpg") repeat-x 50% 0;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
}

body
{
 padding-bottom:40px;
 background:#FFFFFF url("img/gradient-lightgrey.gif") repeat-x 0 100%;
 border:1px solid #EFEFEF;
 width:975px;
 margin:auto;
 margin-bottom:30px;
 margin-top:105px; /* Beginn der Seite oben; urspruenglich: 85px; */
 position:relative;
}

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color:#194E86; }
h1 {}
h2 {}
h3 {}
h4 {}

a { color: #568BCD; text-decoration:none; }
a:hover { color: #79abe9; }

em { font-style:italic; }
strong { font-weight:bold; }

/*----------------------*/
body#start li a { padding:0 0 0 8px; background:url("img/bullet-arrow.gif") no-repeat 0 5px; }
body#start a.login, a.login { padding:2px 0 2px 16px; background:url("img/icon-login.gif") no-repeat 0 1px; }
body#start a.linkfb, a.linkfb { padding:2px 0 2px 16px; background:url("img/facebook_mini.png") no-repeat 0 1px; }
body#start a.link, a.link { padding:2px 0 2px 16px; background:url("img/icon-link.gif") no-repeat 0 2px; }

/*----------------------*/
#header
{
 position:relative;
 height:80px;
 padding:20px;
 background:url("img/logo-fh.gif") no-repeat 50% 50%;
 text-align:center;
 margin:10px;
}

#header h1, #header h2
{
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-weight:normal;
 font-size: 12px;
 color:#000000;
 display:block;
 margin:0;
 padding:0;
 height:80px;
}

#header h1 strong, #header h2 strong
{
 font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 color:#194E86;
 font-size:22px;
 display:block;
 text-transform:uppercase;
}

#header h1 { padding-right:542px; text-align:right; }
#header h2 { padding-left:526px; text-align:left; margin-top:-80px; }

/*----------------------*/
div#site { position:relative; }

/*----------------------*/
body#start #site
{
 position:relative;
 height:32em;
 display:block;
 margin:0; padding:0;
 border-top:1px solid #FFFFFF;
 background:url("img/circle-center.jpg") no-repeat 382px 84px;
}

body#start #site ul { list-style:none; margin:0; padding:0; }
body#start #site li { margin:4px; padding:0; }

body#start .box
{
 background:url("#") no-repeat 0 0;
 width:480px;
 text-align:left;
 position:absolute;
 height:15.8em;
 overflow:hidden;
}

body#start .box a { color:#000000 !important; }
body#start .box h3 a { color:#194E86 !important; }
body#start .box a:hover { text-decoration:underline; }
body#start .box h3 a:hover { text-decoration:none; }

body#start .box h3
{
 border-bottom:1px solid #194E86;
 color:#194E86;
 padding:0 8px 1px 0;
 font-size:16px;
 margin-left:94px;
 margin-right:1px;
 margin:13px 1px 14px 94px;
 /*background:#FFFFFF;*/
 line-height:20px;
}

body#start .box h3 a { margin-left:1px; }

body#start .box ul { margin-left:14px !important; }

body#start #studium,
body#start #news
{ text-align:right; }

body#start #studium ul,
body#start #news ul
{ margin-right:14px; }

body#start #forschung h3,
body#start #quicklinks h3 
{ padding-right:0; padding-left:6px; margin-right:94px; margin-left:0; }

body#start #forschung h3 a,
body#start #quicklinks h3 a
{ margin-right:1px; }

body#start #news { background-image:url("img/circle-news.jpg"); }
body#start #forschung { background-image:url("img/circle-forschung.jpg"); }
body#start #studium { background-image:url("img/circle-studium.jpg"); }
body#start #quicklinks { background-image:url("img/circle-quicklinks.jpg"); }

body#start #studium,
body#start #news { right:583px; }

body#start #forschung,
body#start #quicklinks { left:583px; background-position:100% 0; } 

body#start #news,
body#start #quicklinks { top:239px; }

body#start #studium,
body#start #forschung { top:60px; }

body#start #news,
body#start #forschung { width:340px; }

body#start #studium,
body#start #quicklinks { width:305px; }

body#start #studium ul,
body#start #quicklinks ul
{ width:200px; }

body#start #forschung ul,
body#start #news ul
{ width:226px; }

body#start #studium ul
{ padding-left:72px; }

body#start #news ul
{ padding-left:85px; }


/* geändert am 29.11.2011 Wegscheider */
body#start #studium h3,
body#start #forschung h3,
body#start #news h3,
body#start #quicklinks h3
{ font-size: 20px; }



/*----------------------*/
body#start #externallinks
{ text-align:center; font-size:11px; margin-top:295px; }

body#start #externallinks ul
{ text-align:left; }

body#start #externallinks li a
{ display:inline; }


/*----------------------*/
div#aktionsteaser { text-align:center; margin:10px 300px 0 300px; line-height:1.4em; }
div#aktionsteaser h2 { margin:0; padding:0; color:#f49000; }

div#aktionsteaser h2 span { display:inline-block; padding:0 14px 0 14px; background:url("img/arrow-orange_to-right.gif") no-repeat 50% 50%; }
div#aktionsteaser h2 span.after { background-image:url("img/arrow-orange_to-left.gif"); }