/*

    CSS Document


    Site: Riksförbundet Unga Musikanter
    URL: http://www.rum.se
    Author: PS Kommunikation
    Version: 1.0

    Date: 2010.01.15

*/


/*
 *      DEFAULT
 *
 */

BODY.main, BODY.mainForum {
	background:#cfdd28 url(/images/bg-body.gif) top center repeat-x;
	background-attachment:fixed;	
	text-align:center;
}

BODY.mainForum {
	background:#3FA2C5 url(/images/bg-body-forum.gif) top center repeat-x;
}

DIV#WrapperOuter {
	margin:0 auto;
	width:1020px;
}
BODY#Start DIV#WrapperOuter {
    background:url(/images/bg-wrapper-start.png) top left no-repeat;
}
BODY#Subpage DIV#WrapperOuter, 
BODY#SubpageWide DIV#WrapperOuter {
    background:url(/images/bg-wrapper-subpage.png) top left no-repeat;
}
DIV#WrapperInner {
	background:#fff;
	margin:0 20px 0 20px; 
	padding:0 0 10px 0; 
    text-align:left;	
    width:980px;
}
BODY#Subpage DIV#WrapperInner, 
BODY#SubpageWide DIV#WrapperInner {
    background:#fff url(/images/bg-grid.png) repeat top left;
} 
DIV#Placeholder {
    margin:0 0 30px 0;
    width:980px;
}  

/*
 *      MASTHEAD
 *
 */

DIV#Masthead {
	background:url(/images/bg-masthead.jpg) no-repeat left top;   
    height:213px;
    width:980px;
}
DIV#Logo {
	background:url(/images/logo-gif) no-repeat left top;   
    display:inline; 
    float:left; 
    height:160px;   
    margin:0 0 0 20px;
    width:151px;
}
DIV#PictureFrame {
	float:right;
    height:213px;
    margin:0 0 0 0;
    padding:0 10px;
    position:relative;
    width:408px;
}
DIV#PictureFrame SPAN {
    background:url(/images/bg-appear.png) no-repeat;
    cursor:pointer;
    height:80px;
    position:absolute;
    width:75px;
    top:10px;
    right:20px;
}
DIV#PictureFrame P {
    background:url(/images/bg-text-picture-frame.png) no-repeat;
    color:#222;
    font-weight:bold;
    line-height:28px;
    margin:0;
    padding:0 5px;
    position:absolute;
    width:361px;
    bottom:5px;
    right:0;
}

/*
 *      NAVIGATION
 *
 */

/*** MAINNAV ***/

DIV#MainNav {
    background:#000;    	
	height:40px;
    margin:0;
    width:100%;	
	z-index: 100;
}
DIV#MainNav UL {
    float:left;
    font-weight: normal;
    list-style-type: none;
    margin:0;
    position:relative;
    z-index:15;
	height:40px;    
    list-style-type:none;
    width:760px;
}
DIV#MainNav UL LI {
    float: left;
    position:relative;
    margin:0;
    line-height:40px;
}
DIV#MainNav UL LI A {
    color: #fff;
    font-weight:bold;
    padding:0 10px;    
    float:left;        
    text-decoration: none; 
}
DIV#MainNav UL LI:hover,
DIV#MainNav UL LI.Active A {
    background:#333;
}
DIV#MainNav UL LI A:active,
DIV#MainNav UL LI A:hover {
    display:block;  
}
/* sub */
DIV#MainNav UL LI UL {
    display:none;
    position:absolute;
    font-size:1em;
    top:0; 
    left:0px;
	z-index:15;
}
DIV#MainNav UL LI UL LI { 
    padding:0;
    clear:both;
    display:block;
    padding:0;
    margin:0;
}
DIV#MainNav UL LI>UL {
    top:40px; 
    left:0;
}
DIV#MainNav UL LI:hover UL, 
DIV#MainNav UL li.over UL {
    display:block; 
    z-index:15;
}

DIV#MainNav UL LI UL LI A {
	width:120px;     
    background:#333;
    font-size:11px; 
    padding:5px 10px;
    line-height:normal;
    border-bottom: solid 1px #666;
}

/*
 original code 
DIV#MainNav UL LI UL LI A {
    width:120px;     
    background:#333;
    font-size:11px; 
    padding:0 10px 0 10px;
    border-bottom: solid 1px #666;
	line-height:30px;
}*/


DIV#MainNav UL LI UL LI A:hover {
    background:#c2c2c2;
    color:#000;
    border-bottom: solid 1px #c2c2c2;
}

/*** SUBNAV ***/

DIV#SubNav {
    background:url(/images/bg-sidebar.png) no-repeat top left;   
    float:left;
    margin:10px 10px 0 0;
    padding:0 0 0 0;
    width:170px;
}

