/**************************
 ****** GRUNDSÄTZLICHES ***
 *************************/
html, body{
    /*removed for oms, checkout mail from 05.07.2010*/
    /*height: 100%;*/
}
body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    z-index: 0;
    background-color: #FFFFFF;
    color: #000000 !important;
  	font-family: tahoma, arial, sans-serif;
    font-size: 11px;
}
* {
    margin: 0;
    border: 0;
}
table {
    /*allgemeine Formatierung für Tabellen*/
    margin: 0;
    font-size:11px;
}
table td {
    vertical-align:top;
}
/*OMS centred layout (important for wallpaper banner)*/
    /*checkout mail from 05.07.2010*/
#adl_sb_table{
    /*width:800px;*/
    width: 975px;
}
/**************************
 ****** WRAPPER ***********
 *************************/
#wrapper {
    /*Umschlag der ganzen Seite inkl. Werbung und Content*/
    /*
    797px content-lmhf      
        +   1px Rahmen content-lm links
        + 795px content-lm
                200px column-l (Soll: 160px / enthält einzelne Boxen mit jew. einem 1px border-right)
                595px HAUPTINHALT MITTIG: content-m
        +   1px Rahmen content-lm rechts
        +  10px zwischenBannerUndContent (ad-rr margin-left)
        + 160px Bannerbreite (ad-rr width)
    -------------------------------------
      = 967px wrapper
    
    AUFTEILUNG VON HAUPTINHALT MITTIG (CONTENT-M):
        A)Profile, Eventguide, etc.:
              10px Platz (padding-left von .contentbox)                        
            +585px width von .contentbox
                       1px Rahmen links (von .tabContent, welche sich innerhalb von .contentbox befindet)    
                     584px tabContent             
                         im Profil:                                       
                              10px Platz
                             160px Foto
                              10px Platz
                             394px Inhalt
                              10px Platz
                         in Event-/Locationdetails/unterer Bereich Fotoansicht:
                             383px .content-left [infobox (.infobox) + kommentare small]
                                         Kommentare small (383px)
                                              10px margin
                                              50px foto
                                               5px margin
                                             309px Content
                                              10px margin                            
                               1px .content-right border-left
                             200px .content-right width [flyer/bild/Actionlinks]
                         gallery.php:
                             200px Vorschaubild
                             384px Content
                         Gruppen-Übersicht:
                               5px margin
                             120px foto
                               5px margin
                             454px Content
                         Kommentare wide / Gästebuch
                              10px margin
                             100px foto
                              10px margin
                             454px Content
                              10px margin  
		    -------------------------------------
		      = 595px content-m
                                
        B)neue horizontale Aufteilung (z.B. Startseite):            
             10px margin-left von .contentbox-left
            415px width von .contentbox-left
             10px margin-left von .contentbox-right
            160px width von .contentbox-right
            -------------------------------------
              = 595px content-m
	*/
    width: 1142px;
    margin: 4px auto 0 auto;
    padding: 0;
    text-align: left;
    z-index: 1;
}
/******************************
 ********CONTENT-BOXES*********
 ******************************/
 #content-lmhf {
    /*Inhalt mit linker Spalte + Header und Footer*/
    /*beinhaltet NICHT die Werbung rechts */
    width: 972px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
}
#content-lm {
    /*Haupt-Contentbox, Inhalt*/
    /*beinhaltet NICHT header und footer*/
    width: 970px;
    margin:0;
    padding:0;
    float: left;
    border-left: 1px solid #C3C3C3;
    border-right: 1px solid #C3C3C3;
    background-color: #FFFFFF;
}
#column-l {
    /*linke Spalte (dort befindet sich beispielsweise Login und Online-Messenger)*/
    width: 180px;
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden;
}
#content-m {
    /*die innerste Content-Box die mittlere spalte quasi*/
    /*beinhaltet nur den Content, nicht die linke Spalte und auch nicht Header oder Footer*/
    width: 790px;
    height: auto;
    float: left;
    padding:0;
    margin:0;
}
#footer-i {
    /*damit footer nicht in die rechte oder mittlere Spalte reinfließt ??? */
    clear: both;
}
/**********************************
 ***** HORIZONTALES SPLITTING *****
 **********************************/
/*Aufteilung von content-m in 10 + 414 + 10 + 160 = 594px*/ 
 /*z.B. Startseite*******/
#content-m .contentbox-left {
    margin: 4px 0 10px 10px;
    width:470px;
    overflow:hidden;
    float: left;
}
#content-m .contentbox-right {
    margin: 4px 0 10px 10px;
    width:300px;
    overflow:hidden;
    float: right;
}
.contentbox-left .tabContent {
    border-right: 1px solid #c3c3c3;
    margin-bottom: 10px;
}
.contentbox-right .tabContent {
    margin-bottom: 10px;
}
#content-m .contentbox-left h1,
#content-m .contentbox-right h1 {
    font-size: 11px;
    font-weight: bold;
    margin: 10px 10px 0 10px;
}
/*Aufteilung von tabContent vertikal*/
/*z.B. Event-Detail-Seite*/
.content-left {
    float: left;
    width: 200px;
    margin: 20px 0 0 20px;   
}
.content-right {
    float: left;
    width: 519px;
    margin: 20px 20px 0 20px;
}
.less-margin {
    margin-top: 15px;
}
.content-left .picture,
.content-left .picture a {
    padding: 0;
    margin: 0;
    line-height: 0;
}
.content-left .picture img {
    width: 200px;
    margin: 0;
    padding: 0;
}
.content-left .action_links a {
    display:block;
    width:190px;
    padding: 3px 5px 3px 5px;
    background-color:#FFFFFF;
    border-bottom: 1px solid #efefef;
}
.content-left .action_links a:hover {
    color:#FFFFFF;
    background-color:#EF5F00;
    text-decoration: none;
}
.content-left .action_links a.action_important {
    width:172px;
    padding-left: 23px;
    background-image: url(/images/layout/symbole/star_favorite.png);
    background-repeat: no-repeat;
    background-position: center left;    
}
.content-left .action_links a.action_edit {
    width:172px;
    padding-left: 23px;
    background-image: url(/images/layout/symbole/edit_pen.png);
    background-repeat: no-repeat;
    background-position: center left;    
}
.content-left .action_links a.action_delete {
    width:172px;
    padding-left: 23px;
    background-image: url(/images/layout/symbole/icon_negative_small.png);
    background-repeat: no-repeat;
    background-position: center left;
}
.content-left .boxes-left {
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 20px;
}
.content-left .headlinebg,
.content-right .headlinebg {
    border-bottom: none !important;
}
.content-left .inside-info,
.content-right .inside-info {
    padding: 10px 4px 10px 5px;
}
.content-left .inside-info .info-links a {
    float: right;
    padding: 5px 1px 5px 0;
    border-bottom: none;
}
.content-left .trennlinie,
.content-right .trennlinie {
    border-top: 1px solid #CCCCCC;
    padding: 0 0 1px 0 !important;
    margin: 0 0 1px 0 !important;
}
.content-left label {
    float:left;
    width:100px;
    color: #808080;
    padding: 0;
    margin: 3px 0 3px 0;
    font-weight: normal;
}
.content-left .info {
    float:left;
    padding: 3px 0 3px 0;
}
.content-left .inside-info .infolist {
    padding: 0;
    margin: 0;
    list-style-position: inside !important;
}
.content-left .userlist {
    width: 190px;
    font-size:10px;
}
.content-left .full {
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    overflow:-moz-scrollbars-vertical;
}
.content-left .userlist .user {
    padding: 2px 0 2px 0;
    color:#c3c3c3;
}
.content-right .border {
    font-size: 11px;
    font-weight:normal;
    margin: 0 0 10px 0;
}
.content-right .subheadline {
    width: 519px;
    line-height: 1.5;
    margin: -2px 0 10px 0;
}
.content-right .subheadline,
.content-right .subheadline a {
    font-size: 14px;
    font-weight: bold;
}
.content-right #rating_bar {
    margin: 0;
}
.content-right .sub_rating_box {
    color: #555555;
}
.content-right label {
    width: 100px;
    float: left;
    padding: 0;
    margin: 5px 10px 5px 0;
    cursor: default;
}
.content-right .info {
    width:409px;
    float:left;
    margin:5px 0 5px 0;
}
.border_invisible {
	border-color: #FFFFFF;
}
/**********************************
 * CONTENT-FORMATIERUNG ALLGEMEIN *
 **********************************/
