body {
  color: #3B3B3B;
  font-family: Arial;
  font-size: 85%;
  line-height: 1em;
  background: #D76002 url(../img/background.gif) scroll repeat-y center center;
}

strong, strong * {
  font-weight: bold;
}

em {
  font-style: italic;
}

/* default styling */

h1, h2 {
  color: #666666;
}

h1, h2 {
  font-size: 1.8em;
  line-height: 1em;
  margin-bottom: 0.65em;
}
/*
h2 {
  font-size: 1.8em;
  line-height: 1em;
  margin-bottom: 1em;
}
*/
h3 {
  font-size: 1.4em;
  line-height: 1em;
  margin-bottom: 0.5em;
}

h4 {
  font-size: 1.2em;
  line-height: 1.8em;
  margin-bottom: 0.5em;
}

h5, h6 { font-weight: bold;}

h5, h6, p, ol, ul {
  font-size: 0.95em;
  line-height: 1.2em;
  margin-bottom: 1em;
}

ul  {
  line-height: 1.4em;
}

.col1 h6 { font-size: 0.85em;}
.col2 h6 { margin-bottom: 0.2em; }

p.big {
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
}

p.grey {
  color: #8B8B8B;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, li a {
  color: #FF6600;
}

li a {
  color: #FF6600;
}

h1 a, h2 a, h1 a, h3 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, p a:hover, li a:hover, li.current a {
  color: #666666;
}

h3 a:hover, li.current a ul li a {
  color: #FF6600;
}

/* site layout */

#wrap {
  width: 994px;
  margin: 35px auto;
}

#header, #banner, #content, #footer {
  background-color: #FFFFFF;
  width: 910px;
  margin: 0 42px;
}

#header {
  height: 70px;
  overflow: hidden;
}

#header h1, #header h1 a {
  display: block;
  width: 120px;
  height: 70px;
  text-indent: -1000em;
  background: transparent url(../img/videalert-logo.gif) scroll no-repeat 0 0;
}

#header h1 {
  float: left;
}

#header ul {
  display: block;
  float: right;
  height: 40px;
  margin-top: 30px;
}

#header ul li {
  display: block;
  height: 40px;
  /*width: 81px;*/
  margin-left: 18px;
  float: left;
}

#header ul li a {
  display: block;
  /*height: 40px;*/
  /*width: 81px;*/
  /*background: transparent url(../img/nav-li-bg.gif) scroll no-repeat 0 0;*/
  
  /*font-size: 1em;*/
  font-size: 14px;
  font-weight: normal;
  color: #676C6C;
  
  padding-top: 22px;
  line-height: 18px;
  /*padding-left: 5px;*/
}

#header ul li.current a, #header ul li a:hover {
  background: transparent url(../img/nav-li-bg.gif) scroll no-repeat top center;
  color: #FF7A00;
}

#banner {
  border-top: 20px solid #FFFFFF;
  border-bottom: 25px solid #FFFFFF;
}

#content {
  background: #FFFFFF url(../img/main_bg.gif) scroll repeat-y top left;
}

#content .col1 {
  width: 180px;
  float: left;
}

#content .col2 {
  width: 516px;
  margin-left: 18px;
  float: left;
}

#home #content {
  background: #FFFFFF url(../img/bg.gif) scroll repeat-y 730px 0;
}

#home #content .col1 {
  width: 714px;
}

#home #content .col2, #content .col3 {
  width: 160px;
  float: right;
}

#content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-left:2em;
}

#content ul.menu, #content ul.submenu {  list-style: none; list-style-position: outside; padding: 0; text-indent: 0; margin: 0; }
#content ul li a { font-weight: normal; color: #ff7a00; }
#content ul li a:hover, #content ul li.current a { color: #676B6B; padding: 0; text-indent: 0; margin: 0; }
#content ul li.current ul li a { color: #676B6B; }
#content ul li.current ul li a:hover, #content ul li.current ul li.current a { color: #FF7A00; }
#content ul.menu { line-height: 1.5em; }
#content ul.submenu { margin: 0.4em 1em; line-height: 1.6em;}

#content ul.menu li a { color: #676B6B;}
#content ul.menu li a:hover, #content ul.menu li.current a { color: #ff7a00; padding: 0; text-indent: 0; margin: 0;}


#footer {
  border-top: 1px solid #CCCCCC;
  margin-top: 25px;
  padding-top: 1em;
  font-size: 0.8em;
}

.teasers div h3, .teasers div p { margin-left: 115px; }
.teasers div.teaser {
  /*padding-bottom: 1em;*/
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 1em;
}

/* typo3 stuff */
#content table th, #content table td { padding-bottom: 1em; }


.mailform div.field {
  margin-bottom: .5em;
  clear: both;
}

.mailform div.field label,
.mailform div.field input.input,
.mailform div.field select.select,
.mailform div.field p.radiogroup,
.mailform div.field fieldset,
.mailform div.field textarea.text {
  float: left;
}

.mailform div.field label {
  width: 180px;
}

.mailform div.field input.input,
.mailform div.field select.select,
.mailform div.field textarea.text {
  width: 240px;
}

.mailform div.field fieldset legend {
  display: none;
}

.mailform div.field fieldset label,
.mailform div.field fieldset input {
  float: none;
}

.mailform div.field textarea.text {
  height: 100px;
}
/*
.required label {
  color: red;
}
*/

strong.tx-indexedsearch-redMarkup {
  color: #FA0505;
  font-weight: bold;
}

.search-browse {
  text-align: center;
  margin-bottom: 1em;
}

.search-browse a {
  text-decoration: none;
  color: #FA0505;
}

.search-browse a:hover {
  text-decoration: underline;
}

.searchbox form {
  border: 2px solid #6DB33F;
  padding: 1em;
  margin-bottom: 1em;
}

.searchbox-form {
  float: left;
}

.searchbox-form  label,
.searchbox-form input/*,
.search-submit input*/ {
  font-size: 1.4em;
  line-height: 1.3em;
}

.searchbox-form input {
  border:1px solid #666666;
  padding-left: .5em;
  width: 300px;
}

.search-submit {
  float: left;
  margin-left: 1em;
}

.search-submit input {
  width: auto;
}

.tx-indexedsearch-whatis {
  display: none;
}

h3.search, h3.search a {
  color: #3D860D;
  margin-bottom: 0.1em;
}

#content .csc-sitemap ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 2em;
  margin-bottom: 0;
}

#content .csc-sitemap h3 {
  margin-top: 1em;
}


/* utility classes */

.fl { float: left !important; }
.fr { float: right !important; }
.clear {  display: block; clear: both; margin-bottom: 0;}
.cl { clear: left; }
.cr { clear: right; }

.ta_r { text-align: right !important; }
.ta_l { text-align: left !important; }
.ta_c, .align-center { text-align: center !important; }

.mb_0 { margin-bottom: 0 !important; }
.mt_0 { margin-top: 0 !important; }

.ml_1 { margin-left: 1em !important; }
.mr_1 { margin-right: 1em !important; }
.mb_1 { margin-bottom: 1em !important; }
.mt_1 { margin-top: 1em !important; }

.lower { text-transform: lowercase; }

.w_half { width: 50%; }
.red { color: #FF3333;}
.green { color: #339933; }
.orange {color: #FF6600;}
.black {color :#000000;}