/*------[GENERAL]--------*/
* { margin: 0; padding: 0; }

body{
  background:#ffffff  repeat-x top left;
  color: #000; 
     font: 62.5%  Arial, Helvetica, sans-serif;
}

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

ul{ list-style:none;}

h1,h2,h3,h4,h5,h6 { font-family:  Arial, sans-serif; }

/*-------[   Layout   ]---------*/
 #wrap{ position:relative; width:1060px; margin:3px auto; }

 #head{ height:446px; }

/*-------[ Logo + Navigation ]---------*/
/*Adjust LOGO position by modifiying the LEFT proprety*/
#logo{ position:absolute; top:15px; left:0px;
     font-family: Arial, "Times New Roman", Times, serif; font-size: 32px; color: #fff; }
#logo a{ color:#fff; text-decoration:none; }
#logo a:hover{ text-decoration:underline; }

/*Adjust SLOGAN  position by modifiying the LEFT proprety*/
#slogan{ position:absolute; top:15px; left:230px; padding:7.5px 0 7.5px 10px; border-left:1px solid #fff;
     color: #fff; font-family: "Times New Roman", Times, serif; font-size: 18px; letter-spacing:1px; font-style:italic;  }

#header-pic{ position:absolute; top:146px; left:0; z-index: 1; height:300px; }

#nav {
  position:absolute;
  width:644px;
  top:422px;
        left:70px;
  height:40px;
  background-color:#0084ca;
  z-index: 2;
}
#nav ul{ padding:0; margin-left:0px; list-style: none; }
#nav li{ display: inline; }
#nav a{
  display: block;
  float: left;
  padding:10px 30px 13px 30px;
  font:13px Verdana, sans-serif;
        font-weight: bold;
  color:#fff;
  text-decoration:underline;
  outline: none;
}
#nav a:hover{ background-color:#002025; }
#nav .active a{ background:#002025; }

#content-wrap{ padding:50px 0 30px 30px; background-color:#dfdfdf ; }
#content{ width:700px; position:relative; }


/* --- content styling ---*/
#content { font-size: 1.5em; line-height: 1.4em; color:#111;  }
#content h1{margin-bottom:20px;  font-size:28px;}
#content .first, #content .drop_cap { padding: 0.17em 0.08em 0.05em 0; font-size: 3.4em; line-height: 0.6em; color: #aaa; float: left; }
#content p { margin: 0 0 1em 0; }
#content a, #content a:visited { text-decoration: underline; }
#content a:hover { text-decoration: none; }
#content blockquote { font-style:italic; padding:10px; padding-left:35px; margin-bottom:5px; background:#fff no-repeat top left; color:#111;}
#content blockquote ul, #content blockquote ol { margin: 0 0 1.46667em 15px;  }
#content ul, #content ol { margin: 0 0 1.46667em 40px; }
#content ul { list-style: disc; }
#content li { margin: 0 0 0.4em 0; }
#content ul li ul, #content ul li ol, #content ol li ul, #content ol li ol { margin: 0 0 0 25px; }
#content img{ display: block; clear: both; padding: 0px; background: #e5e5e5; margin-bottom: 30px; }
.imgfloatleft{ float:left; margin-right:10px; }
.imgfloatright{ float:right; }
.update { border: 1px solid #f2ec49; background: #fffdcb; padding:10px; margin:0; margin-bottom:1em; }

/* --- Sidebar ---*/
#sidebar{ position:absolute; right:30px; top:392px;
      width:230px; height:150px; z-index: 2; }

/* --- sidebar styling---*/
.sidebar-links{
  background:#0084ca  repeat-x bottom left ;
  padding:20px;margin-bottom:15px;}

  .sidebar-links h3{ margin-bottom:15px; font-size: 16px; color:#ffffff; }
  
  .sidebar-links ul{ border-top:1px solid #ffffff; margin: 10px 0; }
  .sidebar-links ul li{ border-bottom: 1px solid #486a8b; padding: 10px 8px; }
  
  .sidebar-links ul li a{ color: #ffffff; text-decoration: none; font-size: 14px; }
  .sidebar-links ul li a:hover{ color: #fff; }
  .sidebar-links ul li.active{ background: #002025; border-bottom: 0;padding-top: 11px; margin: 0 -20px;
                 padding-left: 28px; margin-top: -1px; position: relative; }
  .sidebar-links ul li.active a{ color: #fff; }

/* --- --- */
.sidebar-info{
  border-top:3px solid #0084ca;
  background-color:#cdcdcd;
  padding:20px; margin-bottom:15px;}
  
  .sidebar-info h3{ margin-bottom:15px; }
  .sidebar-info h4 { text-align:center; font-size:23px;}
  .sidebar-info p{ margin-bottom:10px; font-size:13px; }
  .sidebar-info ul{ list-style:inside; list-style-type:disc; font-size:100%;}
  
/* --- Footer --- */
#footer{
  height:5px;
  width:1060px;
  background-color:#002025;
  font-size:12px;}

  #footer p{ padding:11px 0 0 25px; color:#94b6de;}
  #footer a{ color:#94b6de;}
  #footer a:hover{ color:#fff;}


/*----------------------------*/
h1 {
  font-family: Arial, Georgia, "Times New Roman", Times, serif;
  font-size: 26px;
  color: #002852;
  margin-bottom:15px;
}

h2 {
  font-family: Arial, Georgia, "Times New Roman", Times, serif;
  font-size: 22px;
  color: #002852;
  margin-bottom:15px;
}

h3 {
  font-family: Arial, Georgia, "Times New Roman", Times, serif;
  font-size: 19px;
  color: #002852;
  margin-bottom:15px;
}
  h3 a {
    color: #032850;
    text-decoration: none;
  }
  h3 a:hover {
    color: #124b89;
  }

h4 {
  font-size: 16px;
  color: #032850;
  margin-bottom:10px;
}

h5 {
  font-size: 14px;
  color: #000000;
}

h6 {
  font-size: 16px;
  color: #002025;
  /*background-color:#cdcdcd;*/
  border: 0px; /* Für Firefox und Opera */
  border-bottom: solid 2px #0084ca; 
}

/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; font-size: 12px;}
td      { border-bottom: 1px solid #ddd; font-size: 11px; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; } 

/* form design*/
fieldset {
  margin: 10px 10px 10px 10px;
  padding: 10px;
  
  background-color: #cdcdcd;
} 
legend { background-color:#0084ca; color:#FFFFFF; padding:3px; margin-left:10px; margin-bottom:10px; font-size:12px;}
form p { margin: 5px 0 0 0; form }
label {  text-align:right; margin-right:10px; display:block; width:140px; float:left; clear:both; font-weight:bold; }
input.text { width:315px; } 
textarea { width: 450px; margin: 5px 15px 15px 15px; }  

form {
    margin: 20px 0;
    border: 0 none;
}
form input, form textarea {
    background: repeat scroll 0 0 #eeeeee;
    border: 0 none;
    color: #6F7481;
    font-size: 16px;
    height: 30px;
    margin: 5px 0;
    width: 400px;
}
form textarea {
    background: repeat scroll 0 0 #eeeeee;
    height: 239px;
}
form label {
    color: #6F7481;
    display: block;
    font-size: 12px;
}
form .csc-mailform-submit {
    background: repeat scroll 0 0 #bbbbbb;
    border: 0 none;
    color: white;
    cursor: pointer;
    height: 30px;
    margin-top: 20px;
    margin-left: 350px;
    width: 200px;
}

form .csc-mailform {
    border: 0 none;
}