/*************************** social media icons ***************************/

.website .social-media-container {
  position: fixed;
  z-index: 99;
  margin: 155px 0 0 -35px;
}
.website .social-media {
  display: block;
  width: 35px;
  height: 35px;
  margin: 0 0 10px 0;
}
.website .social-media-facebook {
  background: url('../files/portal/$file/facebook.jpg');
}
.website .social-media-facebook:hover {
  background: url('../files/portal/$file/facebook2.jpg');
}
.website .social-media-twitter {
  background: url('../files/portal/$file/twitter.jpg');
}
.website .social-media-twitter:hover {
  background: url('../files/portal/$file/twitter2.jpg');
}
.website .social-media-youtube {
  background: url('../files/portal/$file/youtube.jpg');
}
.website .social-media-youtube:hover {
  background: url('../files/portal/$file/youtube2.jpg');
}
.website .social-media-rss {
  background: url('../files/portal/$file/rss.jpg');
}
.website .social-media-rss:hover {
  background: url('../files/portal/$file/rss2.jpg');
}


/*************************** General ***************************/
body {
	background:#fff;
	font-family:Arial,Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	width:100%;
}
.website a {
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
.website img {
	border:0;
}
.website * {
	font-family:Arial,Verdana, Helvetica, sans-serif !important;
}
.website font{
	font-size:12px;
}
.website strong{
	font-weight:700;
}
.website .ul-reset .ul,.website .ul-reset .li {
	list-style:none;
	margin:0;
	padding:0;
}
.website p {
	margin:0;
	padding:0;
}
.website .clear{
	clear:both;
}

.website-900020000020 * {
	font-family:times new roman !important;
}

.website-900020000020 font {
	font-size:15px !important;
}

.website-900020000020 .content p, .website-900020000020 .content p * {
	font-size:15px !important;
}


.website .bereiche {
position: absolute;
z-index: 99;
margin: 90px 0 0 989px;
}

.website .bereich-wrapper {
margin-bottom: 5px;
}
/*************************** clearfix ***************************/
.clearfix:after {  /* für Firefox, IE8, Opera, Safari, etc. */
    content: ".";  
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
* + html .clearfix { /* für IE7 */
    display: inline-block;
}
 
* html .clearfix { /* für IE6 */
	height: 1%;
}

/*************************** Form ***************************/
.website form {
	margin:0;
	padding:0;
}
.website .field {
	margin-bottom:4px;
}
.website .input-text {
	border:1px solid #e3e3e3;
	color:#000;
	margin:0;
	padding:0;
}
.website .input-submit {
	border:0;
	cursor:pointer;
}
.website .select {
	border:1px solid #e3e3e3;
}
.website .textarea {
	border:1px solid #e3e3e3;
}

/*************************** Content ***************************/
.website .content{
           color:#000;
           clear:both;
	font-size:12px;
           margin: 0 0 14px 0;
}
.website .content p,
.website .content p *{
	font-size:12px;
}
.website .content p span{
	font-size:12px !important;
}

/***************** Content Table *****************/
.website .content-table,
.website .content-table td{
	border:1px solid #000;
}
.website .content-table{
	border-collapse:collapse; 
}
 
/***************** Content link *****************/
.website .content a{
           color:#990000;
           text-decoration:underline;
}

/***************** Content list *****************/
.website .content ol{
           margin:0;
           padding:0;
}
.website .content ul,
.website .content ul li{
           list-style:none;
           margin:0;
           padding:0;
}
.website .content ul{
           margin-left:10px;
}
.website .content ol{
           margin-left:20px;
}
.website .content ul li{
           padding-left:15px;
           background:url(../files/website-layout/$file/bullet_point.gif) transparent no-repeat;
           background-position: 0 3px;
}

/***************** Content Fields *****************/
.headline{
	margin:0;
	padding:0;	
}
.website h1, .website .h1-headline{
	color:#990000;
	font-size:20px;
	margin-bottom:15px;
}
.website h2, .website .h2-headline{
	color:#990000;
	font-size:18px;
	margin-bottom:15px;
	font-weight:500;
}
.website h3, .website .h3-headline{
	color:#990000;
	font-size:16px;
	margin-bottom:15px;
}
.website h4, .website .h4-headline{
	color:#990000;
	font-size:14px;
	margin-bottom:15px;
}
.website h5, .website .h5-headline{
	color:#990000;
	font-size:12px;
	margin-bottom:15px;
}
.website h6, .website .h6-headline{
	color:#000000;
	font-size:12px;
	margin-bottom:15px;
}
.website .location{
	font-size:11px;
           font-weight:normal;
	color:#000;
}
.website .topline{
	font-size:12px;
           font-weight:normal;
	color:#000;
}
.website .underline{
	font-size:16px;
           font-weight:normal;
	color:#000;
}
.website .abstract{
	font-size:12px;
	color:#000;
}
.website .CPicture{
           margin: 0 0 20px 0;	
}
.website .CPicture1{
           float:left;
           margin-right:20px;	
}
.website .CPicture2{
           float:right;	
           margin-left:20px;	
}
.website .CPicture3{
           float:left;
           margin-right:20px;		
}
.website .cpicture-below-each-other{
           float:none;
           margin-right:0;
           margin-left:0;
           width:auto !important;
}
/************* Tiny-box **********/
.content .tiny-box-header {
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    background-color: #004B9B;
    margin: 0 0 4px;
    padding: 5px 0 6px;
}
.content .tiny-vip-box-header a{
    color: #fff !important;
}
.content .tiny-box-content  {
    background-color: #F2F2F2;
    padding: 10px;
}
content .vip-box-content a {
   color: #000 !important;
}
.content h2.tiny-box-content  {
    font-size: 18px;
}

/*************************** SLE ***************************/
.website .sle-headline{
	font-size:24px;
           font-weight:bold;
           margin-bottom: 1px;
}
.website .sle-location{
	color:#004B9B;
           margin: 5px 0 10px 0;
}
.website .sle-topline{
	color:#000;
           margin-bottom: 8px;
}
.website .sle-underline{
	font-size:16px;
           color:#990000;
           margin-bottom: 17px;
}
.website .sle-abstract{
	font-weight:bold;
           margin-bottom: 14px;
}

/************** Overview **************/
.website .overview-eventbanner{
	margin-left: 495px;
	position: absolute;
}
.website .overview{
           clear:both;
	margin: 0;
}
.website .overview .overview-entry-only-member{
           background: url(../files/website-layout/$file/only-member.png) transparent no-repeat right top;
}
.website .overview .overview-entry-only-member-gremien{
           background: url(../files/website-layout/$file/only-gremienmitglieder.png) transparent no-repeat right top;
}
.website .overview-delimiter{
           display:block;
           color:#efefef;
}
.website .overview-content{
	background-color: #fff;
}
.website .overview-content a{
	text-decoration:none;
}
.website .overview .overview-content-left{
	float: left;
	width: 137px;
}
.website .overview .overview-content-right{
	float: right;
}
.website .overview .overview-entry{
           display:block;
	margin: 30px 0 30px 0;
}
.website .overview .overview-entry-left{
           display:block;
	float: left;
	margin:0 20px 0 0;
}
.website .overview .overview-entry-right{
           display:block;
           padding-right:12px;
           background: url(../files/website-layout/$file/doppelpfeile_rot.gif) transparent no-repeat right bottom;
}
.website .content-onecolumn .overview .overview-entry-margin{
           margin-left:160px;
}
.website .overview .overview-entry-first{
	margin-top: 0;
}
.website .overview .overview-smallwidth{
	width: 480px;
}
.website .overview .overview-entry .date{
           display:block;
	font-size: 11px;
	margin: 0 0 5px;
}
.website .overview .overview-entry .datelocation{
           display:block;
	font-size: 11px;
	margin: 0 0 10px 0;
           color:#004695;
}
.website .overview .overview-entry .topline{
          display:block;
          font-size: 11px;
          margin: 0 0 4px;
}
.website .overview .overview-entry .headline{
           display:block;
            margin: 0 0 3px;
            color: #900;
	font-size: 16px;
	font-weight: 700;
}
.website .overview .overview-entry .underline{
           display:block;
	font-size: 12px;
	font-weight: 700;
	margin: 0 0 7px;
}
.website .overview .overview-entry .abstract{
            display:block;
	margin: 0 0 5px;
}
.website .overview .overview-entry .attachment{
           display:block;
}
.website .overview-archive{
           margin-top:30px;
}
.website .overview-archive-a{
           color:#990000;
}


/**************** All areas ****************/
.website .overview-people{
	clear: both;
}
.website .overview-people .box-content{
	display: block;
	margin-top: 10px;
}
.website .overview-people .box-content1{
	margin-top: 0;
}
.website .overview-people .people-section-top{
	margin-bottom: 10px;
}
.website .overview-people2 .people-fullname{
	font-weight:bold;
	margin-bottom:15px;	
}
.website .overview-people2 .delimiter{
	border-bottom:1px solid #d9d9d9;
	clear:both;
	font-size:1px;
	margin:15px 0;
}

/**************** Only in content area ****************/
#col1 .overview-people .people-picture{
	float: right;
}
#col1 .overview-people .people-detail{
	float: left;
}
#col1 .overview-people2 .people-picture{
	float: left;
}
#col1 .overview-people2 .people-detail{
	margin-left:145px;
}

/**************** Only in margin area ****************/
#col3 .overview-people .people-picture{
	margin-bottom: 10px;
}
#col3 .overview-people .people-fullname{
	font-weight: 700;
}

/***************** Table *****************/
.table{
	clear:both;
	width: 100%;
}
.table .col{
	text-align: left;
	vertical-align: top;
}
.table .text{
	padding:4px;
}
.table .label{
	display:block;
	font-weight:bold;
}
.table .col1,
.table .col2,
.table .col3{
	width: 33.3333%;
}

/***************** Table head *****************/
.table-head .col{
	background-color:#004B9B;
	color:#FFF;
}

/***************** Table body *****************/
.table-body-row1 .col{
	background-color:#F2F2F2;
}