/****************************************************************************************************/
/*                         mental-images / styles 2009                                              */
/*                          by ott-deffge ITconsulting / http://www.typo3-welt.de                   */
/****************************************************************************************************/

/****************************** Base Styles *********************************/
body {
 background: #fff;
 text-align: left;
 font-family: Arial, sans-serif;
 font-size: 10px;
 color: #000;
 margin: 0;
 padding: 0;
}

div#top_menu { display: none; }
div#header_right { display: none; }
div#flash_banner { display: none; }
div#teaser { display: none; }
div#left_navigation { display: none; }
div#footer1 { display: none; }

 p,h1,h2,h3,h4,h5,h6 {
 line-height:150%;
}

hr {
 background: #000;
 height: 1px;
 border: none;
}

#logo-print {
  display: inline;
  position: relative;
  top: -20px;
}

#logo-screen {
  display: inline;
  position: relative;
  top: -20px;
}


h1,h2 {
 font-size:1.4em;
 color: #000;
 margin-top:10px;
 margin-bottom:5px;
 padding-bottom:5px;
}

h1,
h3 {
 border-bottom: solid 1px #000;
}

h2.tt-news-single-subheader {
	font-size: 13px;
	margin-top: 15px;
}

.csc-firstHeader {
 margin-top: 0;
 padding-top: 0;
}

th,td,a,input,textarea,h3,h4,h5,h6 {
 font-size:1em;
 text-align: left;
 vertical-align: top;
}

sup {
 line-height: 1px;
 padding: 0;
}

h3,h4,h5,h6 {
 font-size: 1em;
 color: #616262;
 margin-top:10px;
 margin-bottom:5px;
 padding-bottom:5px;
}

p {
 margin-top: 0;
 margin-bottom: 5px;
 padding: 0;
}

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

form a {
 color: #000;
}
a
 img {
 border:0px;
 text-decoration: none;
}

a {
 outline: none;
}

.csc-textpic-text a span,
#column4 p a span,
#column3 p a span,
#column2 p a span,
#column1 p a span,
#content a.link_intern span,
a.linkFunction span,
a.linkMore span { /* arrows */
 background: url(../img/link_arrow.gif) no-repeat right 3px;
 color: #fff;
 display: inline;
 padding: 0 0 0 12px;
 width: 8px;
}

.csc-textpic-text a:hover span,
#column4 p a:hover span,
#column3 p a:hover span,
#column2 p a:hover span,
#column1 p a:hover span,
a:hover.link_intern span,
a:hover.linkFunction span,
a:hover.linkMore span {
 background: url(../img/link_arrow_over.gif) no-repeat right 3px;
 height: 8px;
 padding-left: 12px;
 text-decoration: none !important; /* mysteriously this works in ie and eliminates the hover under the span */
 width: 8px;
}

a.link_mail,
#teaser a.link_mail {
 background: none !important;
 padding-left: 0;
}

a.linkUp {
 display: block;
 text-decoration: none;
}

ul, li ul {
 list-style-type: disc;
 margin-left: -10px; 
}

ul li {
 line-height: 150%;
}

#content ol li {
 line-height: 150%;
 margin-left: -22px;
}


table.contenttable {
 border-collapse:collapse;
 width: 468px;
}

table.contenttable th {
 border-bottom: 1px solid #000;
 padding-right: 10px;
}

table.contenttable td {
 border-bottom: solid 1px #000;
 padding: 10px 10px 5px 0;
 vertical-align: top;
}

/****************************** Special Styles *********************************/

h1.title_header {
 color: #000;
 font-size: 1.833em;
 border:0px;
 margin: 0 0 0 200px
}

h2.sub_header {
 font-weight: 400;
 font-size:1.5em;
 line-height: 130%;
 padding-left: 200px;
 margin:-6px 0px -6px;
 color: #000;
 width: 468px;
}

/****************************** Header *********************************/

img#NVLogo_2D_H {
 width: 150px;
 height: 32px;
 border: 0;
 margin-left: 40px;
}


/****************************** Container Wrap Middle *********************************/

div#wrap_middle {
 width:916px;
 margin:auto;
 clear:both;
}



/****************************** Page Title *********************************/

div#page_titles {
 clear: both;
 float: left;
 min-height: 78px;
 /*margin: 58px 220px 0 0;*/
}

