/* Grundstruktur 
A.) Header: Struktur, Elemente
	I.) Upperbar: Struktur, Elemente
		1.) Header, Upperbar - Elemente: Telefon
		2.) Header, Upperbar - Elemente: Kundenlogin
	II.) Hornavbar: Struktur, Elemente
		1.) Header, Hornavbar - Elemente: Button Start
		2.) Header, Hornavbar - Elemente: Button Profil
		3.) Header, Hornavbar - Elemente: Button Angebot
		4.) Header, Hornavbar - Elemente: Button Kontakt
B.) Footer
	I.) Footer, Txt
	II.) Footer, Navbar - Struktur
		1.) Footer, Navbar - Elemente: Button Kontakt
		2.) Footer, Navbar - Elemente: Button Sitemap
		3.) Footer, Navbar - Elemente: Button Kundenlogin
		4.) Footer, Navbar - Elemente: Button Impressum
C.) Schriften
D.) Sonstiges
*/

@charset "utf-8";

html {
	background: #000000;
	}
	
body {
	margin: 0 auto;
	text-align: center; /* fuer explorer 5 */
	font-family: Century Gothic,Helvetica Medium,Fontin Sans,Delicious;
	cursor:default;
	}

.fixed {
	width: 1024px;
	background: #212121;
	margin: 0px auto;
	}

* {
	margin: 0px;
	padding: 0px;
	border: none;
	list-style: none;
	outline: none;
	font-family: Century Gothic,Helvetica Medium,Fontin Sans,Delicious;
	font-style: normal;
}
/* A.) Linkfarbe allgemein */
a {
	color: #981b1f;
	text-decoration: none;

	}
/* A.) Textfarbe rot */
.red {color: #981B1F}

/* A.) Header - Struktur */
		
#header {
	width: 978px;
	height: 180px;
	margin: 0px auto;
	}


/* A.) Header - Elemente: Logo */
	
a.btn_logo_pic {
	display: block;
	width: 320px;
	height: 170px;
	margin: 0 0 0 9px;
	border: none;
	float: left;
	background: url('../pics/pic_logo_up.jpg') no-repeat scroll left top transparent;
	}  

a.btn_logo_pic:hover { 
	display:block;  
	width:320px; 
	height:170px; 
	margin:0 0 0 9px; 
	border:none;
	float:left; 
	background: url('../pics/pic_logo_dn.jpg') no-repeat scroll left top transparent; 
	}  


/* A.I.) Header, Upperbar - Struktur */

#upperbar{
	width: 481px;
	height: 76px;
	margin: 0 0 0 168px;
	border: 0px;
	float: left;
}


/* A.I.1.) Header, Upperbar - Elemente: Telefon */

a.telefon {
	display:inline;
	width: 306px;
	height: 34px;
	border: none;
	float: left;
	background: url('../pics/pic_btn_telefon_up.gif') no-repeat scroll left top transparent;
}  

a.telefon:hover { 
	display:inline;  
	width:306px; 
	height:34px; 
	margin:0px; 
	border:none;
	float:left; 
	background: url('../pics/pic_btn_telefon_dn.gif') no-repeat scroll left top transparent; 
	}

	
/* A.I.2.) Header, Upperbar - Elemente: Kundenlogin */

a.kundenlogin {
	display: block;
	width:155px; 
	height:34px; 
	margin: 0 0 0 15px;
	border: none;
	float: left;
	background: url('../pics/pic_btn_kundenlogin_up.gif') no-repeat scroll left top transparent;
	}  

a.kundenlogin:hover { 
	display:block;  
	width:155px; 
	height:34px; 
	margin: 0 0 0 15px;
	border:none;
	float:left; 
	background: url('../pics/pic_btn_kundenlogin_dn.gif') no-repeat scroll left top transparent; 
	}

/* A.II.) Header, Hornavbar - Struktur */
	
#header #hornavbar {
	width: 538px;
	height: 54px;
	margin: 0 0 0 102px;
	float: left;
	overflow:visible
	}


/* A.II.1.) Header, Hornavbar - Elemente: Button Start */

a.btn_hornavbar_start {
	display: block;
	width:101px; 
	height:54px; 
	border: none;
	float: left;
	background: url('../pics/pic_btn_head_start_up.gif') no-repeat scroll left top transparent;
	}  

