/************************************/
/* --------- template.css --------- */
/* -------------------------------- */
/* Die alten Definitionen           */
/* (z.b. table.auto, formulare usw) */ 
/* befinden sich in normal.css      */
/*                                  */
/*   !normal.css NICHT einbinden!   */
/* -------------------------------- */
/************************************/

/****************************/
/* Allgemeine Einstellungen */
/****************************/

* {
    padding: 0;
    margin: 0;
}

body, html {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll; /* Scrollbar ständig anzeigen um "Springen" der Seite zu verhindern */
}
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #737373;
	background-image: url("1pic/background/hg.jpg");
	font-size: 13px;
}
img { 
	border:none;
	margin: 0;
	padding: 0;
}

h1 {
color: #9b236a;
font-size: 20px;
text-align: left;
margin: 0;
padding: 0;
}

h2 {
    color: #9b236a;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    margin: 0;
    padding: 0;
}

p {
margin: 0;
padding: 0;
margin-top: 18px;
}

li {
margin: 0;
padding: 0;
}

ul {
margin-left: 20px;
padding: 0;
}

.liste li {
margin: 0;
padding: 0;
background-image: url("1pic/bullet-link.png");
background-repeat: no-repeat;
background-position: 0 7px;
padding-left: 10px;
}

.liste ul {
margin-left: 10px;
padding: 0;
margin-top: 5px;
list-style: none;
}


A {
    text-decoration: none;
}

A:hover {
    text-decoration: underline;
}

A, A:hover {
    color: #9a105e;
}


/****************************************************************************************************************************************/


/***********************/
/* Newsline-spezifisch */
/***********************/

.newslineEditLink a{
	display:block;
	clear:both;
	background-color:#c7e2ff;
	border:1px solid #f0f0f0;
	padding:3px;
	font-size:11px;
	color:#4279bc;
	font-weight:bold;
	text-align:left;
}
.newslineEditLink a:hover {
	color:#4279bc;
	text-decoration:none;
}

/************/
/* Template */
/************/

#template {
	margin: 0 auto;
}

.debug {
    border: 1px dotted red;
}

/****************************************************************************************************************************************/