DIV#SubNav H2 {
    background:url(/images/bg-sidebar.png) repeat top left;   
    color:#fff;
    margin:10px 0 0 0;
    padding:0 10px 9px 10px;
}
DIV#SubNav H2 a {
    color:#ffffff;
	text-decoration:none;
}
DIV#SubNav H2 a:hover {
    color:#CCCCCC;
}

DIV#SubNav UL {
    background:url(/images/bg-sub-nav.png) no-repeat bottom left;
    list-style: none;
    margin:0;
    padding:10px 0 155px 0;
} 
DIV#SubNav UL LI {
    display:block;
    font-family:"Arial", Verdana, sans-serif;	    
    font-size:1.0em;
    font-weight:bold;
    line-height:normal;    
    margin:0 10px;     
}
DIV#SubNav UL LI A {
    background:url(/images/icon-arrow-right-white.png) center right no-repeat;
    border-bottom:solid 1px #fff;
    color:#fff;
    display:block;
    line-height:normal;
    padding:5px 20px 5px 10px;
    text-decoration:none;
}
DIV#SubNav UL LI.Last A {
    border-bottom:none;
}
DIV#SubNav UL LI A:HOVER {
    color:#ccc;
}
DIV#SubNav UL LI.Current {
    background:#fefb63;
}
DIV#SubNav UL LI.Current A {
    background:none;        
    border-bottom:none;
    color:#414141;
    font-weight:bold;   
}
DIV#SubNav UL LI UL {
    background:none;
    list-style: none;
    margin:0;
    padding:0 0 0 0;
} 
DIV#SubNav UL LI.Current UL LI {
    font-size:0.8em;
    margin:0 0 0 10px;
}
DIV#SubNav UL LI.Current UL LI A  {
    background:none;    
    border-bottom:none;
    font-weight:normal;
}
DIV#SubNav UL LI.Current UL LI A:HOVER  {
    color:#ff00bc;
}
DIV#SubNav UL LI.Current UL LI.CurrentLev2 A  {
    color:#ff00bc;
}

/*
 *      SEARCH
 *
 */
 
DIV#Search {
}
DIV#Search INPUT {
    background:#fff;
    border:none;	
	float:left;
	width:155px;
}
DIV#Search INPUT.Submit {
    background:#3fa2c5 url(/images/bg-submit.gif) no-repeat center center;
	margin:7px 20px 0 0;	
	text-indent:-9999px;	
	width:33px;
}

/*
 *      CONTENT COMMON 
 *
 */

/*** PUFF SIDEBAR ***/

.SidebarPuff {
    margin:0 0 10px 0;
    padding:0;    
    width:260px;
}

/*
 *      CONTENT START 
 *
 */

BODY#Start DIV#Content {  
    float:left;
    margin:10px 0 0 0;
    width:700px;
}

/*** PRIMARY CONTENT ***/

BODY#Start DIV#PrimaryContent {  
    float:left;
    margin:0 0 10px 0;    
    width:700px;
}
BODY#Start DIV#News {
    background:url(/images/bg-news.png) no-repeat top left; 
    float:left;
    height:370px;
    width:700px;
}

/*** SECONDARY CONTENT ***/

BODY#Start DIV#SecondaryContent {
    margin:0 0 0 10px;
    width:690px;
}
DIV#Media {
    background:#333 url(/images/bg-media.png) no-repeat bottom left;    
    float:left;
    margin:0;
    padding:0 0 12px 0;
    position:relative;    
}
/*** EXTRA - INTRA ***/
div#loginNews input#attr_newsDate_InputDate_ID 
{
	width:70px;
}
div#loginNews input#attr_newsDate_Hours {
	width:20px;
}
div#loginNews input#attr_newsDate_Minutes {
	width:20px;
}
div#loginNews attr_newsDate_Shadow_ID {
	width:0px;
	height:0px;
}

div#loginNews input#attr_unity_dateInterval_from_InputDate_ID
{
	width:70px;
}
div#loginNews input#attr_unity_dateInterval_from_Hours {
	width:20px;
}
div#loginNews input#attr_unity_dateInterval_from_Minutes {
	width:20px;
}

div#loginNews input#attr_unity_dateInterval_to_InputDate_ID
{
	width:70px;
}
div#loginNews input#attr_unity_dateInterval_to_Hours {
	width:20px;
}
div#loginNews input#attr_unity_dateInterval_to_Minutes {
	width:20px;
}
div#attr_unity_dateInterval_allDayWrap input {
	width: 20px;
}


div#loginNews form table tbody tr td input#attr_mediaDate_InputDate_ID
{
	width:70px;
}
div#loginNews form table tbody tr td input#attr_mediaDate_Hours
{
	width:20px;
}
div#loginNews form table tbody tr td input#attr_mediaDate_Minutes {
	width:20px;
}
div#loginNews form table tbody tr td input#attr_newsDate_Shadow_ID {
	width:0px;
	height:0px;
}
div#loginNews form div div#attr_mediaDate_Shadow_ID {
	width:0px;
	height:0px;
}