.contentbox {
    /*für Content in der mittleren Spalte, als Platzhalter*/
    padding: 4px 0px 4px 10px;
}
.columnbox {
    /*Box mit Inhalt in der linken und rechten Spalte*/
    padding: 2px 6px 4px 6px;
    margin: 0;
    background-color: #FFFFFF;
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
}
.column-hl,.lefttop-hl {
    /*headlines der spalten allgemein*/
    border-right: 1px solid #C3C3C3;
    border-top: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
    background-color: #EFEFEF;
    background: #EFEFEF url(/images/layout/content-darkbox-top-new.gif) repeat-x top;
    margin: 10px 0px 0px 0px;
    padding:4px 4px 4px 6px;
    font-weight:bold;
}
.lefttop-hl {
    /*headline der box links neben der headline h1 (headlinebox)*/
    margin: 0;
    border-top: 0;
    padding:3px 0 0 7px;
    overflow: hidden;
    height: 20px;
}
.headlinebox {
    /*für Headlines über dem Content in der mittleren Spalte, die includet werden*/
    padding:11px 0 8px 10px;
    margin: 0;
    clear:both;
  	font-weight: bold;
    overflow: hidden;
}
.no_headlinebox {
    /*wenn über dem Content keine Headline angezeigt werden soll*/
    margin: 6px 0 0 0;
    clear:both;
}
.headlinebox h1,.lefttop-hl h1 {
    padding: 0;
    margin: 0;
    color: #000000 !important;
    font-weight:bold;
}
/*Spalten-Headlines*/
.headlinebg {
    font-weight: bold;
    padding: 5px;
    color: #555555;
    background-color: #efefef;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}
.headlinebg .headline-action {
    float: right;
    font-weight: normal !important;
    margin-right: 10px;
}
/**************************
 ********WERBUNG **********
 *************************/
 /*Werbung ganz oben, im Wrapper (Leaderboard)*/
#ad-tt {
    /*vor verbreiterung:width: 808px;*/
    width: 953px;
    text-align: left;
    margin: 0 0 5px 0;
    padding: 0;
}
/*Werbung ganz oben, im Wrapper, als Wallpaper*/
.wallpaper {
    text-align: right !important;
}
/*Werbung rechts (Skycraper)*/
/*Spalte ganz ganz rechts, außerhalb content-lm, im Wrapper*/
#ad-rr {
    width: 160px;
    float: left;
    margin: 0 0 4px 10px;
}
/*Werbung oben, innerhalb content-lmhf*/
#ad-t {
    width: 940px;
    display:block;
    text-align: center;
    padding: 6px 0px 6px 0px;
}
/*Werbung links (200er)*/
/*Werbung unterhalb der Seite, unterhalb des Footers*/
/*genutzt für Partnerseiten*/
#ad-ss {
    text-align:center;
    padding: 5px;
    /*vor verbreiterung:width: 792px;*/
    width: 967px;
    clear: both;
    padding-right: 175px;
}
/*WERBUNG 300x250*/
#ad-medium-retangle {
    width: auto;
    height: auto;
    border: none;
    float: left;
    margin: 0;
    padding: 8px 5px 2px 0;
}
.leftad {
    background: #FFFFFF url(/images/grafik/ad_left_bg.gif) repeat-y top;
    text-align: center;
}
/**************************
 ******** HEADER **********
 ***********+NAVIGATION****
 ************************** /
/*Schwarzer Infoheader ganz oben*/
#infoheader {
  /*vor verbreiterung:width: 797px;*/
  width: 972px;
  height: 19px;
  margin:0;
  background-image:url(/images/layout/infoheader.gif);
  border:0;
  color: #E5E5E5;
  font-size: 11px;
  font-weight:bold;
}
#infoheader #accountinfo {
  height: 16px;	
  padding:3px 0 0 5px;   
  overflow:hidden;
  float: left;
}
#infoheader #link_to_region_overlay {
  height: 16px;
  padding:3px 0 0 5px;
  float: left;
  position: relative;
}
#infoheader #radioplayer {
  width: 330px;  
  height: 19px; 
  margin: 0 10px 0 0;
  float: right;
  overflow:hidden;
  background-color: #54545;
}
#infoheader a {
   font-weight: bold;
   color: #E5E5E5;
}
#infoheader a:hover {
   font-weight: bold;
   color: #EF5F00;
   text-decoration: none;
}
/* Navigation ********************************************/
#header {
    /*vor verbreiterung:width: 797px;*/
    width: 972px;
    height: 30px;
    padding:0;
    margin:0;
    z-index:30;
    background-color: #EF5F00;
    background-image:url(/images/header/bg_new.png);
    border-bottom: 1px solid #e55a00;
}

#doolaologo {
    float: left;
    height:30px;
}
/*für andere regionen wird das logo in der js_and_css.tpl definiert*/
#doolaologo a{
    height:30px;
    width:211px;
	display:block;
	float:left;
	padding:0;
    margin:0;
	background:transparent url(/images/header/logo.png?nocache=20-04-2009) 0 0px no-repeat;
}
#doolaologo a:hover {
	background-position:0 -30px;
}
#navi{
    /*Header-Button-Liste*/
    position: relative;
    list-style: none;
    list-height: 1;
    height: 30px;
    width: 495px;
    padding:0;
    margin:0;
    float:left;
    z-index: 4000;
}
#navi li{
    /*Header-Buttons*/
    float: left;
    height: 30px;
    z-index:4000;
    text-align:left;
    margin:0;
    padding:0;
}
#navi #n1 {
    width: 130px;
}
#navi #n2 {
    width: 110px;
}
#navi #n3 {
    width: 115px;
}
#navi #n4 {
    width: 130px;
}
#navi li a {
    /*Header-Buttons-Links*/
	z-index: 4000;
    display: block;
    line-height: 1;
	margin: 0;
	height: 15px;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 25px;
	border-left: 1px solid #fe8800;
	color: #FFF;
	text-align: left;
	text-decoration: none;
	font-size:  15px;
	font-weight: bold;
	background:transparent url(/images/header/arrow_down.png);
	background-repeat: no-repeat;
	background-position: 96% 0px;
	font-family: arial, sans-serif;
}
#navi li .active_button,#navi li a:hover {
    /*Header-Buttons-Links:hover*/
    background-color: #FFFFFF;
    color: #EF5F00;
	background-repeat: no-repeat;
	background-position: 97% -30px;
}

