/**
 * Segeln Wissen Stylesheet
 * Autor: Alin Radulescu
 */


@import 'reset.css';
* {font-family:arial,verdana,sans-serif;}

/* the clearfix : ------------------ */
.cf {
display: inline-block;
}
.cf[class] {
display: block;
overflow: hidden;
}





html{ background:#e2e5de;}
body{ width:992px; background:#e2e5de url(../_img/bg-body.gif) repeat-y;}

#wrapper {margin:5px auto 0px !important; width:992px; margin:0 auto; background:url(../_img/bg-head.gif)   top left no-repeat;}

#contentContainer {width:740px;float:left;}
#sidebar {width:252px; float:right;}


#header {}

#page .subHead {width:247px;float:left;}
#page #pageContent {width:493px;float:right;}

.contentContent {padding:15px;}

.miniHead {padding:13px 0 13px 20px;}
.miniHead .homeButton {float:left;text-decoration:none;color:#777777;text-transform:uppercase;}
.miniHead ul {float:right;width:230px;}
.miniHead ul li {display:inline;padding:0 5px 0 0;}
.miniHead ul li a {font-size:11px;text-decoration:none;color:#999999;}
.miniHead ul li a:hover {color:#777777;}

.navi {background:#1c7393;width:240px;margin-left:8px;float:left;padding:25px 0 15px;height:181px;}
.navi ul {margin:0px;}
.navi ul li {display:inline;}
.navi ul li a {color:#ffffff;font-size:16px;padding:2px 0 2px 20px;text-decoration:none;display:block;background:url(../_img/bg-li.gif) no-repeat 10px 6px;}
.navi ul li a:hover{background:#204f60 url(../_img/bg-li.gif) no-repeat 10px 6px;}



/** topNavigation **/
.navi ul{z-index:3;}
.navi ul li{ }
.navi ul li a{color:#ffffff;font-size:16px;padding:2px 0 2px 20px;text-decoration:none;display:block;background:url(../_img/bg-li.gif) no-repeat 10px 6px;}
.navi ul li a:hover{}

.navi ul li ul{display:none; z-index:4;}
.navi ul li:hover ul,
.navi ul li.over ul{display: block;position:absolute;margin-left:240px;margin-top:-22px;}
.navi ul li:hover a,
.navi ul li a.activ,
.navi ul li.over a{
 background:#204f60 url(../_img/bg-li.gif) no-repeat 10px 6px;
}
.navi ul li.colored{}
.navi ul li ul li{
  display:block;
  clear:both;
 }

.navi ul li ul li a{
  display:block;
  padding:2px 10px;
  background-image:none !important;
  background-color:#efefef ;
  border-left:none;
  color:#efefef !important;
  text-transform: none;
  font-size:12px;
  font-weight:bold;
  border:1px solid #ffffff;
  width:120px;
 }

.navi ul li ul li a:hover{
color:#204f60 !important;
background-color:#efefef !important;

 }





.uNavi {padding:15px 0 15px 0;background:#f2f2f2;margin-left:9px;}
.uNavi ul li a {display:block;padding:2px 0 2px 20px;text-decoration:none;color:#1c7393;font-size:13px;text-transform:uppercase;border-bottom:1px solid #ffffff;}
.uNavi ul li a:hover,
.uNavi ul li a.activ {background:#eeeeee;color:#ff0000;}
.uNavi ul li ul {}
.uNavi ul li ul li a {text-transform:none;padding:2px 0 2px 30px;color:#204f60;}




.sectionImage {float:right;height:221px;}

#sidebar {}

.sidebarContent {padding:15px 20px;font-size:12px;}

.sidebarStart {padding:13px 0 12px 20px;}
.infoBox {background:url(../_img/bg-infobox.gif) repeat-y;padding:17px 9px 25px 20px;}
.infoBox ul li {display:inline;}
.infoBox ul li a {
 color:#f7f7f6;
 text-decoration:none;
 background: url(../_img/bg-li.gif) no-repeat 0px 5px;
 padding:2px 0 2px 10px;
 display:block;
 border-bottom:1px solid #f7f7f6;
 margin-right:15px;
 font-size:14px;
 }
.infoBox ul li a:hover,
.infoBox ul li a.activ {color:#204f60;}

.infoBox ul li h3 a {text-transform:uppercase;color:#1c7393;background:none;font-weight:bold;padding-left:0;}


.suche form {margin:0 0 0px 0;}
.suche form input {border:1px solid #7d796a;padding:2px 4px;font-size:11px;width:143px;}
.suche form input#searchButton{padding:1px;width:50px;}


/**** MISC *****/

#startContent {padding-left:9px;}
#startContent h1 {padding:5px 10px 5px 15px;margin-bottom:15px;background:#bcb9ae;color:#ffffff;font-size:14px;text-transform:uppercase;}
#startContent h2,
.contentContent h2 {color:#204f60;font-size:16px;text-transform:uppercase;margin-bottom:15px;}

.contentContent h1 {font-size:18px; color:#1c7393;margin-bottom:15px;}
.contentContent h3 {margin-bottom:15px;padding:0;font-size:14px;font-weight:normal;}
.contentContent p {font-size:14px;padding-bottom:15px;}


#startContent p {line-height:140%;}
#startContent a,
.sidebarContent a,
.contentContent a {color:#1c7393;}
#startContent a:hover,
.sidebarContent a:hover,
.contentContent a:hover {color:#204f60;text-decoration:none;}

.leftContainer {width:380px;float:left;}
.rightContainer {width:320px;float:right;padding:0 15px 15px;font-size:13px;}





.news-single-item .news-single-timedata {font-size:11px;color:#bfbfbf;font-style:italic;}

.news-single-item hr {clear:both;height:1px;border:none;border-bottom:1px solid #DCE1E5;margin-bottom:10px;}
.news-single-item p {font-size:14px !important;}
.news-single-item .news-list-morelink a {font-size:12px;}
.news-single-item .news-list-category {font-size:12px;}
.news-single-item .newsImg {padding:5px 8px 0 0;float:left;}
.news-single-item h3 {font-style:italic;color:#bfbfbf;font-size:13px;}
.news-single-item h1 {margin-bottom:2px;}
.news-single-item .news-single-backlink a{font-size:13px; color:#1c7393;text-decoration:none;}
.news-single-item .news-single-backlink a:hover {text-decoration:underline;}

.news-latest-container {padding:0 15px 15px;}
.news-latest-item {padding:0 0 10px;}
.news-latest-item .news-latest-date {font-size:11px;color:#bfbfbf;font-style:italic;}
.news-latest-item h3 a{font-size:14px;font-weight:normal;color:#3e556c;text-decoration:none;text-transform:uppercase;}
.news-latest-item hr {clear:both;height:1px;border:none;border-bottom:1px solid #DCE1E5;margin-bottom:10px;}
.news-latest-item p {font-size:12px !important;}
.news-latest-item .news-list-morelink a {font-size:12px;}
.news-latest-item .news-list-category {font-size:12px;}
.news-latest-item .newsImg {padding:0 8px 0 0;float:left;}



.breadcrumb {padding:7px 5px;font-size:11px;background:#bcb9ae;}
.breadcrumb a{color:#ffffff;text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}

.csc-textpic-caption {font-size:13px;font-weight:bold;font-style:italic;}

#footer {background:#e2e5de url(../_img/bg-bottom.gif)   top left no-repeat;}
#footer p{padding:10px 0 0 10px;font-size:12px;color:#bfbfbf;}