/*
BODY#Start .MediaItem {
    float:left;
    height:62px;
    width:68px;
    position:relative;
}
*/
DIV#Media P.LinkTop {
    border-top:solid 2px #aaa
}
DIV#Media P.LinkBottom {
    bottom:4px;
    left:30px;
    position:absolute;
    margin:0;
}
DIV#Media A {
    color:#fff;
    text-decoration:none;    
}
DIV#Media A:HOVER {
    text-decoration:none;    
}
BODY#Start DIV#PlaceholderPuff {
    display:inline;
    float:right;
    margin:0;
    width:340px;
}
BODY#Start DIV#PuffOne {
    position:relative;
    margin:0 0 10px 0;
    width:340px;
}
BODY#Start DIV#PuffOne P {
    position:absolute;
    bottom:5px;
    margin:0;    
    right:5px;
    text-align:right;
    width:15em;    
}
BODY#Start DIV#PuffTwo {
    position:relative;    
    width:340px;
}
BODY#Start DIV#PuffTwo P {
    position:absolute;
    bottom:5px;
    margin:0;
    right:5px;
    text-align:right;
    width:15em;    
}
BODY#Start DIV#Folkspel {
    position:relative;
    margin-bottom:10px;
    left:10px;
    float:left;
    width:240px;
}
/*
BODY#Start DIV#PuffOne A, BODY#Start DIV#PuffTwo A {
    background:url(/images/icon-arrow-right.png) no-repeat left center;
    color:#1ca0de;
    padding:0 0 0 6px;
    text-decoration:none;  
}
BODY#Start DIV#PuffOne A:HOVER, BODY#Start DIV#PuffTwo A:HOVER {
    text-decoration:none;  
}
*/

/*** SIDEBAR ***/

BODY#Start DIV#Sidebar {  
    float:right;
    margin:10px 10px 0 10px;
    width:260px;
}


/** Activities **/

.Activities {
    background:#fff;
    border:solid 3px #c2c2c2;
    height:195px;    
    margin:0 0 10px 0;
    padding:30px 5px 5px 5px;
    position:relative;
    width:244px;
}
.Activities H2 {
    margin:0;
}
DIV#ActivitiesItems {
    height:155px;     
    margin:10px 0 0 0;
    padding:0 5px 0 0;
    overflow:auto;    
}
DIV#ActivitiesItems P {
    color:#3fa2c5;
    font-size:1.2em;    
    margin:0;
}
DIV#ActivitiesItems A {
    color:#3fa2c5;
    text-decoration:none;
}
DIV#ActivitiesItems A:HOVER {
    text-decoration:none;
}
DIV#ActivitiesItems SPAN {
    color:#414141;
    font-weight:bold;
    margin:0 2px 0 0;
}
DIV#ActivitiesItems .Category STRONG {
    color:#ff00bc;
    font-size:0.9em;
    font-weight:normal;
    text-transform:uppercase;
    margin:0;    
}
DIV#ActivitiesItems .Category EM {
    color:#606060;
    font-size:0.9em;  
    font-style:normal;
    text-transform:uppercase;
    background:#f6f384;
}
DIV#ActivitiesItems P.Category {
    margin:0 0 10px 0;
}

/** Forum **/

.Forum {
    background:#fff;    
    border:solid 3px #c2c2c2;
    height:195px;    
    margin:0 0 10px 0;
    padding:30px 5px 5px 5px;
    position:relative;
    width:244px;
}
.Forum H2 {
    margin:0 0 0.6em 0;
}
.ForumItem {
    font-size:1.0em;       
    margin:0 0 10px 0;
    border-bottom:solid 1px #ccc;
    width:auto;
}
.ForumItem P {
    margin:0 0 15px 0;
}
.ForumItemLast {
    font-size:1.0em;       
    margin:0;
    border-bottom:none;
    width:auto;   
}
.ForumItemLast P {
    margin:0 0 15px 0;
}
.ForumDate {
    display:block;
    float:left;
    margin: 4px 10px 5px 0;
    width:35px;
}
.ForumDate STRONG {
    background:#ede80a;
    color:#414141;
    display:block;
    font-size:14px;
    line-height:23px;
    height:23px;
    text-align:center;
    width:35px;
}
.ForumDate EM {
    background:#cfdd28;
    color:#414141;
    display:block;
    font-style:normal;
    font-size:11px;
    text-align:center;
    width:35px;
}
.ForumText {
    float:left;
    line-height:1.3em;
    font-size:1.0em;
    width:175px;
}
.ForumText A {
    color:#3fa2c5;
    display:block;
    margin-bottom:3px;
    text-decoration:none;
}
A Span.ForumAuthor {
    color:#414141;
    display:block;
    font-weight:bold;
    text-decoration:none;    
}
.ForumText STRONG {
    font-weight:bold;
    font-size:0.9em;    
}
.ForumText EM {
    font-style:normal;
    font-size:0.9em;
}
Fieldset#Login,
Fieldset#Logout {
    width:240px;
}
Fieldset#Login INPUT {
    background:#f3f3f3;
    border:none;
    border-bottom:solid 1px #c8c8c8;         
    width:230px;
}
Fieldset#Login INPUT.Submit {
    background:#3fa2c5;
    border-bottom:none;     
	width:7em;
}