#navi li .navi_box{
    /*Header-Buttons-Untermenüs*/
    position: absolute;
    visibility: hidden;
    z-index: 4000;
    font-family: tahoma, arial, sans-serif;
    background: transparent url(/images/header/sm_bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
    margin: 0;
    padding: 10px 15px 25px 16px;
    width: 323px;
    text-align: left;
    top: 30px;
}
#navi li #m1 {
    /*Header-Buttons-Untermenü links*/
     left: -15px;
}
#navi li #m2 {
    left: 115px;
}
#navi li #m3 {
    left: 225px;
}
#navi li #m4 {
    /*Header-Buttons-Untermenü ganz rechts*/
    left: 340px;
}
#navi li .navi_box .navi_left{
    /*Header-Buttons-Untermenüs:linke Spalten*/
    position: static;
    float:left;
    width: 161px;
}
#navi li .navi_box .navi_right{
    /*Header-Buttons-Untermenüs:rechte Spalten*/
    position: static;
    float:left;
    width: 161px;
    border-left: 1px solid #C3C3C3;
}
#navi li .navi_box p,
#navi li .navi_box a,
#navi li .navi_box a:hover {
    /*Links & Texte in Untermenüs*/
    display: inline;
    height: auto;
    width: auto;
    line-height: normal;
	margin: 0;
	padding: 0;
	border: none;
	color: #000000;
	text-align: left;
	text-decoration: none;
	font-size:  11px;
	font-weight: normal;
    font-family: tahoma, arial, sans-serif;
}
#navi li .navi_box a {
    color: #EF5F00;
    background: none;
}
#navi li .navi_box a:hover {
    color: #EF5F00;
    text-decoration: underline;
    background: none;
}
#navi li .navi_box .navi_hl {
    /*Überschriften in Untermenüs:*/
    position: static;
    font-size: 14px;
    font-weight: bold;
    color: #C3C3C3;
    padding: 4px 5px 2px 5px;
    z-index:30;
}
#navi li .navi_box ul{
    /*Listen in Untermenüs*/
    position: static;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index:30;
}
#navi li .navi_box ul li{
    /*Listenpunkte der Listen in Untermenüs*/
    position: static;
    float: none;
    text-align: left;
    width: 161px;
    height:auto;
	margin: 0;
	padding: 0;
    z-index: 30;
}
#navi li .navi_box ul li a,
#navi li .navi_box ul li a:hover {
    /*Links der Listenpunkte der Listen in Untermenüs*/
    display: block;
    padding: 4px 5px 4px 15px;
    font-size: 12px;
    border-top:1px solid #FFF;
    border-bottom:1px solid #FFF;
}
#navi li .navi_box ul li a:hover {
    /*Links:HOVER der Listenpunkte der Listen in Untermenüs*/
    background-color: #EFEFEF;
    border-color: #C3C3C3;
    text-decoration: none;
}
#navi li .navi_box .new_albums {
    /*Box mit neuen Alben*/
}
#navi li .navi_box .new_albums .image {
    /*Box mit Titelbildern*/
    width: 60px;
    padding: 7px 0;
    float: left;
    text-align: center;
}
#navi li .navi_box .new_albums .image img{
    /*Titelbilder*/
    width: 50px;
}
#navi li .navi_box .new_albums .text {
    /*Box mit Titelbildern*/
    color: #c3c3c3;
    float: right;
    width: 100px;
    padding: 7px 0;
}

#navi li .navi_box .new_albums .more {
    /*Box mit Titelbildern*/
    text-align: center;
}
/*Schnellsuche nach Fullnames im Header rechts----------------*/
#qsearch {
    width: 255px;
    float:left;
    padding-left:8px;
    padding-top:5px;
    border-left: 1px solid #fe8800;
    height: 25px;
}

#qsearch .inputtext,
#qsearch .inputtext:focus {
    float:left;
    width:195px;
    margin-left: 0;
    border:1px solid #C3C3C3;
    font-size:11px;
    background:#FFFFFF url(/images/layout/lupe.png) 3px 4px no-repeat;
    padding:3px 3px 3px 17px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
}

#global-search-link a{
    /*OK-Button*/
    width: 28px;
    text-align:center;
    float:left;
    display:block;
    padding:3px;
    background: #FFFFFF url(/images/layout/content-graybox-top-new.gif) repeat-x top;
    overflow: hidden;
    font-weight: bold;
    border: 1px solid #C3C3C3;
    border-left: none;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
}
#global-search-link a:hover {
    background: #EFEFEF url(/images/layout/content-darkbox-top-new.gif) repeat-x top;
    text-decoration: none;
}
/*ENDE: Schnellsuche nach Fullnames im Header rechts----------------*/
/*Box zum Wechseln des Kreises bzw. der Stadt-----------------------*/
#select-sector-dialog-box {
    background-color: #ffffff;
    width: 400px;
    height: 300px;
}
#select-sector-dialog-box input {
    width: 345px;
    margin: 10px 0 5px 7px;
    background: transparent url(/images/welcome/search_bg.png) top left no-repeat;
    border: none !important;
    padding: 10px 5px 15px 40px !important;
    font-size: 15px !important;
    color: #8F8F8F;
}
#select-sector-dialog-box div {
    padding: 1px;
    margin-bottom: 15px;
    float: left;
    text-align: left;
    border: 1px solid #efefef;
    width: 196px;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: -moz-scrollbars-vertical;
    height: 279px;
}
#select-sector-dialog-box div a {
    display: block;
    width: 168px;
    padding: 4px;
    border: 2px solid #ffffff;
}
#select-sector-dialog-box div a:hover {
    background-color: #efefef;
    text-decoration: none;
}
#select-sector-dialog-box div a:active,
#select-sector-dialog-box div .selected {
    color: #FFFFFF;
    background: #FC911E url(/images/welcome/selected_bg.png) top left no-repeat;
    border: 2px solid #ffb74f;
}
#select-sector-dialog-box div .inactive {
    display: none !important;
}
#select-sector-dialog-box #select-states a {
    font-weight: bold;
}
#select-sector-dialog-box #select-sectors-box a {
    color: #4F4F4F;
}
#select-sector-dialog-box #select-sectors-box {
}
#select-sector-dialog-box #select-sectors-box ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#select-sector-dialog-box #select-sectors-loading-box {
    text-align: center;
}
#select-sector-dialog-box #select-sectors-loading-box #loading_sectors_indicator {
    margin-top: 40px;
}
/*Ende: Box zum Wechseln des Kreises bzw. der Stadt-----------------------*/
/*
ENDE HEADER
*/
/*******************************
 ****** FOOTER MERLIN***********
 *******************************/
div.footer {
    /*Footer*/
    /*vor verbreiterung:width: 755px;*/
    width: 930px;
    margin: auto;
    padding:10px 20px 10px 20px;
    background: #ff781e url(/images/layout/footer_bg.png) repeat-x top;
    color: #ffffff;
    text-align:left;
    clear: both;
    border: 1px solid #c3c3c3;
}
div.footer a {
    color: #ffffff;
}
div.footer div.footer_column {
	float: left;
	width: 129px;
	line-height: 1.5;
	padding: 0 20px 0 20px;
	border-left: 1px solid #f36202;
}
/**************************
 ****** ALLGEMEINES *******
 *************************/
.coolspace {
    padding: 10px;
}
.coolspace_topbottom {
	padding: 10px 0 10px 0;
}
.coolmargin {
    margin: 10px;
}
.coolmargin_topbottom {
    margin: 10px 0 10px 0;
}
.doublemargin_bottom {
    margin-bottom: 20px;
}
.doublemargin_top {
    margin-top: 20px;
}
.halfspace {
    padding: 5px;
}
.halfspace_topbottom {
    padding: 5px 0 5px 0;
}
.halfmargin {
    margin: 5px;
}
.halfmargin_topbottom {
    margin: 5px 0 5px 0;
}
ul.infolist {
    list-style-position: outside;
}
ul.infolist li {
}
div.listfloatfix {
    display: table;
}
.noBorderTop {
    border-top: none;
}
.noBorderBottom {
    border-top: none;
}
.nicetext, .nicetext strong, .nicetext a {
    line-height: 1.5;
    font-size: 13px;
}
.addition {
    /*für Zusatzinfos wie Datum, Uhrzeit, etc.*/
    color: #AFAFAF;
    font-size: 9px;
}
.hidden {
    visibility: hidden;
}
img, a.img {
    /*nicht näher definierte Bilder*/
  	border: none;
  	text-decoration: none;
}
.imgfloatleft {
    border: none;
  	text-decoration: none;
    float: left;
    margin: 5px 10px 5px 0px;
}
.imgfloatright {
    border: none;
  	text-decoration: none;
    float: right;
    margin: 5px 0 5px 10px;
}
a {
    /*normale Links:*/
    font-family: tahoma, arial, sans-serif;
    font-size: 11px;
  	font-weight: normal;
  	text-decoration: none;
  	color: #EF5F00;
}
a:hover, strong a:hover {
    text-decoration: underline;
}
strong, div.strong, strong a {
    font-size: 11px;
    font-weight: bold;
}
small, small a, .small, .small a {
    font-size: 9px;
}
big, big a, .big, .big a {
    font-size: 15px;
    font-weight: bold;
}

/**************************
 **********CLEARS**********
 *************************/