/****************************** Content *********************************/

div#content {
 margin-left: 200px;
 width: 468px;
 float:left;
}

* html div#content { margin-right: -3px; } /* fixes ie6 double character bug */

/****************************** Content Homepage *********************************/

div#column1 h1,
div#column2 h1,
div#column3 h1 {
 margin:0px; 
 color:#FFFFFF;
 font-weight: 400;
 padding:0px;
 border:0px;
 font-size: 1.05em;
}

div#column1 p,
div#column2 p,
div#column3 p {
 /*border-bottom: 1px solid #c6c9c8;*/
 padding:0px 0px 10px 0px;
 margin:10px 0px 0px 0px;
}

div#column1 dl,
div#column2 dl,
div#column3 dl,
div#column4 dl {
 /*margin-top:10px;*/
}

div#column1 {
 margin: 0 14px 0 40px;
 float:left;
 width: 214px;
 display: inline; /* fixes the box model drama in ie6 */
}

div#column1 div.csc-header-n1 {
 background:#949384;
 margin: 24px 0 10px;
 padding: 3px 2px 2px 10px;
}

div#column2 {
 display: inline; /* fixes the box model drama in ie6 */
 margin-right: 14px;
 float:left;
 width: 214px;
}

div#column2 div.csc-header-n1 {
 margin: 24px 0 10px;
 background:#665b47;
 padding: 3px 2px 2px 10px;
}

/*** ie only */

first-child+html div#column2 div.csc-header-n1 {  border:solid 1px #FFFFFF; }

div#column3 {
 display: inline; /* fixes the box model drama in ie6 */
 margin-right: 8px;
 float:left;
 width: 214px;
}

div#column3 div.csc-header-n1 {
 background:#5b6a62; 
 margin: 24px 0 10px;
 padding: 3px 2px 2px 10px;
}

div#column4 {
 display: inline; /* fixes the box model drama in ie6 */
 margin: 0 0 0 0;
 float:left;
 width: 226px;
 background:#EAEAEA;
 padding: 0 0 20px;
}

div#column4 h1 {
 color: #616262;
 border-bottom:solid 1px #000;
 padding:0px 0px 10px 0px;
 font-size: 1.05em;
 margin: 1px 3px 0;
 padding: 0 0 3px;
}

div#column4 p {
 border-bottom:solid 1px #000;
 padding:0px 0 10px;
 margin: 10px 2px 0;
}

div.indent {
	margin-left: 20px;
}

/****************************** Footer *********************************/


div#footer2 {
 padding-top: 15px;
 font-size:0.8em;
 padding-bottom:30px;
 clear: both;
 text-align: right;
 margin-right: 210px;
 width: 100%;
}

/****************************** Gallery *********************************/


.csc-textpic-image img {
 margin-right: 5px !important;
}

/* --------------- FORM ----------------- */

#content form {
 border: none;
 color: #000;
 font-size: 1em;
}

fieldset {
 border: none;
 padding: 5px 0;
}

.csc-mailform-field {
 background: #f4f4f4;
 float: left;
 margin-bottom: 1px;
 padding: 5px 10px;
 position: relative;
 width: 96%;
}

.cleared {
 background: url(../img/bg_form_border.gif) repeat-x left bottom #f4f4f4;
 padding-bottom: 16px;
}

.last {
 background: #fff !important;
 display: block;
}

label {
 clear: left;
 display: block;
 float: left;
 padding-top: 5px;
 width: 195px;
}

span.csc-mailform-label {
 left: 205px;
 position: absolute;
}

select {
 border: 1px solid #b5b5b5;
 color: #525052;
 float: left;
 font: 1em Arial, Helvetica, sans-serif;
 padding: 2px;
 width: 250px;
}

input.csc-mailform-submit {
 background: url(../img/link_arrow_grey.gif) no-repeat left center;
 border: none;
 color: #000;
 cursor: pointer;
 float: left;
 font: 1em Arial, sans-serif;
 font-weight: 700;
 padding: 1px 12px 2px 15px;
 text-decoration: none;
 overflow: visible;
}

input.csc-mailform-submit:hover {
	text-decoration: underline;
}

* +html input.csc-mailform-submit { background-position: left 6px; }