/*
 *      SUBPAGE CONTENT COMMON
 *
 */

BODY#Subpage DIV#Content, 
BODY#SubpageWide DIV#Content {    
    float:right;
    margin:10px 10px 0 0;
    width:790px;
    background:none;    
}
DIV#Content H1 SPAN {
    color:#606060;
    display:block;
    font-size:0.28em;
    margin:0;
    font-weight:normal;
    line-height:normal;
}
DIV#Content IMG {
    margin:0 0 1.0em 0;
}
DIV#Content .Ingress {
    color:#414141;
    font-size:1.6em;
    margin:0 0 1.6em 0;
}
DIV#Content P.ArticleAuthor {
    color:#414141;
    font-size:1.1em;
    font-weight:bold;
}
DIV#Content P.ArticleAuthor SPAN {
    display:block;
    font-size:1.0em;
    font-weight:normal;    
}

/*** PRIMARY CONTENT ***/

BODY#Subpage DIV#PrimaryContent {    
    background:#fff;
    border:solid 1px #f3f3f3;
    float:left;
    margin:0 10px 0 0;
    padding:10px 20px 20px 20px;
    width:478px;    
}
BODY#SubpageWide DIV#PrimaryContent {    
    background:#fff;
    border:solid 1px #f3f3f3;
    float:left;
    margin:0 0 0 0;
    padding:10px 20px 20px 20px;
    width:750px;    
}

/** Breadcrumbs **/

DIV#Breadcrumbs {
    margin:0 0 20px 0;
}
DIV#Breadcrumbs P {
    color:#606060;
    font-size:1em;
}
DIV#Breadcrumbs A {
    text-decoration:none;
}
DIV#Breadcrumbs A:HOVER {
    text-decoration:none;
}

/** Cols **/

DIV#ColOne {
    float:left;
    margin:0 20px 0 0;
    width:300px;
}
DIV#ColTwo {
    float:right;
    width:158px;
}
DIV#ColTwo .Related {
    padding:0 0 0 10px;
}
DIV#ColTwo .Related A {
    color:#3fa2c5;
    text-decoration:none;
}
DIV#ColTwo .Related A:Hover {
    text-decoration:none;
}

/** BoxBorder **/

P.LinkTop {
    background:#aaa;
    font-size:11px;
    margin:0;
    padding:0px 10px 3px 10px;
    position:absolute;
    top:0;
    right:0;
}
P.LinkTop A {
    background:url(/images/icon-arrow-right-white.png) no-repeat 3px center;
    padding:0 3px 0 9px;    
    color:#fff;
    text-decoration:none;
}
P.LinkTop A:HOVER {
    background:url(/images/icon-arrow-right-white.png) no-repeat 3px center;
    text-decoration:none;
}
.BoxBorder {
    background:#fff;
    border:solid 3px #aaa;
    padding:30px 5px 15px 5px;
    margin:0 0 10px 0;
    position:relative;
}
BODY#Start .BoxBorder {
    padding-bottom:3px;
}
.NoLinkTop {
    padding:15px 5px 5px 5px;    
}
.BoxBorder H2 {
    margin:0 0 0.6em 0;
}
.BoxBorder P {
    color:#414141;
    font-size:1.1em;    
    margin:0 0 0.7em 0;
}
.BoxBorder UL {
    list-style-type:none;
    margin:0;
}
.BoxBorder A {
    color:#3fa2c5;
    text-decoration:none;
}
.BoxBorder A:HOVER {
    text-decoration:none;
}
.BoxBorder P.LinkTop A {
    color:#fff;
}
DIV#ColTwo .BoxBorder {
    width:148px;
}
DIV#ColTwo .BoxBorder H2 {
    font-size:1.2em;     
    margin:0 0 0.1em 0;
}

/** BoxFilled **/

