/* Styles for businessaktiv.de */
/* @author: Sabine Weiß <sabine.weiss@netz-schmiede.de>  */

*{
  margin:0;
  padding:0
}

body{
	margin:0;
	padding:0;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	background: #666666;
}

#maincontainer{
  position: relative;
	width: 770px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background: #FFFFFF;
	
  color: #666666;
}

/* Some general settings for appearance */

h1 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 0;
	color: #00256B;
}

h2 {
	margin: 0px 0px 5px 0px;
	font-size: 1.3em;
	font-weight: bold;
	color: #00256B;
}

h3 {
	margin: 0px 0 5px 0;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
}

acronym {
	cursor: help;
	text-decoration: underline;
}

:focus {
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0;
}

a, a:link, a:visited {
  color:#CC0000;
  text-decoration: none;
}

a:hover, a:active {
  color:#CC0000;
  text-decoration: underline;
  color: #666666;
}

a img {
	border: none;
}

blockquote{
  font-style: italic;
}

/* Some more general settings for lists */
ul, ol {
	padding: 0;
	margin: 1em 0 2em 2em;
}

ul>li {
	margin-bottom: 0.2em;
}

ul li {
	margin-bottom: 0.2em;
}

ul li ul {
	padding: 0;
	margin: 0 0 0 2em;
}

ol>li {
	margin-bottom: 1em;
	list-style: decimal outside;
}

ol li {
	margin-bottom: 1em;
	list-style: decimal outside;
}

hr {
	margin: 12px 0;
}

/* ... and the most general text setting is...  */
p {
	margin: 0 0 1.2em 0;
}

/* Helper classes*/

.floatLeft{float: left;}
.floatRight{float:right;}
.clear{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}
.top{vertical-align:top;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.justify{text-align:justify;}
.bold{font-weight:bold;}

/* And from here the more individual settings */


#header{
	width: 100%;
}

#motto, #topImg {
  float: left;
}

#navi {
	position: relative;
	z-index: 10;
}

#navi ul, #navi ul ul {
  list-style-type: none;
  margin: 0 0 0 21px;
}

#navi ul a {
	display: block;
	width: 179px;
	text-align: center;
}

#navi ul li {
	float: left;
	width: 179px;
  border: 1px solid #E5E5E5;
  background: #FFFFFF;
  margin: 1px 2px 0 0px;
  padding:0;
  text-align: left;
  font-weight: bold;
  line-height: 2.2em;
}

#navi ul li a, #navi ul li a:link, #navi ul li a:visited {
  color: #666666;
  text-decoration: none;
}

#navi ul li a:hover, #navi ul li a:active, #navi ul li a.active {
  color:#CC0000;
  text-decoration: none;
  font-style: normal;
  color: #D20011;
}

#navi ul li a.active{
	background: #E5E5E5;
}

#navi ul li ul {
    margin: -4px 0 0 -1px;
    padding: 5px 0 8px 0;
    position: absolute;
    width: 179px;
    display: none;
}

#navi ul li:hover ul, #navi ul ul.hover, #navi ul li.hover ul {
   display:block;
}

#navi ul li ul li {
	float: none;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
}

#wrapper{
	position: relative;
	float: left;
	width: 100%;
}

#rightcolumn{
	float: right;
	width: 196px;
}

.kastenGrau, #rightcolumn p {
	text-align: center;
	font-size: 0.9em;
	line-height: 1.2em;
  background: #E5E5E5;
  margin: 0 17px 5px 2px;
  padding: 5px 0;
	
}

#title {
  text-align: right;
  margin: 15px 20px 5px 0;
}

#leftcolumn {      
	float: left;
	width: 460px; /*Width of left column*/
	padding: 15px 0 0 40px;
}

#contentcolumn {
	width: 720px;
	padding: 0 0 0 32px;
	position: relative;
	top: -32px;
	
}

.logo {
	margin-left: 130px;
	clear: left; /*required for FF*/
}

.portrait, .portraitText {
	float: left;
}

.portrait {
	width: 130px;
}

.portraitText {
	width: 590px;
	border-bottom: 1px dotted #666666;
}

.portraitText ul li {
	margin-right: 3em;
}

#leftcolumn p {
	text-align: justify;
}

#footer{
	clear: left;
	text-align: right;
	margin: 0 18px 4px 28px;
	padding: 5px;
	line-height: 1.2em;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: 1.1em;
  border-top: 1px solid #00256B;
}

/* table settings 'layout 1' */

table.contenttable-1, table.contenttable {
	table-layout:fixed;
	border-collapse:collapse;
}

table.contenttable-1 th, table.contenttable-1 td, table.contenttable td {
	padding: 0 10px;
}

table.contenttable-1 th {
	padding: 10px;
}

table.contenttable-1 th {
	margin: 0px 0px 5px 0px;
	font-size: 1.3em;
	font-weight: bold;
	color: #00256B;
	text-align: left;
}

table.contenttable-1 .td-0 {
	width: 453px;
}

table.contenttable-1 .td-1{
	width: 5px;
}
table.contenttable-1 .td-2{
	width: 220px;
}

table.contenttable-1 .td-0, table.contenttable-1 .td-2 {
	background: #D9EDFF;
}

table.contenttable-1 .tr-2 {
	font-weight: bold;
}

/* text with image */

div.csc-textpic-clear, div.csc-textpic csc-textpic-left csc-textpic-above, dl.csc-textpic-image csc-textpic-lastcol,
div.csc-textpic csc-textpic-left csc-textpic-above div.csc-textpic-imagewrap dl.csc-textpic-image csc-textpic-lastcol img
	 {
	margin: 0 0 -8px 0;
	padding: 0;
}

div.csc-textpic-imagewrap {
	margin:0;
	padding:0;
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	margin: 15px 0;
}

div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:15px !important;
}

/* nach-oben-Link */

.csc-linkToTop {
	text-align: right;
}

/* tt_news */

.news-list-item img, .news-latest-item img, .news-single-item img {
	border: 1px solid #00256B;
	float: left;
	margin: 0 8px 8px 0px;
}

.news-latest-container {
	border-bottom: 5px solid #FFFFFF;
	padding-bottom: 5px;
}

.news-latest-item img {
	margin: 0 8px 4px 2px;
}

div.kastenGrau div.news-latest-container div.news-latest-item p {
	text-align: left !important;
	font-size: 1em !important;
	padding: 0 8px 0 8px !important;
}

.news-single-backlink {
	margin: 0 0 15px 0;
}

/* Kontaktformular */

#mailform {
	margin-top: 15px;
}

.csc-mailform-field {	
	margin-top: 4px;
}

.csc-mailform-field label {
	margin-top: 2px;
	position:absolute;
	text-align:left;
	vertical-align:top;
}

.csc-mailform-field select, .csc-mailform-field input {
	height: 18px;
}

.csc-mailform-field select, .csc-mailform-field input, .csc-mailform-field textarea {
	margin: 0 0 0 137px;
	border-color: #00256B #666666 #666666 #00256B;
	border-style: solid;
	border-width: 1px;
	color: #404040;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0;
}

.csc-mailform-submit {
	background: #999999;
	color: #FFFFFF !important;
}

div.radiolayout fieldset {
	border: 0px;
	margin: 5px 0;
}

div.radiolayout input {
	margin-right: 5px;
	margin-left: 137px;
}