#template_header {
	height: 402px;
    background-image:url("1pic/background/hg-top-pbg.jpg");
	background-position: center top;
	min-width: 978px;
}

		#header {
			width: 978px;
			height: 402px; 
			margin: 0 auto;
			overflow: hidden;
		}
		
		#top_header {
		  overflow: hidden;
		}

				#logo {
					width: 276px;
					height: 93px;
					float: left;
				}
				
                /************/
                /* Top Navi */
                /************/

                #top_navi {
                    height: 53px;
                    float: right;
                    margin-right: 50px;
                    display: block;
                }
                
                #top_navi ul.navigationspunkte {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                    float: right;
                    display: block;
                }
                
                #top_navi ul.navigationspunkte li {
                    float: left;
                    display: block;
                }
                
                #top_navi ul.navigationspunkte li a {
                    float: left;
                    display: block;
                    
                    height: 53px;
                    line-height: 53px;
                    padding-left: 32px;
                    font-size: 11px;
                    color: #737373;
                    text-decoration: none;
                    text-align: center;
                    
                    background-position: 18px center;
                    background-repeat: no-repeat;
                }
                
                #top_navi ul.navigationspunkte li a:hover,
                #top_navi ul.navigationspunkte li a.aktiv {
                    color: #9a105e;;
                }
                
                /*
                 *
                 */
                #top_navi ul.navigationspunkte li a.home {
                    background-image: url(1pic/topnav/home.png);
                }
                	
                #top_navi ul.navigationspunkte li a.home.aktiv,
                #top_navi ul.navigationspunkte li a.home:hover {
                    background-image: url(1pic/topnav/home_aktiv.png);
                }   

                #top_navi ul.navigationspunkte li a.kontakt {
                    background-image: url(1pic/topnav/kontakt.png);
                }   

                #top_navi ul.navigationspunkte li a.kontakt.aktiv,
                #top_navi ul.navigationspunkte li a.kontakt:hover {
                    background-image: url(1pic/topnav/kontakt_aktiv.png);
                }   

                #top_navi ul.navigationspunkte li a.impressum {
                    background-image: url(1pic/topnav/impressum.png);
                }
                   
                #top_navi ul.navigationspunkte li a.impressum.aktiv,
                #top_navi ul.navigationspunkte li a.impressum:hover {
                    background-image: url(1pic/topnav/impressum_aktiv.png);
                }   

				/********/
				/* Navi */
				/********/

				#template_navi {
					height: 40px;
					float: right;
					
					position: relative;
					z-index: 10;
					
					margin-right: 50px;
					
					background-image: url("1pic/navi-bg-right.png");
                    background-position: right top;
                    background-repeat: no-repeat;
                    
                    
                    padding: 0px 1px 0px 0px;
                    /* border: 1px solid green; */
				}
				
				#template_navi ul.navigationspunkte {
                    background-image: url("1pic/navi-bg-left.png");
                    background-position: left top;
                    
                    float: right;
				    margin: 0;
					padding: 0px 0px 0px 1px;
					list-style: none;
                    /* border: 1px solid red; */
				}
				
				#template_navi ul.navigationspunkte li {
					float: left;
					display: block;
				}
				
				#template_navi ul.navigationspunkte li a {
				    float: left;
					display: block;
					
					height: 40px;
					line-height: 40px;
					padding: 0px 20px;
					font-size: 13px;
					color: #737373;
					text-decoration: none;
					text-align: center;
                    background-image: url("1pic/nav-hg.png");
				}
				
				#template_navi ul.navigationspunkte li a:hover,
				#template_navi ul.navigationspunkte li a.aktiv {
					background-image: url("1pic/nav-hg-over.png");
					color: #ffffff;
				}
				

				
				
				#imagebild_hg {
					width: 978px;
					/* background-image: url("1pic/hg-imagebild-pbg.png"); */
				}
				
						#imagebild {
							width: 946px;
							height: 286px;
							padding-top: 2px;
							padding-left:16px;
							padding-bottom: 20px;
							
						}
						
						#content_right ul.navigationspunkte p {
							margin: 0;
							padding: 0;
							list-style: none;
						}
						
						
						#content_right ul.navigationspunkte {
							margin-left: 12px;
							padding: 0;
						}
						
						#content_right ul.navigationspunkte li {
							background-image: url("1pic/btnBackground-long.png");
							background-repeat: no-repeat;
							margin-top: 4px;
							list-style: none;
						}
						
						#content_right ul.navigationspunkte li a {
							display: block;
							height: 21px;
							line-height: 21px;
							width: 284px;
							font-size: 13px;
							font-weight: bold;
							color: #9b236a;
							text-decoration: none;
							text-align: left;
							padding-left: 30px;
						}
						
						
						#content_right ul.navigationspunkte li a:hover {
							background-image: url("1pic/btnBackgroundHover-long.png");
							background-repeat: no-repeat;
							color: #ffffff;
						}
						
						#content_right ul.navigationspunkte li a.aktiv {
							background-image: url("1pic/btnBackgroundActive-long.png");
							background-repeat: no-repeat;
							color: #ffffff;
						}
				
						
/****************************************************************************************************************************************/			