.BoxFilled {
    background:#f3f3f3;
    padding:10px;
    margin:0 0 10px 0;
    width:458px; 
}
.BoxFilled H2 {
    font-size:1.2em;     
    margin:0 0 0.5em 0;
}
.BoxFilled P {
    color:#3fa2c5;
    font-size:1.1em;    
    margin:0 0 0.3em 0;
}
.BoxFilled STRONG {
    color:#414141;
    font-weight:bold;
    margin:0 2px 0 0;
}
.BoxFilled A {
    color:#3fa2c5;
    text-decoration:none;
}
.BoxFilled A:HOVER {
    text-decoration:none;
}
.BoxFilled SPAN {
    color:#3fa2c5;
    font-weight:bold;
    margin:0 2px 0 0;
}

/** Paging **/

DIV#Paging {
   margin-bottom:20px;
}
DIV#Paging UL {
    list-style-type:none;
    text-align:center;
}
DIV#Paging LI {
    display:inline;
}
DIV#Paging LI A {
    line-height:4em;
    text-decoration: none;
    padding: 0.5em;
    color:#414141;
    border:solid 1px #fff; 
}
DIV#Paging LI A:HOVER {
    background:#fefb63;
    color:#414141;    
    text-decoration:none;
}
DIV#Paging LI.PagingActive A {
    background:#fefb63;
    color:#414141;
}
DIV#Paging LI.Active A:HOVER {
    background:#fefb63; 
    color:#414141;     
} 
/* Date Paging */
.PagingDate {
    list-style-type:none;
    text-align:left;
    margin:0
}
.PagingDate LI {
    color:#414141;
    font-weight:bold;
    display:inline;
    font-size:1.4em;
    margin-right:15px;
}
.PagingDate LI A {
    font-size:0.9em;
    font-weight:normal;
}
.PagingDate LI A.ArrowRight {
    background-position:right center;
    padding-right:6px;
}

/*** SECONADRY CONTENT ***/

BODY#Subpage DIV#SecondaryContent {    
    float:left;
    margin:0;
    width:260px;
    background:none;    
}

/** AddThis **/

DIV#AddThis {
    border-bottom:solid 1px #f3f3f3;    
    border-top:solid 1px #f3f3f3;
    margin:40px 0 0 0;
    padding:5px 0; 
}
DIV#AddThis UL {
    list-style-type:none;
    margin:0;
}
DIV#AddThis UL LI {
    display:inline;
}
DIV#AddThis UL LI A {
        margin-left:15px;
}

/** Related **/

UL.Related {
    margin:-10px 10px 10px 0;
    list-style-type:none;
}


/*
 *      SUBPAGE CONTENT EVENTS
 *
 */

.PlaceholderEvent {
    margin:15px 0 15px 0;
}
.EventImage {
    float:left;
    margin:0 10px 0 0;
    width:125px;
}
.EventText {
    float:right;
    width:335px;
}
.EventText H3 {
    font-size:1.6em;
    margin:0;
}
.EventText H3 A { 
    color:#3fa2c5;
    text-decoration:none;
}
.EventText H3 A:Hover { 
    text-decoration:none;
}
DIV#Content .EventText P {
    margin:0 0 0.5em 0; 
}
DIV#Content .EventText P SPAN {
    color:#606060;
    font-size:0.8em;
}
.EventText P A {
    color:#414141;
    text-decoration:none;    
}
.EventText P A:HOVER {
    text-decoration:none;    
}
.EventText P STRONG {
    color:#3fa2c5; 
}
.EventText .Category STRONG {
    color:#ff00bc;
    font-size:0.9em;
    font-weight:normal;
    text-transform:uppercase;
    margin:0;    
}
.EventText .Category EM {
    color:#606060;
    font-size:0.9em;  
    font-style:normal;
    text-transform:uppercase;
    background:#f6f384;
}
.EventText P.Category {
    margin:0 0 10px 0;
}

/*
 *      SUBPAGE CONTENT DISTRICTS
 *
 */

UL.InlineList {
    margin:0 0 20px 0;
}
UL.InlineList LI {
    display:inline;
    margin:0 10px 0 0;
}

DIV#Puff-Contact {
    background:url(/images/puff-contact-background.png) no-repeat left bottom;
	min-height: 100px;
	background-color: #ffffff;
	border:	1px solid #F3F3F3;
}
DIV#Puff-Contact P {
    padding:12px 0 0 8px;
    text-align:left;
}
DIV#Puff-Contact P STRONG {
    display:block;
    font-size:1.3em;
    font-weight:bold;   
}
.PlaceholderDistrictInfo {
    border-bottom:solid 1px #f3f3f3;
    margin:0 0 10px 0;
}

/*
 *      SUBPAGE SEARCHRESULTS
 *
 */

.SerchResults {
    border-bottom:solid 1px #f3f3f3;
    margin:15px 0 15px 0;
}
.SerchResults H2 {
    font-size:1.4em;
    margin:0;
}
.SerchResults A {
    text-decoration:none;
}
.SerchResults SPAN {
    font-size:0.9em;
}
.SerchResults STRONG {
    color:#606060;
    font-style:normal;
    text-transform:uppercase;
    background:#f6f384;
}

