#itsolutions{}
#webdesign{}
#photo{}
#profile{}
#contact{}
#references{}
#impressum{}
	
body
{
    	font-size:62,5%;
    	padding:0;
      	FONT-FAMILY: Verdana, MS Sans Serif , Tahoma, Arial, helvetica, 'sanf serif';
        background-color:#aaaaaa;
		background-position:left top;
		background-repeat:no-repeat;
		text-align :center ;
}
H2, H3, H4, H5, H6, UL, LI, P, TD, A
{
	border: thin;
	FONT-FAMILY: Verdana, MS Sans Serif , Tahoma, Arial, helvetica, 'sanf serif';
	MARGIN: 0;
	padding: 0;
	text-decoration: none;
	font-size : 11px;
}
H1
{
	FONT-FAMILY: Arial, helvetica, Verdana, MS Sans Serif , Tahoma,  'sanf serif';
	font-size : large;
	font-weight :normal;
	padding: 0;
	margin: 0 ;
	text-align:left ;
}
H1 /* Seiten-Header*/
{
	padding-left :10px;
	padding-top: 50px;
}
H2
{
	font-weight :normal;
	font-variant :small-caps ;
	margin : 10px 0 5px 0;
}
H3
{
		margin : 10px 0 5px 0;
}
H4
{
	font-weight :normal;
}
UL
{
	text-decoration :none;
	list-style-type :none ;
}
LI
{
	padding: 5px 0 0 0 ;
}

#container
{
	background-color:#ffffff;
	padding: 2 0 2 0;
	margin:auto;
	width:762px;
	text-align: left;
	display :inline-block ;
}
#contentframe
{
	float:right;
	display :inline-block ;
	width:562px;
	margin :0;
	padding:0;
	text-align :left;
	padding-right :inherit ;
}
#navigation
{
	width:200px;
	float:left;
	margin:0;
	padding:0;
	text-align :right ;
	display: inline-block ;
}

/*background in the navigation*/
DIV.bild
{
	width:inherit;
	background-image :url('../images/bm-grau.jpg');
	background-position : right top ;
	background-repeat :no-repeat ;
	text-align :right ;
	margin:0;
	display:inline-block  ;
	min-height : 600px;
	height : inherit;
}
DIV.logo
{
	width:inherit;
	height:160px;
	min-height :160px;
	margin: 0;
	z-index:0;
	padding: 0 ;
	background-image :url('../images/logo-hg-grau.jpg');
	background-position : left top ;
	background-repeat :repeat-x ;
	text-align:right ;
	vertical-align :text-bottom 
}
#contentframe IMG.BlarrMedia
{
	padding-top: 40px;
}
#contentframe DIV.content
{
	margin:0;
	padding:inherit;
	width:inherit;
	z-index:5;
	background-color:#ffffff;
	clear:both;
}
DIV.text
{
	float :left ;
	display :inline-block ;
	padding: 10px;
	max-width :360px;
}
*html DIV.text
{
	width:360px;
}
/*rights*/
DIV.picture
{
	float:right;
	display :inline-block ;
	width:162px;
	text-align:left;
}
/*inhalt, ganze breite */	
DIV.textwidth
{
	display :inline-block ;
	padding: 10px;
	width :inherit;
}
DIV.BlockLeft
{
	float :left ;
	display :inline-block ;
	padding: 10px;
	max-width :260px;
	height: 100px;
}
*html DIV.BlockLeft
{
	width:260px;
}
/*rights*/
DIV.BlockRight
{
	float:right;
	display :inline-block ;
	width:280px;
	text-align:left;
	height: 100px;
}
.clear
{
	float: none;
}

#navigation UL
{
	padding-top:170px;
	padding-right: 30px;
	line-height :30px;
	text-transform :uppercase ;
	text-decoration :none;
	list-style-type :none ;
}
#navigation A, #content A
{	
    text-decoration: none;
}
#navigation A
{	
	font-size :large ;
	FONT-FAMILY: Arial, helvetica, Verdana, MS Sans Serif , Tahoma,  'sanf serif';
}
#navigation A:link, #navigation A:visited
{
	color:#555555;
}
.content A:link, .content A:visited, .content A:hover
{
	color:#333333;
}
#navigation A:hover
{
	color:#b22222;
}
.content A:hover
{
	text-decoration :underline;
}