body,td,div,p {
	font-family: arial, sans-serif;
	font-size:12px;

}
/*p.bodytext {*/
/*    width:500px;*/
/*}*/
h1 {
                font-size:14px;
                font-weight:bold;
                color:#143278;
                padding:25px 0px 0px 0px;
}
/* First Header of a page is at the top*/
h1.csc-firstHeader{
	margin:-28px 0px 0px 0px;
}
h2 {
                font-size:12px;
                font-weight:bold;
                color:#AE3024;
}

h3 {
                font-size:12px;
                font-weight:bold;
                color:#555555;
}

div.nav1 {
	background-color:#FFFFFF;
        border-color:#FFC04C;
        border-width:1px;
        border-style:solid;
	margin-left:8px;
	margin-right:8px;
	margin-top:4px;
	margin-bottom:4px;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
}

a.nav1, a.nav1:visited, a.nav1:active {
	color: #143278;
	text-decoration: none;
}
a.nav1:hover {
        color: #FFA500;
	text-decoration: none;
}
a.nav1selected, a.nav1selected:visited, a.nav1selected:active {
        color: #FFA500;
	text-decoration: none;
}
a.nav1selected:hover {
	color: #FFA500;
	text-decoration: none;
}


div.nav2 {
	background-color:#FFFFFF;
        border-left:solid 1px #CECECE;
        border-right:solid 1px #CECECE;
	margin-left:8px;
	margin-right:8px;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
}
a.nav2, a.nav2:visited, a.nav2:active {
	color: #494949;
	text-decoration: none;
}

a.nav2:hover {
	color: #143278;
	text-decoration: none;
}
a.nav2selected, a.nav2selected:visited, a.nav2selected:active {
	color: #143278;
	text-decoration: none;
}
a.nav2selected:hover {
	color: #143278;
	text-decoration: none;
}


div.nav3 {
	background-color:#FFFFFF;
        border-left:solid 1px #CECECE;
        border-right:solid 1px #CECECE;
	margin-left:8px;
	margin-right:8px;
	padding-left:15px;
}

a.nav3, a.nav3:visited, a.nav3:active {
	color: #494949;
	text-decoration: none;
}
a.nav3:hover {
	color: #143278;
	text-decoration: none;
}
a.nav3selected, a.nav3selected:visited, a.nav3selected:active {
	color: #143278;
	text-decoration: none;
}
a.nav3selected:hover {
	color: #143278;
	text-decoration: none;
}

div.footer, a {
                font-size:11px;
                color:#AAA9A9;
}

a {
                font-size:12px;
                color:#939598;
}
.survey_item {
                border-bottom:1px solid gray;
                padding-bottom:20px;
}

p.csc-caption {
                color:#999999;
                font-size:11px;
                font-weight:bold;
}
img {
                border:none;
}

/* * Listen formatieren * */
ul{
	list-style-image:url(images/list.gif);
	padding-bottom:4px;
	max-width:440px;
}

/* * Tabellen formatieren * */
table.layout{
	border: 1px solid #FFA500;
	background-color:#FFE8BF;
	
}
table.layout td{
	border: 1px solid #FFA500;
	padding:3px 3px 3px 3px;
	background-color:#FFFFFF;
}
table.layout th{
	padding:3px 3px 3px 3px;
	border: 1px solid #FFA500;
	color:#FFA500;
	background-color:#FFF9EE;
	font-size:12px;
}


/****************************************************************/
/****************************************************************/
/**** alles ab hier ist für die 4 buttons auf der Startseite ****/
/****************************************************************/
/****************************************************************/

#quicklinks { 
  width:410px; 
  height:410px; 
  position:relative; 
  top:15px; 
  left:170px;
}
/* Automation */
div#automation{
	width:200px; height:200px;
	position:relative;
	top:0px;
	left:0px;
	background-image:url(images/startseite/automation_active.jpg);
}
#automation { 
  width:200px; 
  height:200px; 
  position:absolute; 
  top:0px; 
  left:0px; 
  background-color:#FFFFFF;
}
#automation a {
    background: url(images/startseite/automation_active.jpg) no-repeat;
    display:block; width:200px; /* Linkbereich begrenzen */
}
#automation img {
  display:block; width:200px; height:200px;
}
#automation a:hover img {
  visibility: hidden;
}

/* Impuls */
#impuls { 
  width:200px; 
  height:200px; 
  position:absolute; 
  top:0px; 
  left:210px; 
  background-color:#FFFFFF;
}
#impuls a {
    background: url(images/startseite/impuls_active.jpg) no-repeat;
    display:block; width:200px; /* Linkbereich begrenzen */
}
#impuls img {
  display:block; width:200px; height:200px;
}
#impuls a:hover img {
  visibility: hidden;
}

/* Serverhousing */
#serverhousing { 
  width:200px; 
  height:200px; 
  position:absolute; 
  top:210px; 
  left:0px; 
  background-color:#FFFFFF;
}
#serverhousing a {
    background: url(images/startseite/serverhousing_active.jpg) no-repeat;
    display:block; width:200px; /* Linkbereich begrenzen */
}
#serverhousing img {
  display:block; width:200px; height:200px;
}
#serverhousing a:hover img {
  visibility: hidden;
}

/* Miete */
#miete { 
  width:200px;
  height:200px; 
  position:absolute; 
  top:210px; 
  left:210px; 
  background-color:#FFFFFF; 
}
#miete a {
    background: url(images/startseite/miete_active.jpg) no-repeat;
    display:block; width:200px; /* Linkbereich begrenzen */
}
#miete img {
  display:block; width:200px; height:200px;
}
#miete a:hover img {
  visibility: hidden;
}