/*
 *      SUBPAGE FORUM
 *
 */
BODY#Start .ForumItem,
BODY#Start .ForumItemLast {
   font-size:1.1em;
}
.PlaceholderForumPost {
    margin:0 0 30px 0;
    width:470px;
}
.PlaceholderForumPost A {
    text-decoration:none;
}
IMG.ForumPostImage {
    float:left;
    margin:0 10px 0 0;
    width:50px;
}
.ForumPostText {
    float:right;
    width:410px;
}
.ForumPostText H2 {
    margin:0;
}
.ForumPostText H2 A {
    color:#3fa2c5;
}
.ForumPostText P {
    color:#414141;
    margin:0 0 0.5em 0;
}
.ForumPostText P SPAN {
    color:#606060;
    font-size:0.9em;
}
p.NoteComment  {
	font-size:1.1em;
	text-align:right;
}
.PlaceholderForumPostReplies {
    background:#f3f3f3;
    border-bottom:solid 1px #fff;    
    width:405px;
}
.PlaceholderForumPostReplies H2 {
    border-bottom:solid 1px #fff;
    color:#414141;
    font-size:1.1em;
    margin:0;
    padding:5px 10px 5px 10px;    
}
.ForumPostReplyItem {
    border-bottom:solid 1px #fff;
    padding:0 0 10px 0;    
}
.ForumPostReplyItem IMG  {
    float:left;
    padding:10px;
    width:25px;    
}
.ForumPostReplyItem P {
    font-size:1.1em;
    float:right; 
    line-height:normal;
    margin:7px 0 0 0;
    padding:0 10px 0 0;  
    width:350px;         
}
.ForumPostReplyItem EM {
    color:#606060;
    display:block;
    font-style:normal;
	margin:5px 0 0;
	position:relative;
}
.ForumPostReplyItem em span {
	font-style:normal;
	position:absolute;
	right:0;
}
.ForumPostReplyItem em a {
	color:#3FA2C5;
	text-decoration:none;
}
.PlaceholderForumPostWriteReply {
    background:#fff;
    border-bottom:solid 1px #fff;    
    margin:10px 0 0 0;
    padding:10px 0 10px 0;
    width:405px;
}
.PlaceholderForumPostWriteReply H2 {
    color:#414141;
    font-size:1.2em;
    margin:0;
    padding:0 0 5px 0;    
}
.ForumPostWriteReplyItem IMG {
    float:left;
    margin:0 10px 0 0;
    width:50px;    
}
.ForumPostWriteReplyItem FIELDSET {
    background:#fff;    
    float:right; 
    width:345px;  
}
.ForumPostWriteReplyItem FIELDSET TEXTAREA {
    width:340px;  
}
.ForumPostWriteReplyItem FIELDSET INPUT.Submit {
    width:13em;
}
.PlaceholderImgTextList {
}
.ImgTextListItem {

}
.ImgTextListItem A {
    text-decoration:none;
}
.ImgTextListItem IMG {
    float:left;
    margin:0 10px 0 0;
    width:25px;
}
.ImgTextListItem P {
    float:right;    
    width:225px;
}
.ImgTextListItem P EM {
    color:#404040;
    display:block;
    font-style:normal;
    font-size:0.9em;
}

/*
 *      SUBPAGE CONTENT MEDIA
 *
 */

DIV#Mediaplayer {
    background:#070707 url(/images/bg-media-player-top.png) no-repeat top left;
    margin:0 0 0px 0;
}
DIV#Mediaplayer H1 {
    color:#fff;
    font-size:1.6em;    
    margin:0 40px 0 40px;
    padding:20px 0 0 0;
}
DIV#Mediaplayer P {
    color:#c2c2c2;
    margin:0 40px 5px 40px;    
}

