/* 

copyright by derow-webwork.de 
main-css for it system services


*/

/* Allgemeine Formatierungen */


* {
  margin: 0px ;
  padding: 0px;
  border:0;
}

body{background-color:#cccccc;}

.around {
text-align: left;
margin: 0px auto 0px;
width: 975px;
height: auto;
background-color:#FFFFFF;

}

.clear{
clear:both;}



/* Header und Logo */

		.header {
		height:190px;
		width:975px;
		background-image:url(header.jpg);
		background-repeat:no-repeat;
		margin:0px;
		padding:0px;
		clear:both;
		}
		
				.logo{
				width:361px;
				height:47px;
				background-image:url(logo.jpg);
				background-repeat:no-repeat;
				margin-left: 91px;
				padding-top:15px;
				}
				
				
.menuebox{
	clear:both;
	position:relative;
	height:27px;
	left: 9px;
	top: 165px;


}

				
/* Boxen für die INhalte und Formatierungen */
		
.contentarea{
width:975px;
height:auto;
margin-top:0px;
background-color:#FFFFFF;
background-image:url(bg.jpg);
background-repeat:repeat-y;
padding-bottom:60px;
float:left;

}


.leftcontent {
	width:745px;
	height:auto;
	float:left;


}

	.contenttop {
	height:47px;
	}
	
	.content{
	width:577px;
	height:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	margin: 0px 0px 0px 95px;
	padding:0px 50px 50px 23px;
	border-right:1px solid black;
	border-left: 1px solid black;
			}


.rightcontent {
	width:228px;
	height:auto;
	float:right;
	margin-top: 47px;

}


			.rosa-box{
			background-color:#efe5e5;
			width:200px;
			height:auto;
			margin:0px 0 0 0px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#000;
			padding:18px 0 21px 18px;
			padding-top:18px;
			}
			
			.blaue-box{
			background-color:#e4edf6;
			width:200px;
			height:auto;
			margin:89px 0 0 0px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#000;
			padding:18px 0 21px 18px;
			}
			
			

/* H - headline Formatierungen */

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#660000;
font-weight:bold;
}



/* Menü */



ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
	display: inline;

}

#navlist a { 
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	display:inline;
	padding:2px 23px 5px 23px;
	line-height:20px;
	text-decoration:none;
	border-right:1px solid black; }

#navlist a:link, #navlist a:visited
{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	display:inline;
	padding:2px 23px 5px 23px;
	line-height:20px;
	text-decoration:none;
	border-right:1px solid black;

}


#navlist a:hover
{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#660000;
	display:inline;
	padding:2px 23px 5px 23px;
	line-height:20px;
	text-decoration:none;
	border-right:1px solid black;
}


#navlist #active
{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#660000;
	display:inline;
	padding:2px 23px 5px 23px;
	line-height:20px;
	text-decoration:none;
	border-right:1px solid black;
	}
	
#navlist .active{
font: 14px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#660000;
	display:inline;
	padding:2px 23px 5px 23px;
	line-height:20px;
	text-decoration:none;
	border-right:1px solid black;
}
	

/* Link Formatierungen */

a:link { color:#660000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline;} 
		a:visited { color:#660000;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline;} 
		a:hover { color:#660000;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline;}