/* 
  -----------------------------------
 Hauptdefinitionen
  -----------------------------------
*/

* {
	margin: 0;
	padding: 0;
	}

body {
	color: #333333;
	background-color: #F4F4F4;
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: center;
	font-size: x-small; /* für IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:small; /* für konforme Browser */
	}
	
/********Hauptumrandung**********/
#layout {
	text-align: left;
	width: 770px;		
	margin: auto;
	padding: 0;		
	}
	
#head {
	background-image: url(../images/logo2009.jpg);
	margin: auto;
	background-repeat: no-repeat;
	height: 190px;
	}
	
#head-soz {	
	background-image: url(../images/logo_sozwerk_2009.jpg);
	margin: auto;
	background-repeat: no-repeat;
	height: 190px;
	}

#flaggen {	
	margin: 0 0 0 680px;
	padding: 15px 0 0 0;
	}

/*Linker Bereich und Hauptbereich*/
#layout-2 {
	background-color: #FFFFFF;
	width: 768px;
	overflow:hidden;
	padding: 0;
	margin: 0;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	background-image: url(/fileadmin/images/htgr_layout2.jpg);
	background-repeat: repeat;
	}

#mainbox {
	width: 587px;
	padding: 0;
	margin: 0;
	float: right;		
}

#sidebox {
	width: 175px;
	margin: 0 3px;
	background-color: #FFFFFF;
	float: right;		
}

/******Navigationsbar********/

#navibox {
	font-size: 90% !important;	
	width: 768px;	
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;		
	background-color: #f08b16;
	}
#navigation {
	font-size: 90% !important;	/* für IE */
	font-weight:bold;
	border-top: 1px solid #333333;
	margin-left:179px;
	background-image: url(../images/htgr_trenner.gif) !important;
	background-repeat: repeat-y !important;
	height: 24px;
	}

#navigation ul {
	padding: 0;	
	margin: 0;	
	border-left: 1px solid #333333 !important;
	}
#navigation li {
	list-style-type: none;
	display: inline;	
	background-color: #f08b16;
	}
#navigation li a {
	float: left;
	color: #FFFFFF;
	padding: 5px 10px;
	text-decoration: none;
	border-right: 1px solid #333333;
	}

#navigation li a:hover {
	background-color: #FF9900 !important;
	}

#active a {
	float: left;	
	text-decoration: none;
	border-right: 1px solid #333333;
	color: #333333!important;	
	background-position: 0px -200px !important;
	background-repeat: repeat;
	background-image: url(../images/htgr_obnavi2.jpg);
	}

#zusatz br {
	clear: both;
	height: 20px;		
	}


.subnavigation {
	display: block;
	margin: 0;
	height: 20px;	
	color: #666666;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
	text-indent: 10px;	
	text-decoration: none;
}
.subnavigation-aktiv {
	display: block;
	margin: 0;
	height: 20px;	
	color: #663300;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	text-indent: 10px;	
	text-decoration: none;
	background-color: #F4F4F4;
}
.subnavigation a,.subnavigation-aktiv a { border:0px; }

.subnavigation-zwei {
	display: block;
	margin: 0;
	height: 20px;
	
	color: #666666;
	font-size: 75% !important;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;	
	border-bottom: 1px solid #CCCCCC;
	text-indent: 20px;
	text-decoration: none;
}
.subnavigation-aktivzwei {
	display: block;
	margin: 0;
	height: 20px;
	
	color: #663300;
	background-image: url(/fileadmin/images/pfeilchen.gif);
	background-repeat: no-repeat;	
	background-position: 5px center;
	font-size: 75% !important;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	border-bottom: 1px solid #CCCCCC;
	text-indent: 20px;
	text-decoration: none;
	font-weight: bold;	
}
.subnavigation-zwei a,.subnavigation-aktivzwei a { border:0px; }


/********Inhaltscontainer*********/

/*Main Content*/
#maincontent {
	padding: 0;
	margin: 0;
	border-left: 1px solid #d9d9d9;	
	}
#maincontent p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 110%;
	padding: 10px;		
	}
h1 {
	font-size: 120%;
	margin: 0 0 10px 0;
	font-weight:normal;
	padding: 3px 10px;
	color: #333333;				
	background-color: #cdd1d4;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;		
	}
h2, h3, h4 {
	margin: 0 0 10px 10px;	
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}
h2 {	
	font-size: 100%;
}
h3 {	
	font-size: 100%;
}

/*Sidebar*/
#sidecontent {
	padding: 0;
	margin: 0;
	font-size: 100%;	
	}
#sidecontent .topheading {
	margin: 0;
	color: #FFFFFF;
	}
#sidecontent p {
	margin: 8px 0 12px 4px;
	font-size: 85%;
	}

#sidecontent h2 {
	margin: 0 0 10px 0;	
	font-size: 120%;
	padding: 3px 4px;
	font-weight:normal;
	color: #333333;
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;		
	background-color: #cdd1d4;	
	}

#sidecontent h3 {
	margin: 0 0 10px 0;	
	font-size: 85%;
	}

#sidecontent hr {
	height: 0px;
	border: 1px solid #4D4D4D;
	}

#sidecontent a{
	font-size: 0.8em;
	color:#333333;
	}

/***********Unterer Bereich************/
/*Footer Container*/
#footerbox {
	clear: both;
	font-size: 85%;
	width: 770px;
	margin: 0 0 5px 0;
	}
/*Footer Content*/
#footer {
	height:20px;
	margin: 0;
	padding: 5px 0 0 0;
	color: #333333;	
	border: 1px solid #d9d9d9;		
	background-color: #cdd1d4;
	}
#footer a {
	font-size: 100%;
	font-weight:bold;
	text-decoration:none;
	}

/*********Links********/
#layout a:hover 
#footer a:hover {
	background-color: #666666;
	color: #FFFFFF;
	text-decoration: none;
	}


/*Sonstige Elemente */
div#stripes {
	height: 22px;	
	background-image: url(../images/stripes.gif);
	padding: 0;
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;		
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;	
	}

div#print {
	margin: 0 0 0 710px;
	padding: 3px 0 0 0;
	}
/*Erste Navigationsebene*/ 
#navigation li a:hover,
#navigation li a:focus, 
#navigation li a:active {
	color: #FFFFFF;
	background-position: 0px -100px;
	background-repeat: repeat;
	background-color: #FFFFFF;	}

/* Suchformular */
form {
	margin: 5px 5px;
}

input {
	margin: 3px 0;
	font-size:80%;
	padding: 2px 3px;
	border: 1px solid #d9d9d9;
	background-color:#FFFFFF;
	}