DIV#Mediaplayer P SPAN {
    color:#606060;
    font-size:0.9em;
}
DIV#MediaItem {
    padding:0 0 5px 0;
    text-align:center;
}
DIV#MediaItemInfo {
    background:url(/images/bg-media-player-bottom.png) no-repeat bottom left;
    margin:0;
    padding:20px 20px 60px 20px;
}
DIV#MediaItemInfo P {
    color:#f3f3f3;
    display:inline;
    float:left;
    font-size:1.1em;
    margin:0 20px;
    width:600px;
}
DIV#MediaItemInfo P SPAN {
    display:block;
    font-size:1.2em;
    margin-bottom:5px;
}
DIV#MediaItemInfo P EM {
    color:#c2c2c2;
    font-size:1.1em;    
    font-style:normal;
}
DIV#MediaItemInfo P STRONG {
    color:#ff00bc;
    font-size:1.1em;    
    font-weight:bold;
}
DIV#MediaLibary {
    background:#414141;
    position:relative;
}
DIV#MediaLibary H2 {
    color:#fff;
    font-size:1.1em;
    padding:10px 0 0 0;
    margin:0 5px 10px 5px;
}
DIV#MediaLibary .MediaLibaryItem {
    float:left;
    margin:0 5px 10px 5px;    
    position:relative;
}
DIV#MediaLibary .MediaLibaryItemHover {
    position:absolute;
    top:20px;
    left:36px;
}
DIV#MediaLibary .MediaLibaryItem IMG {
    margin:0;
}
DIV#MediaLibary .MediaLibaryItem A {
    display:block;
    font-size:1.1em;
    font-weight:bold;
    text-decoration:none;
}
DIV#MediaLibary .MediaLibaryItem P {
    color:#fff;
    font-size:1em;
    padding:0 2px;
}

/*
 *      SUBPAGE CONTENT POPUP
 *
 */
 
BODY#PopUp {
	background:#fff url(/images/bg-profile.png) top center no-repeat;
	text-align:left;
}
BODY#PopUp, BODY#PopUpNoteComment  {
	background:#fff url(/images/bg-profile.png) top center no-repeat;
	text-align:left;
}
BODY#PopUp DIV#Content {    
    margin:0;
    padding:0; 
    width:500px; 
}
BODY#PopUp DIV#Content IMG {    
    border:solid 3px #fff;
    float:left;
    margin:20px 20px 0 20px;
    width:146px;  
}
BODY#PopUp DIV#PrimaryContent {    
    float:right;
    margin:20px 20px 20px 0;
    padding:0;
    width:288px;   
}
BODY#PopUp DIV#PrimaryContent H1 {    
    font-size:1.6em;  
    margin:0 0 0.3em 0;   
}
BODY#PopUp DIV#PrimaryContent H2 {    
    font-size:1.3em;
    margin:0 0 0.2em 0;      
}
BODY#PopUp DIV#PrimaryContent P SPAN {    
    font-size:1.0em;  
}
BODY#PopUp DIV#PrimaryContent P {    
}

/*** NOTE COMMENT ***/

BODY#PopUpNoteComment DIV#Content {    
    margin:0;
    padding:0; 
    overflow:hidden;
    width:500px; 
}
BODY#PopUpNoteComment DIV#PrimaryContent {    
    margin:20px 20px 20px 170px;
    padding:0;
}
BODY#PopUpNoteComment FIELDSET {
    margin:0;
}
BODY#PopUpNoteComment TEXTAREA {
	height:80px;	
}

/*
 *      SUBPAGE MEMBER
 *
 */

FIELDSET#Member {
    width:350px;
}
FIELDSET#Member INPUT {
    width:350px;
}
FIELDSET#Member TEXTAREA {
    width:350px;
}
FIELDSET#Member INPUT.Submit {
    background:#3fa2c5;
    color:#fff;
    cursor:pointer;
    display:inline;  
	height:25px;    
    float:right;
    font-size:1.1em;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:0 5px;
	text-align:center;
	width:7em;
}
FIELDSET#Member .Checkbox {
    background:none;
    height:15px;
    margin:7px 0 10px 0;
    padding:0 3px 0 0;
    width:15px;
}
FIELDSET#Member .Radio {
    background:none;
    height:1.1em;
    margin:13px 4px 0 0;
    padding:0 0 0 0;
    width:20px;
}


FIELDSET#Member SPAN {
    margin:0 20px 0 0;
}
FIELDSET#Member INPUT#Bild {
    background:none;    
    border:none;
    height:2.0em;
    padding:0;
}

/*
 *      SUBPAGE CONTENT ARTICLES
 *
 */
 
.PlaceholderArticlePostReplies {
    background:#f3f3f3;
    border-bottom:solid 1px #fff;   
    margin:20px 0 0 0;
    width:478px;
}
.PlaceholderArticlePostReplies P.Alert {
    padding:3px 10px;
}
.PlaceholderArticlePostReplies H2 {
    border-bottom:solid 1px #fff;
    color:#414141;
    font-size:1.1em;
    margin:0;
    padding:5px 10px 5px 10px;  
}
.ArticlePostReplyItem {
    border-bottom:solid 1px #fff;
    padding:0 0 10px 0; 
}
.ArticlePostReplyItem H2 A {
    color:#3fa2c5;
}
.ArticlePostReplyItem P {
    font-size:1.1em;
    line-height:normal;
    margin:7px 10px 0 10px;
    padding:0 10px 0 0;  
}
.ArticlePostReplyItem P SPAN {
    color:#606060;
    font-size:0.9em;
}
.ArticlePostReplyItem EM {
    color:#606060;
    display:block;
    font-style:normal;
	margin:5px 0 0;
	position:relative;
}
.ArticlePostReplyItem EM span {
	font-style:normal;
	position:absolute;
	right:0;
}

