/********************************/
/*   Type:     main content CSS */
/*------------------------------*/
/*  Design:   J.Le Roux         */
/*  Date:     17. April 2008    */
/********************************/
/*  $Id: mc.css,v 1.1.2.2 2008-04-23 08:20:16 jox Exp $
*/

/*************/
/*  CONTENT  */
/*************/

/* PAGETITLE */
.main h1.pagetitle {margin:0 0 0.5em 0; padding:1px 0 1px 32px; background: url(../img/icon_pagetitle.gif) no-repeat; background-position:center left; color:rgb(255,255,255); font-weight:bold; font-size:2.2em !important /*Non-IE6*/; font-size:2em /*IE6*/;}

/* HEADING -- Standard icon (1-Column / 2-Column) */
.content h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px rgb(215,215,215); background: url(../img/icon_celltitle_level2.gif) no-repeat;  background-position:right 15px; color:rgb(75,75,75); font-weight:bold; font-size:1.8em !important /*Non-IE6*/; font-size:1.6em /*IE6*/;}
.content h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:1.8em !important /*Non-IE6*/; font-size:1.6em /*IE6*/;}
.content h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}
.content h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:1.6em !important /*Non-IE6*/; font-size:1.4em /*IE6*/;}
.content h5 {margin:1.0em 0 -0.5em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:1.4em !important /*Non-IE6*/; font-size:1.25em /*IE6*/;}
.content h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:rgb(50,50,50); font-weight:normal; font-size:1.3em !important /*Non-IE6*/; font-size:1.15em /*IE6*/;}

/* HEADING -- Special icon (1-Column / 2-Column) */
.content h1.contact {background: url(../img/icon_celltitle_contact.gif) no-repeat;}
.content h1.login {background: url(../img/icon_celltitle_login.gif) no-repeat;}
.content h1.search {background: url(../img/icon_celltitle_search.gif) no-repeat;}
.content h1.video {background: url(../img/icon_celltitle_video.gif) no-repeat;}
.content h1.audio {background: url(../img/icon_celltitle_audio.gif) no-repeat;}
.content h1.webtemplate {background: url(../img/icon_celltitle_webtemplate.gif) no-repeat;}
.content h1.document {background: url(../img/icon_celltitle_document.gif) no-repeat;}
.content h1.blog {background: url(../img/icon_celltitle_blog.gif) no-repeat;}
.content h1.forum {background: url(../img/icon_celltitle_forum.gif) no-repeat;}

.content-2col-box-leftcolumn h1.contact, .content-2col-box-rightcolumn h1.contact {background: url(../img/icon_celltitle_contact.gif) no-repeat; }
.content-2col-box-leftcolumn h1.login, .content-2col-box-rightcolumn h1.login {background: url(../img/icon_celltitle_login.gif) no-repeat; }
.content-2col-box-leftcolumn h1.search, .content-2col-box-rightcolumn h1.search {background: url(../img/icon_celltitle_search.gif) no-repeat; }
.content-2col-box-leftcolumn h1.video, .content-2col-box-rightcolumn h1.video {background: url(../img/icon_celltitle_video.gif) no-repeat; }
.content-2col-box-leftcolumn h1.audio, .content-2col-box-rightcolumn h1.audio {background: url(../img/icon_celltitle_audio.gif) no-repeat; }
.content-2col-box-leftcolumn h1.webtemplate, .content-2col-box-rightcolumn h1.webtemplate {background: url(../img/icon_celltitle_webtemplate.gif) no-repeat; }
.content-2col-box-leftcolumn h1.document, .content-2col-box-rightcolumn h1.document {background: url(../img/icon_celltitle_document.gif) no-repeat; }
.content-2col-box-leftcolumn h1.blog, .content-2col-box-rightcolumn h1.blog {background: url(../img/icon_celltitle_blog.gif) no-repeat; }
.content-2col-box-leftcolumn h1.forum, .content-2col-box-rightcolumn h1.forum {background: url(../img/icon_celltitle_forum.gif) no-repeat; }

/* HEADING -- No icon */
.main h1.pagetitle-noicon {margin:0 0 0.5em 0; padding:1px 0 1px 0; background:none; color:rgb(255,255,255); font-weight:normal; font-size:2.2em !important /*Non-IE6*/; font-size:2em /*IE6*/;}
.content h1.noicon {background:none;}
.content h2.noicon {background:none;}

/* PARAGRAPH TEXT */
.content p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px; font-size:1.31em !important /*Non-IE6*/; font-size:1.15em /*IE6*/;}
.content p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:1.2em !important /*Non-IE6*/; font-size:1.1em /*IE6*/;}
.content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:0.9em;}

/* LIST */
.content ul {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}
.content ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:1.31em !important /*Non-IE6*/; font-size:1.15em /*IE6*/;}
.content ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}
.content ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:1.31em !important /*Non-IE6*/; font-size:1.15em /*IE6*/;}
.content ul.indent {padding:0 50px 0 50px;}
.content ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}

/* TABLE (1-Column / 2-Column) */
.content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:1.2em !important /*Non-IE6*/; font-size:1.1em /*IE6*/;}
.content table th {height:3.0em; padding:2px 20px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:1.2em !important /*Non-IE6*/; font-size:1.1em /*IE6*/;}
.content table td {height:3.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:1.2em !important /*Non-IE6*/; font-size:1.1em /*IE6*/;}
.content p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:1.2em !important /*Non-IE6*/; font-size:1.1em /*IE6*/;}

/**********/
/* IMAGES */
/**********/

.main img {clear:both; float:left; margin:3px 15px 7px 0;  border:solid 3px rgb(200,200,200);}
.main img.center {clear:both; float:none; display:block; margin:0 auto;  border:solid 3px rgb(200,200,200);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; border:solid 3px rgb(200,200,200);}

/*********/
/* LINKS */
/*********/

/* Text links */
.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}
.main a:visited {color:rgb(42,90,138);}

/*Image links */
.main a img {border:solid 3px rgb(200,200,200);}
.main a:hover img {border:solid 3px rgb(175,175,175);}

/* $Log: mc.css,v $
/* Revision 1.1.2.2  2008-04-23 08:20:16  jox
/* CSS-Template Struktur:
/* rs - Reset aller Standard Einstellungen - required
/* md - Default cell properties for cl and clns (Page / Header / Footer / Menü) - required
/*  -> cl - Boxes for Cells with Sidebar
/*  -> clns - Boxes for Cells without Sidebar
/* mc - Default style properties for content elements - required
/*  -> cn - Styles for cells with sidebar
/*  -> cns - styles for cells without sidebar
/* ext_lm - extension menu left (default is right)
/* ext_eV - extension for COMMET- styling
/* */