.clearboth {
    clear:both;
    height: 0px;
    line-height:0;
    font-size:1px;
    visibility: hidden;
}
.clearleft {
    clear: left;
    height: 0;
    line-height:0;
    font-size:1px;
    visibility: hidden;
}
/*Für invisible Trennlinien*/
hr.clear {
    display: block;
    clear: left;
    margin: -0.66em 0;
    visibility: hidden;
}
/*Clearfixes*******************/
.clearfix:after,
.clearfixLt:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix,
.clearFix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix,
* html .clearfixLt,
* html .clearboth,
* html .clearleft {
    height: 1%;
}
.peek_a_boo_fix {
    /*div-Boxen die vom IE6+7 peek-a-boo Bug betroffen sind fixen*/
    position: relative;
}
/*gestrichelte Trennlinie-------------------------------------------------------*/
hr.trennlinie {
  	margin-top: 1px;
  	margin-bottom: 1px;
  	margin-left: 0px;
  	margin-right: 0px;
  	padding: 1px;
  	height: 0px;
  	border-style: none;
  	border-top: 1px dashed #CCCCCC;
  	line-height: 2px;
}
/*durchgezogene Linie-----------------------------------------------------------*/
hr.line {
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 1px;
    height: 0px;
    border-style: none;
    border-top: 1px solid #CCCCCC;
    line-height: 2px;
}
/**********************************
 ****BORDERS NEW (*28.02.2010)*****
 **********************************/
.border {
    border: 1px solid #c3c3c3;
    padding: 5px;
}
.border strong {
    font-weight: bold;
}
.noBorderRight {
    /*angedockt an die rechte Seite, außerhalb der content-box*/
    border-right-style: none;
    margin: 10px 0 6px 10px;
}
.coolBorder {
    border-color: #c3c3c3;
    background-color: #EFEFEF;
}
.noteBorder {
    background-color: #FFF9CF;
    border-color: #ffe222;
}
.noteBorder a {
    color: #000000;
    text-decoration: underline;
}
.errorBorder {
    background-color: #FFBFBF;
    border-color: #FF8080;
}
.errorBorder a {
    color: #FF0000;
    text-decoration: underline;
}
.confirmBorder {
    background-color: #DBFBC4;
    border-color: #82DE3F;
}
.confirmBorder a {
    color: #00BB00;
    text-decoration: underline;
}

/*Fehlermeldungen (Textfarbe: rot)----------------------------------------------*/
.form_error_messages,
.form_error_messages a,
.error,
.error a,
.error a:hover {
  	color: #FF0000;
  	font-weight: bold;
}
.form_error_messages a,
.error a {
    text-decoration: underline;
}
/*Bestätigungen/Success (Textfarbe: grün)---------------------------------------*/
.confirm {
  	color: #00BB00;
  	font-weight: bold;
}
/*Neutrale Info (Textfarbe: gelb)-----------------------------------------------*/
.note {
  	color: #FAA51E;
}
/*Zeilen mit grauem Hintergrund-------------------------------------------------*/
.greybg { 
    background-color: #EEEEEE !important;
}
/*Zeilen mit weißem Hintergrund-------------------------------------------------*/
.whitebg {
    
    background-color: #FFFFFF !important;
}
/*Ajax-Loading-gif*/
.loading {
    /*background-image:url(/images/layout/ajax-loader.gif);
    background-repeat:no-repeat;
    background-position:center center;
    filter:Alpha(opacity=10);
    -moz-opacity:0.4;      */
    text-align:center;
    padding: 10px 0 10px 0;

}

/**************************
 *****HEADLINES************
 *********ÜBERSCHRIFTEN****
 **************************/
