/* style.css by H.J. Davey 02/2007 For use with the html file "tutorial.html"
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0px; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */


/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
img { border: 0;}
/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* This sets the font weight to start with.*/

h1,h2,h3,h4,p,a,li{
	font-weight:normal;
}
/* Try insofar as possible to set all font sizes here. 1A6D75
----- use em rather than px to allow more flexable font size changes in the browser */
h1{font-family: "Trebuchet MS",Arial,Helvetica,freesans,sans-serif !important;
	font-size: 27px;
	font-weight: normal;
	color: #2eafd7;
	line-height: 35px;
}
h2{

  margin: 4px 0 3px 7px;
  padding: 0 0 0 0px;
  font-size: 20px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
h3{font-size: 0.8em;}
h4{font-size: 0.7em;}
P{	

font-family: Verdana,Arial,Helvetica,freesans,sans-serif;
	
	font-size: 9px;
	color: #666666;
	font-weight: normal;
	line-height: 12px;
	left: -5px;
	font-weight: normal;
	margin-bottom: 10px;
	width: 130px;

	

}



html{
	/* This sets the font styles for the entire html file.*/
	font-family: "Trebuchet MS",Arial,Helvetica,freesans,sans-serif !important;
}
body{
	
width:830px; margin-left: auto; margin-right: auto;
/* this sets the overall page width to a fixed 770px */
 padding:0px 0px 0px 0px;
background-color: #e7e7e7;
font-size: 13px;
  font: "Trebuchet MS",Arial,Helvetica,freesans,sans-serif !important;
  background-position: center;   
  background-repeat: repeat-y;
	color: #333333; /* this sets the type color for this div and it's children */


	
	font-weight: normal;

	text-decoration: none;

	
line-height: 20px;

}



	

/* ===== BRANDING ===== */
div#branding{
	align: left;
text-align: left;  
height:211px;
	background: url(../images/back_grey.gif) repeat; float: left; 
	 padding:10px 15px 0px 15px;
margin:0px 0px 0px 0px;
}
	
/***************************************************
  Header Menu
 ***************************************************/

#menu {/* this 'box' holds the menu */
   
text-align: left; /* all the menu items are left aligned in the 'box' */
margin:0px 0px 0px 0px;
 padding:0px 5px 0px 15px; line-height:35px;
background-image: url(/assets/images/back_menu.gif);
 

}


#menu a{
	font: 16px/100% "Trebuchet MS",Arial,Helvetica,freesans,sans-serif !important; color: #666666; font-weight: normal;
text-decoration: none;
}



#menu a:visited	{
	color: #666666;
text-decoration: none; font: 16px/100% "Trebuchet MS",Arial,Helvetica,freesans,sans-serif !important; 
}

#menu a:active{	
	color: #666666;
text-decoration: none; font: 16px/100% "Trebuchet MS",Arial,Helvetica,freesans,sans-serif !important; 
}




#menu ul li {
	
/* width: auto;  lets the menu item buttons be sized as needed for menu title*/
/*width: 40px; */   /* if un-commented will set menu buttons to fixed width */
  display: inline; /* make this a horizontal menu */
  float: left; /* holds the menu 'box' to the left edge of the body div. Not really needed here.*/
  list-style: none; /* no decoration on menu items.*/
  text-align: center; /* place the menu titles in the center of the button.*/
  
 
  padding: 0 13px; /* spacing between menu items  experiment with this*/
  color: green; /* font color for the menu items */

}
#menu ul li a:hover{
 color: #2eafd7; /* color of menu items when mouse-over */
}
	/* ===== Navigation-side (Vertical orientation - defaults to block) ===== */
	
	/* ===== Navigation-side ===== */


/* ===== CONTENT ===== */

div#content-main{
width:810px;
align: center;
margin-left:auto;
margin-right:auto;
float:left;
background: url(../images/back_grey.gif) repeat; float: left; 
min-height: 400px;
valign:top;
padding:0px 5px 0px 15px;

	}


#content-main a{
	color: #333333; font-weight: normal;
text-decoration: none;
}

#content-main a:visited	{
	color: #333333;
text-decoration: none; 
}

#content-main a:active{	
	color: #666666; font-weight: normal;
text-decoration: none; 
}

#content-main a:hover{	
	
text-decoration: underline; 
}


/* ===== Site Info ===== */
div#site-info{
	clear:both;
	width: 100%;
	background: #FFFFFF;
	padding:0px 0;
	text-align:left;
	}
div#site-info p{
	/*font-size: 0.6em;*/
}	


.katdesc {
 
  padding: 7px 7px 5px 7px;
	
  font-size: 12px;
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
  line-height: 16px;
  }


.kontakt {
  font-family: Verdana,Arial,Helvetica,freesans,sans-serif;
  font-size: 10px; 
  padding: 0px 0px 0px 0px;
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 20px;
}


#site-info a{
	color: #FFFFFF; font-weight: normal;
text-decoration: none;
}

#site-info a:visited{
	color: #FFFFFF;
text-decoration: none; 
}

#site-info a:active{	
	color: #FFFFFF; font-weight: normal;
text-decoration: none; 
}


#site-info a:hover{	
	
text-decoration: underline; 
}




/* ========== End of CSS Styling ========== */