/*
Colors:
TISP green (Logo, info box): #008000
dark TISP green (Extra navigation background): #D71619
light grey (background, info box): #F0F0F0
mid grey (borders, table borders, ...): #CECECE;
dark grey (Font color slogan, footer): #646464
*/

/* General formating of headings, links, ... */
body {
	text-align:center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #F0F0F0;
    color:#646464;
    margin: 0;
    padding:0;
}
p {
    width:500px;
}
table p{
	width:auto; /* otherwise each <td> where there is a <p> inside is 500px as defined above */
}
.stiwa_group { /* the brand name "stiwa group" ALWAYS has to be written italic/bold */
	/* edited by ArnI 25.08.2008: "italic/bold" for brand name does not apply any more! */
    font-weight: normal;
    font-style: normal;
}
div.page {
    text-align:left;
    margin: auto; /* centers the page */
    width: 966px;
    padding: 0;
    border: none;
}
.tooltip {  /*e.g.: <span title="Popup Text" class="tooltip">Hier kommt Text.</span>*/
	border-bottom: 1px dashed #008000;
	padding: 0px;
	margin: 0px;
	cursor:help;
}

/* Headings */
h1{
	color:#008000;
	background-color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
}
h2{
	color:#646464;
	background-color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}
h3{
	color:#646464;
	background-color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
}
.less_margin_bottom {

	margin-bottom:-16px !important;
	margin-bottom:-11px;
}

/* Tables */
table.fix_width {
	width:500px;
}
table.csc-uploads {
	width:500px;
}
table.layout {
	border:0px;
	color:#646464;
	background-color:#FFFFFF;
	padding: 5px 10px 5px 0px;
}
table.layout td {
	border:0px;
	padding:10px 20px 10px 0px;
}
table.layout th {
	border:0px;
	padding:10px 20px 10px 0px;
	color:#646464;
	background-color:#FFFFFF;
}
table {
	font-size:12px;
	border:1px solid #CECECE;
	margin: 5px 5px 5px 0px;
	padding:0;
	color:#646464;
	background-color:#F0F0F0;
}
td {
	border:1px solid #CECECE;
	color:#646464;
	background-color:#FFFFFF;
	padding:5px 5px 5px 5px;
}
th {
	border:1px solid #CECECE;
	color:#FFFFFF;
	background-color:#646464;
	padding:5px 5px 5px 5px;
}
th.left {
	border:1px solid #CECECE;
	color:#646464;
	background-color:#F0F0F0;
	padding:5px 5px 5px 5px;
}

/* Lists */
ul {
	padding-bottom:4px;
	width:500px;
	/* workaround: IE zeigt tlw. Aufzaehlungspunkte nicht an deswegen werden diese im li tag als Hintergrundbild eingebunden */
	list-style:none;
}

li {
	padding-left: 10px;
	margin: 0px;
	/* workaround: IE zeigt tlw. Aufzaehlungspunkte nicht an deswegen werden diese im li tag als Hintergrundbild eingebunden */
	background-image: url("/fileadmin/templates_stiwagroup/images/list.gif");
	background-repeat: no-repeat;
}

/* Images */
img{
	border:0px;
}
img.border {
	border:1px solid #CECECE;
	padding:5px;
	color:#646464;
	background-color:#F0F0F0;
}

/* Links */
a {
	color: #008000;
	background-color:#FFFFFF;
}
a:hover {
	color:#000000;
	background-color:#FFFFFF;
}

/* Content */
div.main {
	clear: both;
	margin: 0;
	padding: 20px;
	background-color: #FFFFFF;
	float: left;
	width: 926px !important; /* width for Firefox 1.0.6 */
	width: 966px; /* width for IE 6.0.x */
	color:#646464;
	background: url(images/main.gif) repeat-y;
	border: 0;
}
div.main_top {
    clear: both;
    height: 13px;
    width: 966px;
    margin: 0px !important; /* margin for Firefox 1.0.6 */
    margin: 0px 0px -2px 0px; /*margin for IE 6.0.x */
    background: url(images/main_top.gif) no-repeat;
}
div.content{
	display:block;
	float:left;
	margin:0px 0px 0px 40px;
	width:694px;
}