a.btn_hornavbar_start:hover { 
	display:block;  
	width:101px; 
	height:54px; 
	border:none;
	float:left; 
	background: url('../pics/pic_btn_head_start_dn.gif') no-repeat scroll left top transparent; 
	} 

a.btn_hornavbar_start:active { 
	display:block;  
	width:101px; 
	height:54px; 
	border:none;
	float:left; 
	background: url('../pics/pic_btn_head_start_akt.gif') no-repeat scroll left top transparent; 
	} 


/* A.II.2.) Header, Hornavbar - Elemente: Button Profil */

a.btn_hornavbar_profil {
	display: block;
	width:111px; 
	height:54px; 
	border: none;
	float: left;
	background: url('../pics/pic_btn_head_profil_up.gif') no-repeat scroll left top transparent;
	}  

a.btn_hornavbar_profil:hover { 
	display:block;  
	width:111px; 
	height:54px; 
	border:none;
	float:left; 
	background: url('../pics/pic_btn_head_profil_dn.gif') no-repeat scroll left top transparent; 
	} 

a.btn_hornavbar_profil:active { 
	display:block;  
	width:111px; 
	height:54px; 
	border:none;
	float:left; 
	background: url('../pics/pic_btn_head_profil_akt.gif') no-repeat scroll left top transparent; 
	} 


/* A.II.3.) Header, Hornavbar - Elemente: Button Angebot */

a.btn_hornavbar_angebot {
	display: block;
	width:155px; 
	height:54px; 
	border: none;
	float: left;
	background: url('../pics/pic_btn_head_angebot_up.gif') no-repeat scroll left top transparent;
	}  

a.btn_hornavbar_angebot:hover { 
	display:block;  
	width:155px; 
	height:54px; 
	border:none;
	float:left; 
	background: url('../pics/pic_btn_head_angebot_dn.gif') no-repeat scroll left top transparent; 
	} 

a.btn_hornavbar_angebot:active { 
	display:block;  
	width:155px; 
	height:54px; 
	border:none;
	float:left; 
	background: url('../pics/pic_btn_head_angebot_akt.gif') no-repeat scroll left top transparent; 
	} 


/* A.II.4.) Header, Hornavbar - Elemente: Button Kontakt */

a.btn_hornavbar_kontakt {
	display: block;
	width:171px; 
	height:54px; 
	border: none;
	float: left;
	background: url('../pics/pic_btn_head_kontakt_up.gif') no-repeat scroll left top transparent;
	}  

a.btn_hornavbar_kontakt:hover { 
	display:block;  
	width:171px; 
	height:54px; 
	border:none;
	float:left; 
	background: url('../pics/pic_btn_head_kontakt_dn.gif') no-repeat scroll left top transparent; 
	} 

a.btn_hornavbar_kontakt:active { 
	display:block;  
	width:171px; 
	height:54px; 
	border:none;
	float:left; 
	background: url('../pics/pic_btn_head_kontakt_akt.gif') no-repeat scroll left top transparent; 
	} 
	
	

/* B.) Footer */

#footer {
	width: 960px;
	height: 91px;
	margin: 0px auto;
	padding: 0px;
}

/* B.I.) Footer, Txt */

#footer_txt {
	margin: 23px 0px 0px 0px;
	border: 0px;
	float: left;
}

/* B.II.) Footer, Navbar - Struktur */

#footer_navbar {
	width: 410px;
	height: 31px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	float: right;
}


/* B.II.1.) Footer, Navbar - Elemente: Button Kontakt */

a.btn_footer_kontakt {
	display: block;
	width: 90px;
	height: 31px;
	border: none;
	float: left;
	background: url('../pics/pic_btn_foot_kontakt_up.gif') no-repeat scroll left top transparent;
	}  

a.btn_footer_kontakt:hover { 
	display:block;  
	width: 90px;
	height: 31px;
	border:none;
	float:left; 
	background: url('../pics/pic_btn_foot_kontakt_dn.gif') no-repeat scroll left top transparent; 
	} 

a.btn_footer_kontakt:active { 
	display:block;  
	width: 90px;
	height: 31px;
	border:none;
	float:left; 
	background: url('../pics/pic_btn_foot_kontakt_akt.gif') no-repeat scroll left top transparent; 
	} 