.ArticlePostReplyItem A {
    text-decoration:none;
}
.PlaceholderArticlePostWriteReply {
    background:#fff;
    border-bottom:solid 1px #fff;   
    margin:10px 0 0 0;
    padding:10px 0 10px 0;
    width:478px;
}
.PlaceholderArticlePostWriteReply H2 {
    color:#414141;
    font-size:1.2em;
    margin:0;
    padding:0 0 5px 0;   
}
FIELDSET#ArticleReplyMessage {
    background:#fff;   
    width:475px;
}
FIELDSET#ArticleReplyMessage INPUT {
    margin:5px 0 0 0;
}
FIELDSET#ArticleReplyMessage TEXTAREA {
    color:#414141;
    margin:10px 0 0 0;
    width:475px;
}
FIELDSET#ArticleReplyMessage INPUT.Submit {
    width:13em;
}
FIELDSET#ArticleReplyMessage INPUT.Checkbox {
    height:1.2em;
    margin:10px 0 0 0;
    padding:0 0 0 0;
    width:1.2em;
}
FIELDSET#ArticleReplyMessage P {
    color:#454545;
    font-size:1.1em;
    font-style:italic;
    line-height:normal;  
}
FIELDSET#ArticleReplyMessage A {
    text-decoration:none;
}
 
/*
 *      SUBPAGE EMPLOYEE
 *
 */
 
.EmployeeItem  {
    margin:5px 0 30px 0;
}
.EmployeeItem IMG   {
    float:left;
    margin:0 10px 0 0;
    width:90px;
}
.EmployeeItem H3 {
    font-size:1.2em;
    float:right;   
    margin:0;
    width:370px;   
}
.EmployeeItem SPAN {
    color:#606060;
    display:block;
    font-size:0.9em;
    font-weight:normal;
    margin:1px 0 0 0;
}
.EmployeeItem UL {
    float:right;     
    list-style-type:none;
    margin:10px 0 0 0;
    padding:0;
    width:370px;   
}
.EmployeeItem LI {
    font-size:0.9em;
    line-height:normal;
    margin:0;
    padding:0;  
}
.EmployeeItem A {
    text-decoration:none;
}


/*
 *      FOOTER
 *
 */

DIV#Footer {
    background:url(/images/bg-footer.png) no-repeat left top;    
    height:90px;
    margin:0 10px 0 10px;
    position:relative;
    width:960px;
}
DIV#Footer P {
    color:#fff;
    font-size:1.0em;
    font-weight:bold;
    left:360px;
    line-height:1.6em;
    margin:0;
    padding:0; 
    position:absolute;
    top:30px;
}
DIV#Footer A {
    color:#fff;    
    text-decoration:underline;    
}
DIV#Footer A:HOVER {
    color:#fff;
    text-decoration:none;        
}

/*
 *      CLASSES
 *
 */

P.Alert {
    background:#ff00bc;
    border-bottom:solid 1px #fff;   
    color:#fff;
    font-weight:bold;
    padding:5px 10px 7px 10px;
}
P.Alert A {
    color:#fff;
}

A.Print {
    background:url(/images/icon-print.gif) left center no-repeat; 
    padding:2px 0 2px 20px;
    text-decoration:none;     
}
.Share {
    background:url(/images/icon-share.gif) left center no-repeat; 
    padding:0 0 0 20px;
    text-decoration:none;    
}
.Tell {
    background:url(/images/icon-tell.gif) left center no-repeat; 
    padding:0 0 0 20px;
    text-decoration:none;    
}
.Document {
    background:url(/images/icon-document.gif) left center no-repeat; 
    padding:2px 0 2px 20px;
    text-decoration:none;     
}
.Arrow {
    background:url(/images/icon-arrow.gif) left center no-repeat; 
    padding:0 0 0 8px;
    text-decoration:none;    
}
.ArrowLeft {
    background:url(/images/icon-arrow-left.png) left center no-repeat; 
    padding:0 0 0 6px;
    text-decoration:none;
}
.ArrowRight {
    background:url(/images/icon-arrow-right.png) no-repeat left center;
    padding:0 0 0 6px;
    text-decoration:none;    
}
.FloatLeft {
    display:inline;
    float:left;
}
.FloatRight {
    display:inline;
    float:right;
}
.NoMargin {
    margin:0;
}
.Hide {
    position:absolute;
	left:-9999px;
	z-index:100;
}
.Clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.Clearfix {display:inline-block; clear:both;}
/* Hides from IE-mac \*/
* html .Clearfix {height:1%;}
.Clearfix {display:block;}
/* End hide from IE-mac */