/* Header (logo, slogan) */
div.header {
    margin: 0px 0px 15px 0px;
    padding: 0px 20px 0px 0px;
    width: 946px !important;
	width: 966px;
    height: 112px;
    background: url(images/tisp/tisp_banner.gif);
    border:0px;
}
#logo {
	float: left;
	position:relative;
	top:11px;
	left:20px;
}
#slogan {
	color: #646464;
	background-color: #FFFFFF;
	width:550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	position:relative;
	top: 49px;
	left: 31px;
	margin-left:218px;
}

/* Extra Navigation */
div.extra_nav {	
	float:right;
	font-size:12px;
	font-weight: bold;
	position:relative;
	top:67px;
	color:#FFFFFF;	
	background-color:#007300; /*none;  #008000; no color because of gradient */
}
.extra_nav a, .extra_nav a:visited, .extra_nav a:active {
	font-weight: bold;
	text-decoration:none;
	color:#FFFFFF;	
	background-color:#007300; /* #008000; no color because of gradient*/
}
.extra_nav a:hover {
	font-weight: bold;
	text-decoration:underline;
	color:#FFFFFF;
	background-color:#007300; /* #008000;/*no color because of gradient*/
}
.language {
	display:none;
}

/* Infobox (contains e.g. navigation or login form) */
.infoboxes {
	float:left;
}
.infobox_top {
    width: 150px !important;
	width: 170px;
	color:#008000;
    background-color: #F0F0F0;
    background: url(images/tisp/infobox_top.gif) no-repeat;
    margin: 0 20px 20px 0;
    padding: 25px 10px 10px 10px;
}
.infobox_middle {
    background-color: #F0F0F0;
	color:#646464;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height:16px;
}
.infobox_bottom {
	width:170px;
    background: url(images/tisp/infobox_bottom.gif) no-repeat;
	margin: 0px 0px 20px 0px;
    padding: 0px 0px 25px 0px;
}

/* Navigation */
/* Navigation 1 (main navigation) */
div.nav_selected {
	border:1px solid #CECECE;
	color:#646464;
	background-color:#FFFFFF;
	font-size:12px;
	margin: -1px -4px 0px -4px;
	padding: 0px 0px 0px 3px;
	line-height:18px;
}
a.nav1, a.nav1:visited, a.nav1:active {
	color: #646464;
	background-color:#F0F0F0;
	text-decoration:none;
	font-size:12px;	
	font-weight:bold;
	line-height:18px;
}
a.nav1:hover {
	color: #008000;
	background-color:#F0F0F0;
	text-decoration:none;
	font-weight:bold;
	line-height:18px;
}
a.nav1_selected, a.nav1_selected:visited, a.nav1_selected:active, a.nav1_selected:hover {
	color: #646464;
	background-color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	line-height:18px;
}

/* Navigation 2 */
a.nav2, a.nav2:visited, a.nav2:active {
	color: #646464;
	background-color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
}
a.nav2:hover {
	color: #008000;
	background-color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
}
a.nav2_selected, a.nav2_selected:visited, a.nav2_selected:active, a.nav2_selected:hover {
	color: #008000;
	background-color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
}
/* Navigation 3 */
a.nav3, a.nav3:visited, a.nav3:active {
	color: #646464;
	background-color:#FFFFFF;
	text-decoration:none;
	padding-left:14px;
	font-size:11px;
	background: url(images/spacer_nav.gif);
	background-repeat: no-repeat;
}
a.nav3_selected, a.nav3_selected:visited, a.nav3_selected:active, a.nav3_selected:hover {
	color: #008000;
	background-color:#FFFFFF;
	text-decoration:none;
	padding-left:14px;
	font-size:11px;
	background: url(images/tisp/list_nav.gif);
	background-repeat: no-repeat;
}
a.nav3:hover {
	color: #008000;
	background-color:#FFFFFF;
	text-decoration:none;
	padding-left:14px;
	font-size:11px;
	background: url(images/spacer_nav.gif);
	background-repeat: no-repeat;
}

/* Footer for legal info at bottom of page */
div.footer {
    color: #646464;
	background-color:#F0F0F0;
	text-align: center;
    clear: both;
	margin: 0;
    padding: 15px;
    background: url(images/main_bottom.gif) no-repeat;
    border:none;
}


/* * Formulare formatieren * */
.csc-form-labelcell p {
	width:70px;
}
.csc-loginform td {
	border:none;
}