h1,
h2,
h3,
h4 {
    color: #000000;
  	font-weight: bold;
    margin: 0;
}
h1 {
    /*Große Überschriften oberhalb der Tabs*/
    font-size: 15px;
}
.branding_subheadline {
    /*Linie unter der H1-Headline (LENZ)*/
    margin-top: 5px;
}
h2 {
    /*Schwarze Überschriften im Content, z.bsp. in der /admin/admin.tpl */
  	font-size: 13px;
  	margin: 3px 0 8px 1px;
}
h3 {
    /*Orange unterstrichene Überschriften*/
	color: #000000;
    font-size: 11px;
	font-weight: bold;
	margin: 10px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #EF5F00;
	clear:both;
}
/*Neue Headlines mit grauer Linie auf gleicher Höhe*/
h4{padding:2px 0;margin: 0 0 5px 0;}
h4 span{line-height:18px;display:block;float:left;font-size:11px;background:white;padding-right:6px;z-index:2;position:relative}
h4 .divider{border-bottom:solid 1px #c3c3c3;margin:-1px 0 0;z-index:0;}
h4:after {clear:left;}
/*Bearbeiten-Links (zum Beispiel im Profil)*/
.edit-link {
    padding: 0 0 0 16px;
    background: #FFFFFF url(/images/layout/edit.gif) 0px 0px no-repeat;
}
.edit-link a {
    color: #C3C3C3;
}
.subh2-edit-link {
    /*Links unter den h2-Headlines*/
    /*z.B. "persönliche Filter bearbeiten*" */
    margin: 0 0 3px 2px;
    padding: 0 0 0 16px;
    background: #FFCDAB url(/images/layout/edit.gif) 0px 0px no-repeat;
}
.tmpFilterBox {
    /*Boxen mit temporären Filterselect-Boxen (zum Beispiel Kreis, Alter, Event-Typ...*/
    margin-left: 9px;
}
.bullet {
    /*Mini-Kugeln die anzeigen ob jemand online oder offline ist*/
    height:9px !important;
    width:9px !important;
    margin:0 3px 0 0;
}
/**************************
 *****TABS+TAB-CONTENT*****
 *************************/
.tabModuleTabs {
    display: block;
    padding: 0;
    margin: 0;
    z-index: 1;
    width: auto;
    background: url(/images/layout/greydot.gif) repeat-x bottom left;
}
.tabModuleTabs div.tab {
    /*tab-buttons*/
    position: relative;
  	float: left;
  	display: inline;
  	z-index: 1;
  	font-weight: bold;
  	border: 1px solid;
  	padding: 5px 7px;
  	margin: 0 -1px 0 0;
  	border-color: #C3C3C3;
  	color: #000000;
  	background: #EFEFEF url(/images/layout/content-darkbox-top-new.gif) repeat-x top;
  	text-align: center;
}
/*
.tabModuleTabs div.icon {
  	padding-left: 25px;
  	background-repeat: no-repeat !important;
  	background-position: 4px 4px !important;
}
*/
.tabModuleTabs div.selected {
  	color: #000000 !important;
  	font-weight: bold;
  	border-bottom: 1px solid #FFFFFF !important;
  	background-color: #FFFFFF !important;
  	background: #FFFFFF url(/images/layout/content-graybox-top-new.gif) repeat-x top;
}
.tabModuleTabs div.selected a {
    color: #000000 !important;
    font-weight: bold;
}
.tabModuleTabs div.plug {
    position: absolute;
    left: -1px;
    bottom: -1px;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    background: url(/images/layout/greydot.gif) no-repeat;
}
.tabContent {
    clear:both;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: #C3C3C3;
    background-color: #FFFFFF;
}
.noTabs {
     border-top: 1px solid #C3C3C3;
     background: #FFFFFF url(/images/layout/content-graybox-top-new.gif) repeat-x top;
}
.noTabsNoBg {
    clear:none;
    background-color:none;
    border-top: 1px solid #C3C3C3;
}
.tabModuleMorelink {
    text-align: right;
    font-weight: bold;
    padding: 4px 7px;
    margin: 0;
    background: #EFEFEF;
    text-decoration: none;
    overflow:hidden;
    color: #8F8F8F;
}
.tabModuleToplink {
    position: relative;
    text-align: right;
    font-weight: bold;
    border-bottom: 1px solid #C3C3C3;
    background: #EFEFEF url(/images/layout/content-darkbox-top-new.gif) repeat-x top;
    padding: 5px 7px;
    margin: 0;
    text-decoration: none;
    overflow:hidden;
}

/**************************
 ******Seitenzahlen********
 *************************/
.pageTabs {
}
.borderTop {
    border-top: 1px solid #C3C3C3 !important;
}
.paging {
    font-weight: normal;
}
.paging a {
    padding: 1px 4px 1px 4px;
}
.paging a:hover {
    color: #FFFFFF;
    background-color: #EF5F00;
    text-decoration: underline;
}
.paging a strong {
    /*Trennstriche zwischen Seitenzahlen*/
    color: #C3C3C3;
}

/************************************
 *** OVERLAYS UND MODAL-DIALOGS *****
 ***********************************/
.overlay {
    z-index: 110;
    overflow: visible;
}
.overlay_wrapper {
    margin: auto;
    overflow: visible;
    position: relative;
    width: 460px;
}
.overlay_border {
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius: 8px;
    background:rgba(82,82,82,0.7);
    padding: 10px;
}
.overlay_content h2.dialog_headline {
    background-color: #FC911E;
    border: 1px solid #555555;
    border-bottom: none;
    padding: 5px 10px 5px 10px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    text-align: left;
}
.overlay_content .dialog_content {
    text-align: left;
    background-color: #FFFFFF;
    border: 1px solid #555555;
    border-top: none;
}

.overlay_content .dialog_body {
    border-bottom: 1px solid #c3c3c3;
    padding: 10px;
}
.overlay_content .dialog_options {
    background-color: #EFEFEF;
    padding: 7px 10px 7px 10px;
    text-align: right;
}

/**************************
 *****DoolaoCalendar******
 *************************/
.doolaoCalendarContainer {
    background-color: #ffffff;
    width: 200px;
    border: 1px solid #9F9F9F;
    /*border: 1px solid #EF5F00;*/
    position: absolute;
    z-index: 500;
    -moz-border-radius: 3px;
    -moz-box-shadow: 4px 4px 2px #888;
}
.doolaoCalendarContainer a {
    color: #000000;
    outline: none;
    float: left;
    width: 25px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    text-decoration: none;
}
.doolaoCalendarContainer a:hover {
    color: #ffffff;
    background-color: #EF5F00;
}
.doolaoCalendarContainer div {
    color: #000000;
    float: left;
    width: 25px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    text-decoration: none;
}
.doolaoCalendarContainer div.descriptor {
    font-style: italic;
    padding: 2px 0 2px 0; 
    border-bottom: 1px solid #c3c3c3;
}
.doolaoCalendarContainer div.kw_headline,
.doolaoCalendarContainer a.calendar_week {
    width: 24px;
    border-right: 1px solid #c3c3c3;
}
.doolaoCalendarContainer a.navigation {
    font-weight:bold;
    padding: 3px 0 3px 0; 
    /*border-bottom: 2px solid #c3c3c3;*/
    background-color: #c3c3c3;
}
.doolaoCalendarContainer a.navigation:hover { 
    color: #000000;
    background-color: #ffffff;
}
.doolaoCalendarContainer a.month {
    width: 100px;
}
.doolaoCalendarContainer a.accept {
    width: 100px;
    font-weight: bold;
    padding: 2px 0 2px 0;
    border-top: 1px solid #c3c3c3;
}
.doolaoCalendarContainer a.close {
    width: 100px;
    padding: 2px 0 2px 0;
    border-top: 1px solid #c3c3c3;
}
.doolaoCalendarContainer a.week {
    font-style: italic;
}
.doolaoCalendarContainer a.selected {
    color: #000000;
    background-color: #EF5F00;
}
.doolaoCalendarContainer a.currentDay {
    font-weight: bold;
    text-decoration: underline;
}
.doolaoCalendarContainer a.last_month,
.doolaoCalendarContainer a.next_month {
    color: #cccccc;
    background-color: #f5f5f5;
}
.doolaoCalendarContainer br {
    clear: both;
}
.doolaoCalendarContainer small {
    font-size: 10px;
}

/**************************
 ***IMAGE FORMATIERUNGEN***
 *************************/
/*Avatare:****************/
.imageAvatarTiny {
    width: 60px;
}
.imageAvatarThumb {
    width: 90px;
}
.imageAvatarSmall {
    width: 200px;
}
.imageAvatarRegular {
    width: 584px;
}
/*Gallery:****************/
.imageGalleryTitlepicSmall {
}
.imageGalleryTitlepicBig {
}
.imageGalleryThumb {
}
.imageGalleryNormal {
}
.imageGalleryFullsize {
}
/*Magazin:****************/
.imageMagazineThumb {
}
.imageMagazineNormal {
}

/*************************************************************
 *** GRIDS (ZUM DARSTELLEN VON THUMBNAILS/VORSCHAUBILDERN) ***
 *************************************************************/
/*Allgemeine Grid-Formatierungen:*/
ul.grid {
    padding: 0;
    margin: 10px;
    float: left;
}
ul.grid li {
    overflow: hidden;
    width: 60px;
    float:left;
    list-style-type: none;
    list-style-position: inside;
    margin: 5px;
}
ul.grid li div.image {
    overflow: hidden;
    float: left;
    padding: 0;
    margin: 0;
}
ul.grid li div.info {
    margin-top:0;
    padding:0;
}
ul.grid li div.info a {
    padding:0;
    white-space:nowrap;
}
/*bei Box-Grids mit Infos rechts neben dem Foto:*/
ul.grid li div.infobox {
    float: left;
    margin: 10px 0;
    vertical-align: top;
    white-space:nowrap;
    overflow: hidden;
}
ul.grid li div.infobox a {
    color: #000000;
}
ul.grid li div.infobox a:hover {
    color: #EF5F00;
}
ul.grid li div.infobox .name {
    margin-bottom: 5px;
    display: block;
    color: #EF5F00;
    font-weight: bold;
    white-space:nowrap;
}
ul.grid li div.infobox .name:hover {
    text-decoration: underline;
}
/*Grid für tiny-Avatare, z.B. Profilvisitors:*/
ul.tinyGrid {
    margin: 10px 0 10px 5px;
}
ul.tinyGrid li {
    width: 60px;
    margin: 5px;
}
ul.tinyGrid li div.image {
    width: 60px;
    height: 50px;
}
ul.tinyGrid li div.info,
ul.tinyGrid li div.info a {
    font-size: 9px;
}
ul.tinyGrid li img {
    width: 60px;
}
/*Grid für innerhalb einer Box stehende tiny-Avatare, z.B. show.php / User aus deiner Institution / Auflistung der Bekannten:*/
ul.avatarTinyBoxGrid {
    margin: 5px 0 5px 8px;
}
ul.avatarTinyBoxGrid li {
    width: 184px;
    margin: 5px 2px;
    border: 1px solid #c3c3c3;
}
ul.avatarTinyBoxGrid li div.image {
    width: 60px;
    height: 50px;
    margin: 5px;
}
ul.avatarTinyBoxGrid li div.infobox {
    width: 114px;
    margin: 5px 0;
}
/*Grid für innerhalb einer Box stehende tiny-Avatare in SCHMALER Seite*/
ul.avatarNarrowTinyBoxGrid li {
    width: 184px;
    margin: 5px 5px;
    border: 1px solid #c3c3c3;
}
ul.avatarNarrowTinyBoxGrid li div.image {
    width: 60px;
    height: 50px;
    margin: 5px;
}
ul.avatarNarrowTinyBoxGrid li div.infobox {
    width: 114px;
    margin: 5px 0;
}
/*Grid für thumb-Avatare, z.B. gemeinsame Bekannte in schmaler Version der Seite*/
ul.thumbNarrowGrid {
    margin: 10px 7px;
}
ul.thumbNarrowGrid li {
    width: 90px;
    margin: 5px;
}
ul.thumbNarrowGrid li div.image {
    width: 90px;
    height: 75px;
}
/*Grid für thumb-Avatare, z.B. Bekannte in breiter Version der Seite*/
ul.thumbWideGrid {
    margin: 10px 11px;
}
ul.thumbWideGrid li {
    width: 90px;
    margin: 5px 11px;
}
ul.thumbWideGrid li div.image {
    width: 90px;
    height: 75px;
}
/*Grid für innerhalb einer Box stehende thumb-Avatare, z.B. show.php / User aus deiner Institution / Auflistung der Bekannten:*/
ul.avatarThumbBoxGrid li {
    width: 260px;
    margin: 5px 10px;
    border: 1px solid #c3c3c3;
}
ul.avatarThumbBoxGrid li div.image {
    width: 90px;
    height: 75px;
    margin: 10px;
}
ul.avatarThumbBoxGrid li div.infobox {
    width: 150px;
}
/*Grid für Gallery-Vorschau-Thumbs auf voller Content-Breite, z.B. in den Alben & auf der Startseite:*/
ul.galleryThumbWideGrid {
    margin: 10px 12px;
}
ul.galleryThumbWideGrid li {
    width: 120px;
    margin: 5px 10px;
}
ul.galleryThumbWideGrid li div.image {
    background-color: #efefef;
    width: 120px;
    height: 90px;
    text-align: center;
}
/*Grid für Gallery-Vorschau-Thumbs auf ein drittel Content-Breite, z.B. in den Alben & auf der Startseite:*/
ul.galleryThumbNarrowGrid {
    margin: 10px 0 10px 0;
}
ul.galleryThumbNarrowGrid li {
    width: 120px;
    margin: 5px 10px;
}
ul.galleryThumbNarrowGrid li div.image {
    background-color: #efefef;
    width: 120px;
    height: 90px;
    text-align: center;
}
 
/*FLOATS******************************************/
.float-left,.left {
    float:left;
}
.right {
    float:right;
    text-align: right;
}
.float-right {
    float:right;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
/**************************
 ****** LINKE SPALTE ******
 *************************/
.cl-hl {
    /*headlines der spalten links zusatzinfo*/
    /*border-left: 1px solid #C3C3C3;*/
}
.cl-hl a{
    padding:3px;
    margin:0;
}
/*Infos unter der WIO-Liste*/
#mininews {
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
    background-color: #fff;
    /*background: #FFFFFF url(/images/layout/content-graybox-top-new.gif) repeat-x top;*/
    margin: 0;
    padding:15px 5px;
    text-align: right;
    font-weight:bold;
}
#mininews a {
    font-weight:bold;
}

