@import url("nref_tt-news.css");
/*SCREEN LAYOUT CSS*/
body  { background-image: url("../img/background_pattern.jpg"); background-repeat: repeat; text-align: left; margin: 0; padding: 0 }
#box-in-box      { background-image: url("../img/main_background.jpg"); background-repeat: no-repeat; text-align: left; margin-left: 0; padding-top: 0; position: fixed; width: 100%; height: 100%; overflow: scroll }
.bg  { position: fixed; top: 0; left: 0; width: 100% }

#box-in-box2  { width: 850px }
#header  { margin: 0; padding: 0; width: 500px; height: 115px }
#col_left  { position: relative; width: 350px; float: left }
#col_middle { margin-right: 10px; margin-left: 10px; position: relative; width: 470px; float: left }
#col_right  { position: relative; width: 230px; float: left }
#page_title { background-color: white; margin-bottom: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; width: 450px }
#content { background-color: white; margin-bottom: 10px; padding: 10px; position: relative; width: 450px }
#menu1   { background-image: url("../img/menu_background-trans.png"); background-repeat: no-repeat; margin-bottom: 10px; padding-top: 100px; padding-right: 10px; padding-bottom: 10px; width: 100% }
#menu2  { }
#specialcontent_left  { background-color: white; margin-bottom: 10px; margin-left: 130px; padding: 10px }
#specialcontent_right { background-color: white; margin-bottom: 10px; padding: 10px }
#footer   { margin-bottom: 20px; margin-left: 360px; position: relative; width: 450px; float: left }
#footer1 { background-color: white; margin-bottom: 20px; margin-left: 360px; padding: 6px 10px 7px; position: relative; width: 450px; float: left }
/*SCREEN CONTENT STYLES CSS*/

body { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }

/* --- main content*/
#content h1   { color: #202020; font-size: 25px }
#content h2   { color: #202020; font-size: 18px; padding-top: 10px; padding-bottom: 0 }
#content h3   { color: #202020; font-size: 13px }
#content h4, #content h5, #content h6   { color: #202020; font-size: 13px }
#content p, #content td, #content ul, #content ol  { color: #202020; font-size: 13px; line-height: 1.25 }
#content a  { color: #ff5100 }
#content a:hover  { color: #202020; text-decoration: none }
#content a:visited  { color: #ff5100 }
#content li { list-style-type: square }
#content td hr { border-top: 1px dashed #999; border-right: none; border-bottom: none; border-left: none }
#content tr:hover { background-color: #f6eae3 }
/* --- MAILFORM ------------------*/
form  { display: inline; margin: 0; padding: 0 }
textarea { border: solid 1px #ccc }
fieldset.csc-mailform  { color: #202020; font-size: 13px; margin: 0; padding: 0; border-style: none }
fieldset.csc-mailform label   { width: 100px}
fieldset.csc-mailform input    { font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; border: solid 1px #ccc }
fieldset.csc-mailform span.csc-mailform-label {font-weight:bold; font-size: 16px}
fieldset.csc-mailform input[type=text]   { color: black; font-size: 16px; padding-top: 1px; padding-bottom: 1px; width: 300px; border-style: none }
fieldset.csc-mailform input[type=text]:focus  { background-color: #ffecaf }
fieldset.csc-mailform input[type=submit]  { color: #fff; font-size: 15px; font-weight: bold; background-color: #202020; padding: 3px 5px 2px; border-style: none }
div.csc-mailform-field  { margin-bottom: 12px; padding-bottom: 1px; border-bottom: 1px solid #b4b4b4 }
/* ---------------------*/

/*TYPO3 specific*/
/* dd und dl */
.csc-textpic-caption {}

/* --- */
#page_title, #page_title p  { color: #ffa211; font-size: 18px; text-transform: uppercase; letter-spacing: 3px }

/* --- navigation */
#menu1 ul#navi_l1  { color: #575757; font-size: 11px; text-transform: uppercase; letter-spacing: 4px; margin-left: 150px; padding-right: 0; padding-left: 0 }
#navi_l1 li   { list-style-type: none; margin: 8px 0; padding: 2px 0 2px 1px }
#menu1 ul#navi_l2  { color: #575757; font-size: 11px; text-transform: uppercase; letter-spacing: 4px; margin: 0; padding: 0 }
#navi_l2 li   { list-style-type: none; margin: 8px 0; padding: 2px 0 2px 22px }
#menu2 ul#navi_l3  { color: #575757; font-size: 13px; background-color: white; margin-left: 130px; padding: 10px; width: 200px }
#navi_l3 li   { list-style-type: none; margin: 0; padding: 0 0 3px 5px }
#navi_l1 li a, #navi_l2 li a, #navi_l3 li a { color: #999; text-decoration: none }
#navi_l1 li a:hover, #navi_l2 li a:hover, #navi_l3 li a:hover { color: #000; text-decoration: none }
#navi_l1 li.current a, #navi_l2 li.current a, #navi_l3 li.current a  { color: black; text-decoration: none }
#navi_l1 li.active a, #navi_l2 li.active a, #navi_l3 li.active a { color: black; text-decoration: none }
/* --- specialcontent */
#specialcontent_left h1  { color: #202020; font-size: 16px }
#specialcontent_left p  { color: #202020; font-size: 12px; line-height: 1.4 }
#specialcontent_right h1 { color: #202020; font-size: 16px }
#specialcontent_right p  { color: #202020; font-size: 12px; line-height: 1.4 }
#specialcontent_left h1 { color: #ff5100; font-size: 14px; text-transform: uppercase }
#specialcontent_left a { color: #ff5100 }
/* --- FOOTER */
#footer, #footer p, #footer a  { color: #999; font-size: 11px }
#footer a { color: #999 }
#footer a:hover  { text-decoration: none }