body {
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #fff;
    background-repeat: no-repeat;
    margin: 20px;
    padding: 0;
}

a {
    text-decoration: none;
    color: #887869;
}

a:hover {
    color: #DBC5B5;
}

p {
    margin: 0 0 1em 0;
}

h1 {
    margin: 0 0 6px 0;
}

h2 {
    margin: 0 0 2px 0;
    font-size: 11px;
    font-weight: bold;
}

br.clear {
    clear: both;
    line-height: 1px;
    height: 0;
}

form .fRow {
    padding-bottom: 5px;
}

form .fRow br {
   clear: both;
   line-height: 1px;
   height: 0;
}

form .fRow label {
    display: block;
    float: left;
    width: 120px;
    height: 20px;
}

form .fRow input, form .fRow textarea, form .fRow select {
    float: left;
    font-family: verdana;
    font-size: 10px;
    overflow: hidden;
    border: 1px solid #666;
}

form .fRow select {
    
}


/* Used for rollover effects in div.box (and maybe elsewhere) 
img.alpha {
    filter:Alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}
*/

#header {
    display: none;
}

#indexLink {
    display: none;
}


#topMenu {
    display: none;
}


#topRightMenu {
    display: none;
}


#main {
    
}

#subMenu {
    display: none;
}

#content {
  
}



/************************************
*
*   Content elements
*
************************************/

/****** Two cols (for box columns) *****************/

.twoColumns {
    width: 500px;
}

.twoColumnsLeft {
    width: 250px;
    float: left;
}

.twoColumnsLeft .twoColumnsPadding {
    padding: 0 5px 0 0;
}

.twoColumnsRight {
    width: 250px;
    float: left;
}

.twoColumnsRight .twoColumnsPadding {
    padding: 0 0 0 5px;
}

/****** Two cols (small + big) *****************/

.twoColumnsSmallBigLeft {
    width: 210px;
    float: left;
}

.twoColumnsSmallBigLeft .twoColumnsSBPadding {
    padding: 0 10px 0 0;
}

.twoColumnsSmallBigRight {
    width: 500px;
    float: left;
}

.twoColumnsSmallBigRight .twoColumnsSBPadding {
    padding:  0 0 0 10px;
}


/********** Three cols ***************/

.threeColumnsLeft {
    width: 30%;
    float: left;
}
body>div.threeColumnsLeft { width:  33% }

.threeColumnsLeft .threeColumnsPadding {
    padding: 0 0 0 5px;
}

.threeColumnsCenter {
    width: 30%;
    float: left;
}
body>div.threeColumnsCenter { width:  34% }

.threeColumnsCenter .threeColumnsPadding {
    padding: 0 5px 0 5px;
}

.threeColumnsRight {
    width: 30%;
    float: left;
}
body>div.threeColumnsRight { width:  33% }

.threeColumnsRight .threeColumnsPadding {
    padding: 0 0 0 5px;
}


/************* Box **************/

.box {
    width: 245px;
    background-position: 0 0;
    background-repeat: repeat-x; 
    margin-bottom: 10px;
}

body>div.box {
    width: 225px;
}

.box .boxContent {
    float: left;
    width: 185px; /* IE value */
}

body>div.box .boxContent {
    width: 195px;

}

.box h3 {
    font-size: 11px;
    font-weight: bold;
    margin: 0;
}

.box h3 a, .box p a {
    color: #887869;
    text-decoration: none;
}

.box h3 a:hover, .box p a:hover {
    text-decoration: none;
    color: #DBC5B5;
}

.box p {
    margin: 0;
}

.box .boxImage {
    float: right;
    width: 60px;
}

.box .boxPadding {
    padding: 5px;
}

.typo3-adminPanel {
    text-align: left;
}