#template_middle {
	background-image:url("1pic/background/hg-middle.jpg");
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0;
	padding: 0;
}


				#template_content {
					width: 960px;
					margin: 0 auto;
					padding-top: 10px;
					padding-left: 20px;
				}
		
						#content_left {
							width: 580px;
							float: left;
							padding-bottom: 20px;
						}
						
                            #content_left H2 {
                                margin-top: 15px;
                            }
						
						
						
						#banner_eins {
							width: 290px;
							float: left;
							margin-top: 20px;
						}
						
											#banner_eins ul,
											#banner_zwei ul {
												width: 200px;
												list-style: none;
												padding:0;
												margin: 0;
												margin-top: 5px;
											}
											
											#banner_eins p,
											#banner_zwei p {
												width: 200px;
												list-style: none;
												padding:0;
												margin-top: 10px;
											}
											
											#banner_eins li {
												width: 200px;
												background-image: url("1pic/bullet-minus.png");
												background-repeat: no-repeat;
												background-position: 0 8px;
												padding-left: 10px;
											}
											
											#banner_eins img {
												margin-right: 10px;
												margin-top: 10px;
											}
						
						#banner_zwei {
							width: 270px;
							float: left;
							margin-top: 20px;
						}
																	
											#banner_zwei li {
												width: 200px;
												background-image: url("1pic/bullet-plus.png");
												background-repeat: no-repeat;
												background-position: 0 5px;
												padding-left: 10px;
											}
											
											#banner_zwei img {
												margin-right: 10px;
												margin-top: 10px;
											}
											
						#content_right {
							width: 346px;
                            padding-left: 32px;							
							margin-top: 30px;
							float: left;
						}
						
									.nobluebox #bluebox-top,
									.nobluebox #bluebox-middle,
									.nobluebox #bluebox-footer {
										display: none;
									}
									
									#bluebox-top {
										width: 346px;
										height: 34px;
										float: left;
										background-image: url("1pic/bluebox-top.png"); 
									}
									
									#bluebox-middle {
										width: 346px;
										overflow: hidden;
										min-height:200px;
										float: left;
										background-image: url("1pic/bluebox-middle_xl.png");
									}
									
											#bluebox-middle h2 {
												font-size: 15px;
												color: #4d9bd9;
												margin-left: 30px;
												margin-top: 6px;
											}
											
											#bluebox-middle ul {
												width: 240px;
												list-style: none;
												padding:0;
												margin-left: 30px;
												margin-top: 10px;
											}
											
											#bluebox-middle p {
												width: 260px;
												list-style: none;
												padding:0;
												margin-left: 30px;
												margin-top: 10px;
											}
											
											#bluebox-middle li {
												width: 220px;
												margin-top: 6px;
												background-image: url("1pic/hackerl.png");
												background-repeat: no-repeat;
												background-position: 0 top;
												padding-left: 20px;
												
											}
											
											#bluebox-middle .homebanner p {
												width: 160px;
												list-style: none;
												padding:0;
												margin-left: 30px;
												margin-top: 10px;
											}
											
											#bluebox-middle .homebanner h2 {
												width: 200px;
												font-size: 15px;
												color: #4d9bd9;
												margin-left: 30px;
												margin-top: 6px;
											}
											
											#bluebox-middle .homebanner img {
												position: relative;
												left: -140px;
												top: 10px;
											}
									
									#bluebox-footer {
										width: 346px;
										height:31px;
										float: left;
										background-image: url("1pic/bluebox-footer.png"); 
									}
									
									#hotline {
										width: 346px;
										float: left;
									}
			
						#content_footer {
							width: 978px;
							height: 15px;
						}					
/****************************************************************************************************************************************/


#template_footer {
	height: 204px;
	background-image:url("1pic/background/hg-footer.jpg");
	background-position: center top;
}

				#footer {
					width: 950px;
					margin: 0 auto;
				}
				

						#adresse {
							width: 950px;
							height: 32px;
							line-height: 32px;
							display: block;
							text-align: center;
							background-image: url("1pic/footer-hg.png");
							font-size: 11px;
							padding: 0px;
							margin: 0px;
						}
						
						#adresse p {
							padding: 0px;
							margin: 0px;
 						}
 						
 						#adresse A {
                            color: #737373;
 						}
 						
						#copyright {
							margin: 0 auto;
							text-align: right;
							font-size: 11px;
							color: #afafaf;
							margin-top: 10px;
						}
						
						#copyright a {
							color: #afafaf;
						}

/********/
/* Misc */
/********/

.clear {
	font-size: 0;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	clear: both;
	display: block;
	overflow: hidden;
}