/******************************
 ****** PERSONAL MENU *********
 ******************************/
#p-menu-hl-box {
    /*Persönliches Menü HL-Box*/
    margin-top:10px;
    padding: 0;
}
.bright_bg {
    background: #FFFFFF url(/images/layout/content-graybox-top-new.gif) repeat-x top !important;
}
.dark_bg {
    background: #EFEFEF url(/images/layout/content-darkbox-top-new.gif) repeat-x top !important;
}
#p-menu-hl,
#p-menu-hl a {
    /*Persönliches Menü_Headline*/
    font-weight:bold;
    /*display:-moz-inline-stack;*/
    display:inline-block;
    width: 173px;
    margin: 0;
    padding:5px 2px 5px 4px;
    outline: none;
}
#p-menu-hl:hover {
    background-color: #EFEFEF;
    text-decoration:none;
}
#p-menu {
    /*Persönliches Menü Box*/
    width: 179px;
    height: auto;
    overflow: hidden;
    padding: 0;
    /*height: 130px;*/
}
#p-menu a {
    float:left;
    padding:3px;
    width: 173px;
    margin:0;
    display:block;
    text-align:left;
    border-bottom: solid 1px #DFDFDF;
}

#p-menu a:hover{
    background-color: #EFEFEF;
    text-decoration:none;
}
#p-menu a:active {
    background-color: #EFEFEF;
}
#p-menu a.slimleft {
    width:86px;
}
#p-menu a.slimright {
    width:80px;
    /*text-align:right;*/
    border-left: solid 1px #EFEFEF;
}

/*Status-Auswahl-Bereich*/
#p-menu .statusinfo {
    width:auto;
    float:left;
    padding:3px;
}
#p-menu #statuslink{
    float:left;
    /*text-align:right;*/
}
#p-menu #statuslink a{
    width:auto;
    border-bottom:0;
    /*text-align:right;*/
}
/*IE-Fix by ben*/
.p-menu-status {
    padding:2px 5px 1px 3px;
    margin:0;
    height:16px;
    display:block;
    text-align:left;
}
#p_menu_status_new {
    padding-top:3px;
}
#p_menu_status_saved {
    padding-top:3px;
}
#user_status_type {
    width:155px;
}
#user_status_new {
    width:155px;
}
#user_status_saved {
    width:155px
}
#user_status_buttons {
    text-align:center;
    padding:3px;
}
/**********************
 ****** LOGIN-BOX *****
 **********************/
#login {
    /*Login-Box*/
    width: 167px;
    height: auto;
    overflow: hidden;
}
#login .inputtext, #login .inputpassword {
    width:155px;
    border:1px solid #C3C3C3;
    font-size:11px;
    /*background:url(/images/layout/images/grafik/lupe.png) 3px 4px no-repeat;*/
    padding: 3px;
  	color: #555555;
  	background-color: #FFFFFF;
  	/*margin-left: 5px;*/
}
#login #row_login_name {
    margin: 5px 0 5px 0;
}
#login #row_login_password {
    margin: 5px 0 5px 0;
}
#login #row_buttonbox {
    margin: 5px 0 5px 0;
    text-align:center;
}
#login #row_autologinbox {
    margin: 5px 0 5px 0;
}
#login #row_morelinks {
    margin: 2px 0 2px 0;
}

.label-inside-input {
    position:relative;
}
.label-inside-input label {
	color:#999999 !important;
	font-weight: normal;
	cursor:text;
	display:none;
	float:none;
	left:0;
	padding:4px 6px 3px 6px !important;
	position:absolute;
	top:0;
	width:auto !important;
}
/******************************
 ***** ONLINE-MESSENGER *******
 ******************************/
#msng-wrapper {
    margin: 10px 0px 0px 0px;
}
#msng-wrapper .loading {
    height:172px;
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
}
#msng {
    /*Doolao Online Messenger*/
    width: 179px;
  	height: 200px;
  	overflow-x: hidden;
  	overflow-y: auto;
  	overflow: -moz-scrollbars-vertical;
  	/*Achtung: Opera versteht overflow-x und-y nicht, das muss irgendwie noch gefixt werden
    overflow: scroll;
    */
  	border-right:1px solid #C3C3C3;
  	border-bottom:1px solid #C3C3C3;
  	background-color: #FFFFFF;
}
#msng ul, #msng li {
    margin:0;
    padding:0;
}
#msng li {
    white-space:nowrap;
}
.has_foto {
    background-image:url(/images/grafik/symbole/kamera_symbol_klein.gif);
    background-position:left center;
    background-repeat:no-repeat;
}
#msng span {
    margin-left:15px;
}
.msngMorelink {
    border-top: 0;
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
}
.msngStatusBox {
    text-align: left;
    height: 16px;
    border-top: 0;
    border-right: 1px solid #C3C3C3;
    font-weight: normal;
}
.online-friend,
.online-friend-full {
    width:320px;
    border-bottom:1px solid #EFEFEF;
    padding: 0;
    clear:both;
    white-space:nowrap;
    overflow:hidden;
}
.online-friend {
    height: 30px;
}

.online-friend-full {
    background-color: #FFFFFF;
    border-top:1px solid #EF5F00;
    border-bottom:1px solid #EF5F00;
    overflow:hidden;
    height: 70px;
}
.msng-img-box {
    /*Box mit dem MiniUserbild*/
    float:left;
    padding: 0px 2px 0px 0px;
}
.msng-img {
    /*MiniUserbild*/
    width: 36px !important;
}
.msng-img-full {
    /*MiniUserbild*/
    width: 90px !important;
}
.msng-name-status {
    /*Box mit dem Username, dem StatusBullet oder der msng-note*/
    float:left;
    cursor: pointer;
    height: 30px;
    width: 110px;
    white-space:nowrap;
}
.online-friend-full .msng-name-status {
    /*Box mit dem Username, dem StatusBullet oder der msng-note*/
    height: 70px;
}
.msng-note {
    /*User-Status*/
    color: #808080;
    padding-left: 3px;
    font-size: 9px;
    text-align:left;
}

/******************************
 ****** WHO'S ONLINE-LIST *****
 ******************************/