/* B.II.2.) Footer, Navbar - Elemente: Button Sitemap */

a.btn_footer_sitemap {
	display: block;
	width: 85px;
	height: 31px;
	border: none;
	float: left;
	background: url('../pics/pic_btn_foot_sitemap_up.gif') no-repeat scroll left top transparent;
	}  

a.btn_footer_sitemap:hover { 
	display:block;  
	width: 85px;
	height: 31px;
	border:none;
	float:left; 
	background: url('../pics/pic_btn_foot_sitemap_dn.gif') no-repeat scroll left top transparent; 
	} 

a.btn_footer_sitemap:active { 
	display:block;  
	width: 85px;
	height: 31px;
	border:none;
	float:left; 
	background: url('../pics/pic_btn_foot_sitemap_akt.gif') no-repeat scroll left top transparent; 
	} 


/* B.II.3.) Footer, Navbar - Elemente: Button Kundenlogin */

a.btn_footer_datenschutz {
	display: block;
	width: 129px;
	height: 31px;
	border: none;
	float: left;
	background: url('../pics/pic_btn_foot_datenschutz_dn.gif') no-repeat scroll left top transparent;
	}  

a.btn_footer_datenschutz:hover { 
	display:block;  
	width: 129px;
	height: 31px;
	border:none;
	float:left; 
	background: url('../pics/pic_btn_foot_datenschutz_dn.gif') no-repeat scroll left top transparent; 
	} 

a.btn_footer_datenschutz:active { 
	display:block;  
	width: 129px;
	height: 31px;
	border:none;
	float:left; 
	background: url('../pics/pic_btn_foot_datenschutz_dn.gif') no-repeat scroll left top transparent; 
	}


/* B.II.4.) Footer, Navbar - Elemente: Button Impressum */

a.btn_footer_impressum {
	display: block;
	width: 106px;
	height: 31px;
	border: none;
	float: left;
	background: url('../pics/pic_btn_foot_impressum_up.gif') no-repeat scroll left top transparent;
	}  

a.btn_footer_impressum:hover { 
	display:block;  
	width: 106px;
	height: 31px;
	border:none;
	float:left; 
	background: url('../pics/pic_btn_foot_impressum_dn.gif') no-repeat scroll left top transparent; 
	} 

a.btn_footer_impressum:active { 
	display:block;  
	width: 106px;
	height: 31px;
	border:none;
	float:left; 
	background: url('../pics/pic_btn_foot_impressum_akt.gif') no-repeat scroll left top transparent; 
	} 


/* C.) Schriften */
h1 {
	font-style: regular;
	font-variant: normal;
	text-transform: none;
	font-size: 24px;
	font-weight: normal;
	color: #ffffff;
	letter-spacing: 1.8px;
	line-height: 24px;
	padding: 15px 0 18px 0px;
	text-align: left;
	}

h2 {
	font-style: regular;
	font-variant:small-caps;
	text-transform: none;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	letter-spacing: 1.4px;
	line-height: 24px;
	padding: 0 0 10px 0;
	text-align: left;
	}

h3 {
	font-style: regular;
	font-variant:small-caps;
	text-transform: none;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	letter-spacing: 1.4px;
	line-height: 24px;
	padding: 0 0 10px 0;
	text-align: left;
	}


p {
	font-style: regular;
	font-variant: normal;
	text-transform: none;
	font-size: 13px;
	font-weight: normal;
	color: #6D6D6D;
	letter-spacing: normal;
	line-height: 24px;
	padding: 0 0 10px 0;
	text-align: left;
	}

a.txtlnk {
	color:#981B1F;	
	text-decoration:none;
}

a.txtlnk:hover {
	color:#ffffff;	
	text-decoration:none;
}

/* D.) Sonstiges */

hr {  	
	width:960px;
	height:1px;
	color:#444444;
	background-color:#444444;
	margin:0px auto;
	border:0px;
	float:left;
}
	
.clearfloat:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

/* for IE/Win */    
<!--[if IE]>
.clearfloat {
    zoom: 1;
    display: block;     
    }
<![endif]-->

/* for IE/Mac */
.clearfloat {
	display: inline-block;
	}