/*************************************************/
/**           STYLES FOR CAMPUSLIVE.CH          **/
/**                                             **/
/**             © 2007 by xpure.ch              **/
/**            All rights reserved.             **/
/*************************************************/

*{
    margin:0;
    padding:0;
}

body   { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(img/bg.jpg); margin: 0; padding: 0 }
a { color: #039 }
a:hover { color: #004de6; text-decoration: underline }
p {}
td {}
#header   { width: 879px; height: 243px }
#layout_box     { background-image: url(img/main-content_bg.jpg); background-repeat: repeat-y; background-position: 0 35px; margin-right: auto; margin-left: auto; width: 879px }
#menu_left    { text-align: right; padding-right: 15px; width: 160px; height: 400px; float: left; border-right: 1px solid #ccc }
#right   { margin-left: 190px; padding-right: 20px; padding-left: 10px; width: 649px }
#main { }
#footer { color: #999; font-size: 10px; text-transform: uppercase; padding-top: 40px; padding-right: 5px; padding-left: 5px; height: 15px }
#ft_copy  { margin-left: 245px; float: left }
#ft_copy a { color: #999 }
#ft_copy a:hover { color: #004de6; text-decoration: none }
#ft_xpure  { text-transform: lowercase; float: right }
#ft_xpure a { color: #999; text-decoration: none; padding: 1px 2px }
#ft_xpure a:hover { color: #fff; background-color: #666 }
/* CONTENT STUFF */
#content img { margin-bottom: 10px }
.csc-textpic { margin: 0; padding: 0 }
input, textarea, select  { margin-bottom: 9px; border: solid 1px #666 }
input : hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus { color: #000; border: solid 1px #039 }
textarea  { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.2; margin-top: 5px }
fieldset { margin-left: 42px; border-style: none }
#title  { color: #039; font-size: 15px; text-transform: uppercase; margin-top: 15px }
#content { color: #666; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 21px }
#content h1  { color: #039; font-size: 35px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 36px }
#content h2 { color: #039; font-size: 20px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 25px }
#content h5  { color: #039; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin-top: 40px; margin-bottom: 0; padding-bottom: 0; border-top: 1px solid #999 }
#content p { color: #666; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 21px; margin-left: 50px }
#content ul { color: #666; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 21px; margin-left: 60px }
#statements-all  { background-color: #fff; margin-top: 60px; padding: 0 8px 8px; border: dashed 1px #ccc }
#statements-all p.statements-title { color: #039; text-transform: uppercase; margin-left: 0 }
#content dl, #content div.csc-textpic, #content div.csc-textpic-imagewrap, #content div.csc-textpic-clear, #content dl.csc-textpic-image, #content dd.csc-textpic-caption, #content div.csc-textpic-caption { margin: 0; padding: 0 }
#mailform { margin-left: 5px }
/*#content img { margin-left: 50px }*/
#content #statement-img  { margin-top: 8px; margin-right: 15px; margin-bottom: 20px; float: left }
#content #statement-text  { color: #009; float: right }

/*#col_right h1 { color: #666; font-size: 15px; font-weight: bold }
#col_right p { color: #666; font-size: 12px }*/

.csc-header csc-header-n2 { margin-bottom: 0; padding-bottom: 0 }
/* the menu-classes... */
#menu_1 { color: #999; font-size: 15px; text-transform: uppercase }
#menu_1 a { text-decoration: none }
#menu_1 a:hover { color: #039; text-decoration: none; background-image: url(img/menu_cur_bg.png); background-repeat: repeat-y; margin-top: 7px; margin-bottom: 3px; padding-top: 2px; padding-bottom: 2px; border-style: none; border-width: 1px medium; border-color: #ccc }
.menu1-level1-no a, .menu1-level2-no a, .menu1-level3-no a   { color: #666; text-decoration: none }
.menu1-level1-act a, .menu1-level2-act a, .menu1-level1-act a  { color: #039; font-weight: bold; text-decoration: none }
.menu1-level1-no     { margin-top: 15px; padding-top: 2px; padding-bottom: 2px }
.menu1-level1-act     { margin-top: 15px; padding-top: 2px; padding-bottom: 2px }
.menu1-level1-cur  { text-decoration: none; background-image: url(img/menu_cur_bg.png); margin-top: 15px; margin-bottom: 3px; padding-top: 2px; padding-bottom: 2px; border-top: 1px none #ccc; border-right: none; border-bottom: 1px none #ccc; border-left: none }
.menu1-level2-no   { font-size: 13px; padding-top: 5px; padding-bottom: 5px }
.menu1-level2-act   { font-size: 13px; padding-top: 5px; padding-bottom: 5px }
.menu1-level2-cur  { font-size: 13px; text-decoration: none; background-image: url(img/menu_cur_bg.png); margin-top: 3px; margin-bottom: 3px; padding-top: 2px; padding-bottom: 2px; border-top: 1px none #ccc; border-right: none; border-bottom: 1px none #ccc; border-left: none }
.menu1-level3-no   { font-size: 13px; font-style: italic; text-transform: capitalize; padding-top: 2px; padding-bottom: 2px }
.menu1-level3-act   { font-size: 13px; font-style: italic; text-decoration: none; text-transform: capitalize; margin-top: 4px }
.menu1-level3-cur  { font-size: 13px; font-style: italic; text-decoration: none; background-image: url(img/menu_cur_bg.png); text-transform: capitalize; padding-top: 2px; padding-bottom: 2px; border-style: none; border-width: 1px medium; border-color: #ccc }