/*The body class - all default settings for background color, fonts, text color etc.*/
body {
background-color: #534B4B;
text-align:center;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.71em;
color:#666666;
text-align:justify;
}

/*Styling for normal images*/	
img {

}

/*Text-Input Field - For the "contact" page*/
textarea {
background-image:url(../images_diz/back_main.jpg);
border: 1px solid #999999;
width:90%;
}

/*Submit button - For the "contact" page*/
input {
background-image:url(../images_diz/back_main.jpg);
border: 1px solid #999999;
}

/*mainarea*/
.prim {
width:707px;
margin:0px auto;
text-align:left;
}

/*responsible for the textarea background image*/
.main {
width:707px;
margin:0px auto;
text-align:left;
background-image:url(../images_diz/main_14.gif);
background-repeat:repeat-y;
float:left;
}

/*The contentarea*/
.contentarea {

}

/*Topmenu DIV and link styling*/
.topmenu{
height:120px;
float:right;
width:480px;
}

.topmenuint1{
height:30px;
}
.topmenuint2{
float:right;
padding-right:40px;

}
.topmenuint2 a:link{
padding-left:10px;
padding-right:3px;
font-size:0.9em;
background-image:url(../images_diz/dot.gif);
background-repeat:repeat-y;
background-position:left;
color:#666666;
text-decoration:none;
text-align:center;
height:16px;
line-height:30px;
}
.topmenuint2 a:visited{
padding-left:10px;
padding-right:3px;
font-size:0.9em;
background-image:url(../images_diz/dot.gif);
background-repeat:repeat-y;
background-position:left;
color:#666666;
text-decoration:none;
text-align:center;
height:16px;
line-height:30px;
}

.topmenuint2 a:hover{
padding-left:10px;
padding-right:3px;
font-size:0.9em;
background-image:url(../images_diz/dot.gif);
background-repeat:repeat-y;
background-position:left;
color:#6ba6ce;
text-align:center;
}

/*Main Menu Classes*/
.mainlevel a:link{
	font-size:0.9em;
	color:#6ba6ce;
	text-decoration:none;
	background-image:none;
	height:16px;
	line-height:30px;
	border-bottom:1px dotted #666666;
	text-align:left;
}

.mainlevel a:visited{
	font-size:0.9em;
	color:#6ba6ce;
	text-decoration:none;
	background-image:none;
	height:16px;
	line-height:30px;
	border-bottom:1px dotted #666666;
	text-align:left;
}

.mainlevel a:hover{
	height:16px;
	line-height:30px;
	font-size:0.9em;
	border-bottom:1px dotted #666666;
	background-image:none;
	color:#666666;
}

ul.menu1 {
    list-style:none;
	list-style-image: none;
    padding: 0;
	margin: 0;
	border: 0px solid red;
	
}
ul.menu1{
    padding-left: 0px;
}
ul.menu2 {
    list-style:none;
	list-style-image: none;
    padding: 0;
	margin: 0;
	border: 0px solid red;
	
}
ul.menu2{
    padding-left: 10px;
}
ul.menu3 {
    list-style:none;
	list-style-image: none;
    padding: 0;
	margin: 0;
	border: 0px solid red;
	
}
ul.menu3{
    padding-left: 20px;
}


/*Page Title - Inside the red rectangle at the top of every page*/
.title{
color:#FFFFFF;
text-transform:uppercase;
font-size:16px;
padding-right:4px;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

/*The colored background at the top of the all subpages. Holds the title of every page*/
.header2 {
	width:670px;
	height:18px;
	background-image:url(../images_diz/main_11.gif);
	background-repeat:no-repeat;	
	float:left;
}

/*Styling of the "Latest News" and "Recent Projects" boxes at the top of the "news" page*/
.latestbox a:link{
	font-size:1.1em;
	color:#6ba6ce;
	text-align:left;
}

.latestbox a:visited{
	font-size:1.1em;
	color:#6ba6ce;
	text-align:left;
}

.latestbox a:hover{
	height:16px;
	color:#666666;
	font-size:1.1em;
}

/*The big header image at the top of the main page*/
.header {
	width:670px;
	height:161px;
	background-image:url(../images_diz/main_11.gif);
	background-repeat:no-repeat;	
	float:left;
}

/*Content Area - the complete area below the header*/
.content {
	width:670px;	
	float:left;
}

/*Left part of the mainbody. Includes the content and news article*/
.left {
	width:490px;	
	float:left;
	padding-top:20px;
	padding-left:12px;
	text-align:justify;
}

/*Right part of the mainbody. Includes the mainmenu*/
.right {
	width:150px;
	float:right;
}

/*The container which holds the complete template. Includes the logo image*/
.mainbody {
	width:707px;
	background-image:url(../images_diz/main_03.gif);
	background-repeat:no-repeat;
	float:left;
	padding-left:19px;
}

/*The footer area*/
.footer {
	width:707px;
	height:72px;
	background-image:url(../images_diz/main_16.gif);
	background-repeat:no-repeat;
	float:left;	
	text-align:center;
	padding-top:12px;
	font-size:0.88em;
}

/*Styling of the site title. Is hidden but used by screenreaders and search engine bots/spiders*/
h1 {
visibility:hidden;
margin:0px;
padding:0px;
}

/*The article/page headline*/
h2{
	font-size:1.5em;
	color:#6ba6ce;
	text-transform:uppercase;
	background-image:none;
	height:16px;
	line-height:22px;
	text-align:left;
	background-image:url(../images_diz/main_07.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 16px;
	margin:0px;
}

.headline2{
	font-size:1.1em;
	color:#6ba6ce;
	text-transform:uppercase;
	background-image:none;
	height:16px;
	line-height:22px;
	text-align:left;
	padding-left:16px;
}

/*Subheadline for "Recent Projects" and "Latest News", with a small arrow in front of*/
.headline3{
	font-size:1.1em;
	color:#6ba6ce;
	text-transform:uppercase;
	background-image:none;
	height:16px;
	line-height:22px;
	text-align:left;
		background-image:url(../images_diz/main_19.gif);
	background-repeat:no-repeat;
	padding-left:16px;
}

/*Styling for the date inside articles*/
.date{
	font-size:0.8em;
	color:#8d0000;
	text-align:left;
		height:16px;
	line-height:24px;
}

/*Author name inside an article*/
.name{
	font-size:0.8em;
	color:#666666;
	text-align:left;
		height:16px;
	line-height:24px;
	font-style:italic;
}

/*How a image looks inside the content area*/
.content img {
border:8px solid #f0f0f0;
margin-left:4px;
margin-right:4px;
}

/*"Pathway" or "Breadcrumb" navigation styling and links*/
.pathway,td,th {
font-size:0.8em;
	color:#999999;
}

.pathway a:link{
font-size:1em;
}

.pathway a:hover{
font-size:1em;
}

.pathway a:visited{
font-size:1em;
}

/*Normal Links*/
a:link{
	color:#6ba6ce;
}

a:visited{
	color:#6ba6ce;
}

a:hover{
	color:#666666;
}

/*Seperator between single news articles - the dotted line*/
.sep{
height:30px;
background-image:url(../images_diz/dot.gif);
background-repeat:repeat-x;
}