/*wer-ist-online-Legende??:---*/
.user_male,
.user_female,
.user_admin,
.user_moderator,
.user_fotograf {
	color: #555555;
    font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	display: inline;
}
.user_male a,
.user_female a,
.user_admin a,
.user_moderator a,
.user_fotograf a {
	font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 11px;
	font-weight: normal;
	display: inline;
}
/*wer-ist-online: normale User:-----------------------------------------------------------------------------*/
.user_male a {
	color: #5A74A5;
	text-decoration: none;
}
.user_female a {
	color: #C23F70;
	text-decoration: none;
}
.user_male a:hover,
.user_female a:hover {
	color: #FFAE00;
	text-decoration: underline;
}
/*wer-ist-online: Admins:--------------------------------------------------------------------------------*/
.user_admin a {
	color: #001AD4;
	text-decoration: none;
	font-weight: bold;
}
.user_admin a:hover {
	color: #FFAE00;
	text-decoration: underline;
	font-weight: bold;
}
/*wer-ist-online: Moderatoren:--------------------------------------------------------------------------------*/
.user_moderator a {
	color: #FF5A00;
	text-decoration: none;
	font-weight: bold;
}
.user_moderator a:hover {
	color: #FFAE00;
	text-decoration: underline;
	font-weight: bold;
}
/*wer-ist-online: Promoter:--------------------------------------------------------------------------------*/
.user_promo a {
	text-decoration: none;
	font-weight: bold;
}
.user_promo a:hover {
	text-decoration: underline;
	font-weight: bold;
}
/*wer-ist-online: Fotografen:--------------------------------------------------------------------------------*/
.user_fotograf a {
	color: #639D00;
	text-decoration: none;
	font-weight: bold;
}
.user_fotograf a:hover {
	color: #FFAE00;
	text-decoration: underline;
	font-weight: bold;
}

/**************************
 **** GANZ RECHTE SPALTE***
 *************************/
.cr-hl {
    /*headlines der spalten rechts zusatzinfo*/
    margin:0;
    border-left: 1px solid #C3C3C3;
}
#statistic-box {
    padding: 2px 6px 4px 6px;
    margin: 0;
    border-left: 1px solid #C3C3C3;
}
/**************************
 ****** FRIENDS ***********
 *************************/
.friendoffer {
    /*user.friends.pending.tpl*/
    width: 500px;
    padding: 15px;
    margin: 15px;
}
/*******************************
 ****** RATINGBAR (Stars) ******
 *******************************/
#rating_bar {
    position:relative;
    margin:auto;
    width:125px;
    height:25px;
    background: url('/images/grafik/symbole/rating.gif') top left repeat-x;
}
#rating {
    position:absolute;
    left:0px;
    top:0px;
    height:25px;
    background: url('/images/grafik/symbole/rating.gif') center left repeat-x;
}
#rating_bar ul {
    position:absolute;
    left:0px;
    top:0px;
    display:inline;
    margin:0px;
    padding:0px;
    list-style:none;
    white-space:nowrap;
}
#rating_bar li {
    float:left;
    width:25px;
    height:25px;
    list-style:none;
    margin:0px;
    padding:0px;
}
#rating_bar li a {
    display:block;
    background-color:#000;
    /*width:100%;*/
    height:100%;
    background: none;
    text-decoration:none;
    outline: none;
}

/**************************
 * COMMENTS AND GUESTBOOK *
 *************************/
#comments {
    padding: 0;
    /*margin: 5px 0 10px 0;*/
    margin: 0;
}
.comments_small {
    /*width:383px; = 66 px schmaler*/
    width: 449px;
}
.comments_wide {
    /*Gästebucheinträge*/
    /*width:584px; = 65px breiter*/
    width: 529px;
}
#comment_pageination {
    padding: 5px 0 5px 0;
}
#comments .box {
    width: auto;
    text-align:left;
    margin: 0 0 15px 0;
    padding: 0;
}
#comments .pic {
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
.comments_small .pic {
    width: 100px;
}
.comments_wide .pic {
    width: 110px;
}
#comments .text-and-hl {
    float: left;
}
.comments_small .text-and-hl {
    width: 339px;
}
.comments_wide .text-and-hl {
    /*Gästebucheinträge*/
    width: 409px;
}
.comments_wide textarea {
    width: 401px;
    height: 40px;
    margin: 0;
    -moz-box-sizing: content-box; /*nur für neppa*/
}
.comments_small textarea {
    width: 331px;
    height: 40px;
    margin: 0;
    -moz-box-sizing: content-box; /*nur für neppa*/
}
#comments .pic img {
      text-align: center;
      width: 90px;
}
#comments .hl {
    font-weight: bold;
    padding: 5px;
    color: #555555;
    background-color: #efefef;
    border-top: 1px solid #c3c3c3;
    border-bottom: none;
}
#comments .hl a{
    font-weight:bold;
}
#comments .text {
    /*float:left;*/
    padding: 4px;
    border-bottom: 1px dotted #C3C3C3;
}
#comments #comment_submit {
    margin-top: 5px;
}
#comments .text .admin {
    padding: 9px 4px 4px 3px;
}
#comment_create_loading,
#comment_create_link,
#comment_create_form {
    margin: 3px 0 3px 0;
}
/**************************
 ****** POSTFACH **********
 *************************/
#user_mail table {
    width:584px;
    border-collapse:collapse;
    border: none;
}
#user_mail table td{
    padding: 3px;
}
#pm {
}
#pmbox-table {
    width:100%;
    margin:0;
    padding:0;
    border:0px;
    border-collapse:collapse;
}
#pmbox-table td {
    padding: 4px;
}
.td_hl {
    background-color: #EF5F00;
    color: #FFFFFF;
    font-weight:bold;
}
.pm-action-box a {
    display:block;
    margin: 1px 0 1px 0;
}
.pm_textfield {
    width: 705px;
    height: 156px;
}
.pm_pageinator {
    padding: 5px;
}
/*AJAX*/
#mailbox_header {
    width: 779px;
    border-bottom: 1px solid #C3C3C3;
    padding: 2px 0 2px 0;
}
.rpm_from_hl {
    float:left;
    width:100px;
    padding: 0 0 0 5px;
}
.rpm_subject_hl {
    float:left;
    width:345px;
}
.rpm_box {
    width: 779px;
    border-bottom: 1px solid #C3C3C3;
    padding: 2px 0 0 0;
}
.rpm_from {
    padding: 0 5px 5px 5px;
    float:left;
    width:90px;
}
.rpm_pic {
    overflow:hidden;
    float:left;
    height:auto;
    width:90px;
    padding:0px;
    margin:0px;
}
.rpm_status {
    padding: 0 0 5px 0;
    float:left;
    width:18px;
}
.rpm_subject {
    padding:0 5px 5px 3px;
    float:left;
    width:455px;
}
.rpm_date {
    padding: 0 0 5px 0;
    float:left;
    width:130px;
}
.rpm_checkbox {
    padding: 0 0 5px 0;
    float:left;
    width:12px;
}
.rpm_loading {
    padding:5px;
    text-align:center;
}
.orientate_form {
     width:779px;
     height:210px;
     padding: 5px 0 0 0;
     border-top: 2px solid #C3C3C3;
     border-bottom: 1px dashed #CCCCCC;
     text-align:center;
}
.answer_form_wrapper {
    width: 755px;
    height: 210px;
}
.readpm_wrapper {
    border-bottom: 2px solid #C3C3C3;
}
.pic_in_pm {
    margin:5px;
    /*margin:-11px 5px 5px 5px;*/
}
.rpm_text {
    width:655px;
    padding:5px;
}
.rpm_actions {
    background-color:#EFEFEF;
    border-top: 1px dashed #CCCCCC;
    padding:5px 0 5px 0;
}
.rpm_actions table {
    width: 728px !important;
}
.pm_textfield {
    width: 705px;
    height: 156px;
}
*html .pm_textfield {
    height: 148px;
}
#form_fields {
    text-align:left;
}
#pm_answer_button {
    margin: 4px 2px 1px 2px;
}
#pm_file_field {
    font-size: 11px;
    margin: -10px 0 0 0;
}
#loading {
    height: 256px;
}
#file {
    height: 45px;
}
/**************************
 ****** GALLERY **********
 *************************/
#gallery {
}
#gallery .tmpFilterBox {
    /*Boxen mit temporären Filterselect-Boxen (zum Beispiel Kreis, Alter, Event-Typ...*/
    margin: 5px 0 5px 8px;
}
.album_table {
    margin:auto;
    border-collapse:collapse;
}
/**************************
 ******** ALBEN **********
 *************************/
