/*Grundlegende Funktionen */

* {margin: 0; padding: 0;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:center;
	margin: 0 0 10px 0;
	background-color: #FFF;
	background-image: url(/fileadmin/grafiken/htgr_site.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	}

.cleaner {	
	clear:both;	
}

#printlink {
	width: 220px;
	height: 30px;
	margin:15px 0 0 0;
	padding:5px 10px !important;	
	background-image: url(../grafiken/htgr_print.jpg);	
	background-repeat: no-repeat;	
	text-indent: 50px;	
	}

#login {
	margin:15px 0 0 15px;
	padding:5px 10px !important;
	border: 1px solid #666666;	
	background-color: #FFFFFF;
	}

/* Navigationen */

#header-1 a {
	font-size: 90%;	
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

#header-1 a:hover {
	text-decoration: underline;
}
    

#navoben-aktiv {
	color: #666;
	font-weight: bold;
	font-size: 90%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline !important;	
	padding-right: 7px;
	padding-left: 7px;	
}


/***************************/
/* General element styles: */
/***************************/
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666; }
PRE { font-family: monospace; }
A {
	color: #666666;
	text-decoration: none;	
}

A:hover { 
	color: #FB7116;
	text-decoration: underline;
    }
FORM { margin: 0px 0px 0px 0px;}
PRE { margin: 0px 0px 0px 0px; }


INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 11px; }

div.top a {
text-decoration: none !important;
}

div.top a:hover {
text-decoration: underline !important;
}


/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop {
	text-align: right;	
	padding: 15px 15px 0 0;	
}
P.csc-linkToTop A {
	font-weight: bold;
	font-size: 100%;
}

DIV.csc-frame { }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }

DIV.csc-frame-frame1 LI {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:#666666;
	font-size: 100%;	
}

DIV.csc-frame-frame1 UL {
	line-height: 1.3em;    
	color:#666666;
	margin: 0 0 5px 30px;
	padding: 0 0 2px 0;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(../grafiken/dreieck.gif);
}

.csc-textpic-caption {
	text-align: center;
	font-size: 80%;
	padding-top: 2px;
	color: #666;
	}
/************************************************/
/* Umrahmungselemente für alle Content-Bereiche */
/************************************************/

/* Mittlerer Bereich */
#content-container .content-frame, .csc-frame csc-frame-frame1 {
	width: 490px;
	margin:10px 0 0 0;
	padding-bottom: 1px;			
 	background-image: url(../grafiken/htgr_content_unten.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#content-container .content-frame p, .csc-frame csc-frame-frame1 p {
	padding: 0 10px 0 10px;
	margin: 0;
	font-size: 100%;	
	line-height: 1.3em; 	 	
	}
	
#content-container .content-frame a, .csc-frame csc-frame-frame1 a {	
	text-decoration: underline !important;
    color: #FB7116;		 	
	}

#content-container .content-frame a:hover, .csc-frame csc-frame-frame1 a:hover {	
	text-decoration: none !important;       	
	}

#content-container .content-frame h1, #content-container .content-frame h2, #content-container .content-frame h3, .csc-frame csc-frame-frame1 h1, .csc-frame csc-frame-frame1 h2, .csc-frame csc-frame-frame1 h3 {
	background-image: url(../grafiken/htgr_content_oben1.jpg);
	background-repeat: no-repeat;
	background-position: left top;	 
	padding: 10px 15px 10px 10px;	
	}

#content-container .content-frame h1 a:hover, #content-container .content-frame h2 a:hover, #content-container .content-frame h3 a:hover, .csc-frame csc-frame-frame1 h1 a:hover, .csc-frame csc-frame-frame1 h2 a:hover, .csc-frame csc-frame-frame1 h3 a:hover {
	text-decoration: none !important;	
	}


/* Linker Bereich */
#left-container .content-frame {
	width: 220px;	
	background-image: url(../grafiken/htgr_content_links_unten.jpg);
	background-repeat: no-repeat;
}

#left-container .content-frame h1, 
#left-container .content-frame h2,
#left-container .content-frame h3,
#left-container .content-frame p {
	width: 220px;
	padding: 5px 8px;
	background-image: url(../grafiken/htgr_content_links_oben.jpg);
	background-repeat: no-repeat;
}

#left-container .csc-frame-frame1 {	
	margin-top: 3px;	
	width: 220px;
	padding: 5px 8px;
	background-image: url(../grafiken/htgr_content_links_unten.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#left-container .csc-frame-frame1 h1, 
#left-container .csc-frame-frame1 h2,
#left-container .csc-frame-frame1 h3 {		
	padding: 8px 8px 15px 8px;
	margin: -8px; 
	background-image: url(../grafiken/htgr_content_links_oben.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#left-container .csc-frame-frame1 p {
	font-size: 85%;
	padding: 0 15px 0 0;
	line-height: 1.3em;
	}

/* Rechter Bereich */

#right-container .csc-frame-frame2 {
	margin-top: 12px;	
	width: 220px;
	padding: 5px 8px;
	background-image: url(../grafiken/htgr_rechts_unten.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

#right-container .csc-frame-frame2 h1, 
#right-container .csc-frame-frame2 h2,
#right-container .csc-frame-frame2 h3 {		
	padding: 8px 8px 15px 8px;
	margin: -8px; 
	background-image: url(../grafiken/htgr_rechts_oben.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

#right-container .csc-frame-frame2 p {
	line-height: 1.3em; 
	font-size:85% !important;
	margin-right: 15px;		
}	


/* Allgemeine Einstellungen für Umrahmung */


.content-frame img  {
	margin: 0 10px !important;
	}


.content-frame ul {
	list-style-position: outside;
	list-style-image: url(../grafiken/dreieck.gif);
	margin: 0 0 0 30px !important;
	padding: 0 0 10px 0;
	color:#666;
	list-style-type: none;
	}

 .content-frame li {	 	
	font-size: 100%;		
}

.external-link-new-window img {
	border: none;
	}
	
#content-container .content-frame DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; margin-right: 20px !important;}
			
/******************/
/* Überschriften */
/******************/
H1, H2, H3, H4 {
	font-size: 100%;
	color: #FB7116;	
	font-weight: bold;		
}

/* Überschriften als Links */
H1 A, H2 A, H3 A, H4 A, H5 A { text-decoration: none; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: underline; }

#content-container .content-frame h1 {
font-size: 110%;
	font-variant:small-caps;
	letter-spacing:1px;	
	}

/* Extensions */


/* Formulare in 4.0 */

.csc-mailform {
margin: 1px;	
	border: 1px solid #F4F4F4;
	}
.csc-mailform-field {
	padding: 5px 0;
	}
.csc-mailform-submit {
margin-left: 130px
}
fieldset.csc-mailform label {float:left; width:120px; padding-left: 10px;}

.external-link-new-window img {
margin: 0 5px 0 0 !important;
}

/* Einstellungen für Branchentemplates (veraltet) */
.hervorhebung {	
	font-size: 100%;
	color: #FF9900;	
	font-weight: bold;
	padding: 7px 0 0 0;
}

.check {
	font-size:100%;
	}
UL.check {
	line-height: 1.5em !important;    
	color:#666666 !important;	
	margin: 0 0 5px 30px !important;
	padding: 0 0 2px 2px !important;
	list-style-position: outside !important;
	list-style-type: none !important;
	list-style-image: url(/fileadmin/grafiken/checked1.gif) !important;	
}
LI.check {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:#666666;	
	margin: 0 0 4px 0 !important;	
}