#album .thumb-box {
    /*beinhaltet das Thumbnail und den Infotext*/
  	width: 122px;
  	height: auto;
}
#album .thumb-box-info {
    /*formatiert den Infotext unter dem Thumbnail*/
    height: 27px;
}
#album .thumb-box-img {
    /*beinhaltet nur das Bild*/
    width:120px;
    height:95px;
    overflow: hidden;
}
#album thumbOverview {
    background-color: blue;
}
#album .thumbOverview li {
	width: 122px;
	margin: 0;
	padding: 5px 11px 5px 10px;
}
#album .thumbOverview img {
    width: auto;
}
.album_info_list {
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-position: inside;
}

/**************************
 ****** PHOTO.php *********
 *************************/

#photo table{
    width:779px;
    border-collapse:collapse;
    border: none;
    margin:0;
}
#photo #image_container {
    margin: auto;
    position: relative;
    z-index: 1;
}
#photo .ad {
    /*Banner unter Fotos*/
    text-align: center;
    margin: 5px;
}
/*Infobox unter dem Foto*/
.picinfo {
    text-align:center;
    background-color: #FFFFFF;
    border-bottom: 1px solid #C3C3C3;
    border-top: 1px solid #C3C3C3;
    padding:4px;
}
/************************
 **** GRUPPEN-SYSTEM ****
 ************************/
#groups table {
    width:564px;
    border-collapse:collapse;
    border: none;
}
#groups table td{
    padding: 3px;
}
#groups table table{
    width:auto;
    border-collapse:collapse;
    border: none;
    margin:0;
}

/* Gruppen-Anlegen*/
#group_add label {
    float:left;
    display:block;
    width:150px;
    text-align:left;
    margin-bottom:5px;
}
#group_add br {
    clear:left;
}
#group_add .repair_checkbox {
    width:15px !important;
    height:15px;
}
/* Ende: Gruppen-Anlegen*/

/* Fuer die Gruppen Foren */
#forum {
    border:none;
}
#forum fieldset {
    margin:5px;
    padding:5px;
    border:1px solid #E6F4FF;
}
.topic {
    margin: 4px 0px 0px 0px;
}
.topic_title {
    margin: 1px 1px 0px 1px;
}
.board_writer {
    margin: 1px 4px 1px 4px;
}
.board_text {
  margin: 2px 8px 2px 16px;
  font-family: tahoma, arial, sans-serif;
}
/*Ende: Gruppen-Foren*/

/********************
 ***** VOTING *******
 ********************/
#votingbox {
    text-align:center;
}
#votingbox table{
    width:583px;
}

/***********************
 ***** INSTITUTIONEN ***
 ***********************/

/*Institutionsauswahl-Box new*/
#ins_box {
    width:300px;
    background-color:#EFEFEF;
    padding:5px;
    border: 1px solid #C3C3C3;
    margin-bottom:4px;
}
#ins_box label{
    float:left;
    width:90px;
}
#ins_box select{
    float:left;
    width:205px;
}
#job_box label,
#div_select label,
#since_select label{
    float:left;
    width:230px;
}
#div_select select,
#since_select select{
    float:left;
    margin-bottom:4px;
    width:312px;
    padding:3px;
}
#job_box input {
    padding:3px;
    width:312px;
}
/*Ende: Institutionsauswahl-Box new*/

/*********************
 ***** SONSTIGES *****
 *********************/

/*Gallery-Cells Group-Cells und User-Cells-----Stand: 01.01.2009------------*/

/* 
Genauer spezifizierbar durch:
.group_wrapper / .album_wrapper / .user_wrapper
*/
/*** ALLGEMEINE FORMATIERUNG: *****************************/
.cell_hl {
    padding:10px 0 10px 4px;
    border-bottom: 1px solid #C3C3C3;
    background: #FFFFFF url(/images/layout/content-graybox-top-new.gif) repeat-x top;
}
.cell_hl h1 {
    margin: 0;
}
.cell_wrapper {
    width: 779px;
    margin:0;
    padding:0;
    border-top: 1px solid #C3C3C3;
}
.cell_wrapper .cell {
    background-color: #FFFFFF;
    width:779px;
    margin:0;
    padding:0;
    border-bottom: 1px solid #C3C3C3;
}
.cell_wrapper .picbox {
    width: 200px;
    max-height: 400px;
    float:left;
    overflow: hidden;
}
.cell_wrapper .infobox {
    float:left;
    width:384px;
}
.cell_wrapper .infobox .label {
    float:left;
    text-align:left;
    width:84px;
    padding: 5px;
}
.cell_wrapper .infobox .info {
    float:left;
    width:275px;
    padding: 5px;
}
.cell_wrapper .linkbox {
    width: 110px;
    float:left;
}
.cell_wrapper .editbox a {
    margin:0;
    display:block;
    padding: 2px;
    border-top: 1px solid #C3C3C3;
    border-right: 1px solid #C3C3C3;
}
.cell_wrapper .linkbox a {
    margin:0;
    display:block;
    padding: 2px;
    border-bottom: 1px solid #C3C3C3;
}
.cell_wrapper .linkbox a:hover,
.cell_wrapper .editbox a:hover {
    background-color: #EF5F00;
    color: #FFFFFF;
}

/*** ALBUM-LISTEN UNTEREINANDER: **************************/
.album_wrapper .cell {
    background-image:url(/images/gallery/album_bg.gif);
    background-repeat:no-repeat;
    background-position:bottom right;
}
.album_wrapper .picbox {
    width: 200px;
    text-align: center;
}
.album_wrapper .pic {
    width: 200px;
    margin:0;
    display: block;
}
/*** USER-LISTEN UNTEREINANDER: ***************************/
.user_wrapper .picbox {
    width: 150px;
    max-height: 300px;
}
.user_wrapper .picbox img {
    width: 150px;
}
.user_wrapper .infobox {
    width:324px;
}
.user_wrapper .infobox .info {
    width:220px;
    padding: 5px;
}
/*** GRUPPEN-LISTEN UNTEREINANDER: ************************/
.group_wrapper .groupowner {
    /*eigene Gruppen sind grau hinterlegt*/
    background-color: #EFEFEF;
}
.group_wrapper .picbox {
    width: 130px;
    padding: 5px 0;
    text-align: center;
}
.group_wrapper .infobox {
    width:344px;
}
.group_wrapper .infobox .info {
    width:240px;
}
/*Ende: Gallery-Cells Group-Cells und User-Cells-----------------------------------*/

/*VIP-BOX*/
#vipbox {
    text-align: center;
    border-bottom: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
#vipbox img {
    margin: 0;
}
.vipBoxMoreLink {
    text-align: center;
    font-weight: normal;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}
.vipBoxMoreLink a {
    font-weight: normal;
}
    
/*LENZ-BOX*/
div.lenz_box {
    margin: 10px 5px 10px 5px;
}
div.lenz_box div.top,
div.lenz_box div.bottom {
    width: 574px;
    height: 10px;
    background-image: url(/images/lenz/lenz_schraffur_top.png);
    line-height: 0;
    font-size: 1px;

}
div.lenz_box div.content {
    width: 554px;
    padding: 10px 10px 10px 10px;
    background-image: url(/images/lenz/lenz_schraffur_bg.png);
}
div.lenz_box div.content h2 {
    margin-top: 0 !important;
}
/*END: LENZ-BOX*/

/*LENZ-LISTEN*/
ul.lenz_list {
   padding:0 0 0 8px;
}
ul.lenz_list li {
    margin-bottom: 5px;
    padding:0 0 0 20px;
    display: block;
    background-image:url(/images/ddsd/pfeile-small.gif);
    background-repeat: no-repeat;
    background-position: top left;    
}
ul.lenz_list_big {  
   padding:0 0 0 10px;
}
ul.lenz_list_big ,
ul.lenz_list_big strong {
	font-size: 13px;
}
ul.lenz_list_big li {
    margin-bottom: 10px;
    padding:0 0 0 25px;
	display: block;
	background-image:url(/images/ddsd/pfeile-big.gif);
	background-repeat: no-repeat;
	background-position: top left;    
}
/*End:LENZ-LISTEN*/