/* Allgemeine Styles */

* {
margin:0;
padding:0;
}	

a { text-decoration: none; }
a:link { color: #ffffff; }
a:visited { color: #ffffff; }

a:hover,
a:focus {
color: #192a6e;
}

@font-face {
    font-family: Calibri;
    src: url(font/calibri.ttf);
}

h1 {
	font-size: 38px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 18px;
}

body {
	background-color: #101115;
	font-size: 16px;
	color: #000000;
	font-family: Calibri, Helvetica;
	text-align: left;
}

td {
	font-size: 13px;
	color: #000000;
}


#wrapper {
	height: 900px;
	width: 1085px;
	position: absolute;
	margin:-450px 0px 0px -551px;
	top: 50%;
	left: 50%;
	background-image: url(img/startseite.jpg);
}

#index_richtig {
	background-image: url(img/index/richtig.jpg);
	margin-top: 350px;
	height: 215px; 
	width: 279px;
	margin-left: 490px;
	position: absolute;
}

#index_richtig:hover {
	background-image: url(img/index/richtig_hover.jpg);
	margin-top: 350px;
	height: 215px; 
	width: 279px;
	margin-left: 490px;
}

#index_bedacht {
	background-image: url(img/index/bedacht.jpg);
	margin-top: 350px;
	height: 215px; 
	width: 279px;
	margin-left: 790px;
	position: absolute;
}

#index_bedacht:hover {
	background-image: url(img/index/bedacht_hover.jpg);
	margin-top: 350px;
	height: 215px; 
	width: 279px;
	margin-left: 790px;
}

#index_team {
	background-image: url(img/index/team.jpg);
	margin-top: 590px;
	height: 215px; 
	width: 279px;
	margin-left: 490px;
	position: absolute;
}

#index_team:hover {
	background-image: url(img/index/team_hover.jpg);
	margin-top: 590px;
	height: 215px; 
	width: 279px;
	margin-left: 490px;
}

#index_werte {
	background-image: url(img/index/werte.jpg);
	margin-top: 590px;
	height: 215px; 
	width: 279px;
	margin-left: 790px;
	position: absolute;
}

#index_werte:hover {
	background-image: url(img/index/werte_hover.jpg);
	margin-top: 590px;
	height: 215px; 
	width: 279px;
	margin-left: 790px;
}





#wrapper_lieferprogramm {
	height: 900px;
	width: 1085px;
	position: absolute;
	margin:-450px 0px 0px -551px;
	top: 50%;
	left: 50%;
	background-image: url(img/lieferprogramm_index.jpg);
}

#wrapper_fenster_kunststoff {
	height: 900px;
	width: 1085px;
	position: absolute;
	margin:-450px 0px 0px -551px;
	top: 50%;
	left: 50%;
	background-image: url(img/fenster_kunststoff.jpg);
}

#wrapper_fenster_kunststoff_alu {
	height: 900px;
	width: 1085px;
	position: absolute;
	margin:-450px 0px 0px -551px;
	top: 50%;
	left: 50%;
	background-image: url(img/fenster_kunststoff_alu.jpg);
}

#wrapper_fenster_holz {
	height: 900px;
	width: 1085px;
	position: absolute;
	margin:-450px 0px 0px -551px;
	top: 50%;
	left: 50%;
	background-image: url(img/fenster_holz.jpg);
}

#wrapper_fenster_holz_alu {
	height: 900px;
	width: 1085px;
	position: absolute;
	margin:-450px 0px 0px -551px;
	top: 50%;
	left: 50%;
	background-image: url(img/fenster_holz_alu.jpg);
}

#wrapper_aluminium {
	height: 900px;
	width: 1085px;
	position: absolute;
	margin:-450px 0px 0px -551px;
	top: 50%;
	left: 50%;
	background-image: url(img/fenster_aluminium.jpg);
}

#wrapper_tueren {
	height: 900px;
	width: 1085px;
	position: absolute;
	margin:-450px 0px 0px -551px;
	top: 50%;
	left: 50%;
	background-image: url(img/tueren.jpg);
}

#wrapper_wintergaerten {
	height: 900px;
	width: 1085px;
	position: absolute;
	margin:-450px 0px 0px -551px;
	top: 50%;
	left: 50%;
	background-image: url(img/wintergaerten.jpg);
}

#wrapper_markisen {
	height: 900px;
	width: 1085px;
	position: absolute;
	margin:-450px 0px 0px -551px;
	top: 50%;
	left: 50%;
	background-image: url(img/markisen.jpg);
}

#wrapper_beratung {
	height: 900px;
	width: 1085px;
	position: absolute;
	margin:-450px 0px 0px -551px;
	top: 50%;
	left: 50%;
	background-image: url(img/beratung.jpg);
}

#wrapper_montage {
	height: 900px;
	width: 1085px;
	position: absolute;
	margin:-450px 0px 0px -551px;
	top: 50%;
	left: 50%;
	background-image: url(img/montage.jpg);
}

#wrapper_sanierung {
	height: 900px;
	width: 1085px;
	position: absolute;
	margin:-450px 0px 0px -551px;
	top: 50%;
	left: 50%;
	background-image: url(img/sanierung.jpg);
}

#wrapper_kontakt {
	height: 900px;
	width: 1085px;
	position: absolute;
	margin:-450px 0px 0px -551px;
	top: 50%;
	left: 50%;
	background-image: url(img/kontakt.jpg);
}

#wrapper_impressum {
	height: 900px;
	width: 1085px;
	position: absolute;
	margin:-450px 0px 0px -551px;
	top: 50%;
	left: 50%;
	background-image: url(img/impressum.jpg);
}

/*
		------- 'wrapper' Ende -------
 */

#content_box_white {
	font-size: 13px;
	color: #ffffff; 
	position: absolute; 
	margin-left: 14px; 
	margin-top: 100px; 
	height: auto; 
	width: 450px; 
	line-height: 17px;	
	text-align: right;	
}

#content_box_black1 {
	font-size: 13px;
	color: #000000; 
	position: absolute; 
	margin-left: 14px; 
	margin-top: -820px; 
	height: auto; 
	width: 450px; 
	line-height: 17px;	
	text-align: right;	
}

#content_box_black1_small {
	font-size: 12px;
	color: #000000; 
	position: absolute; 
	margin-left: 115px; 
	margin-top: -820px; 
	height: auto; 
	width: 450px; 
	line-height: 13px;	
	text-align: left;	
}

#content_box_black {
	font-family: Calibri;
	font-size: 13px;
	color: #000000; 
	position: absolute; 
	margin-left: 14px; 
	margin-top: 100px; 
	height: auto; 
	width: 450px; 
	line-height: 17px;	
	text-align: right;	
}

#content_box_black_right1 {
	font-family: Calibri;
	font-size: 13px;
	color: #000000; 
	position: absolute; 
	margin-left: 490px; 
	margin-top: -520px; 
	height: auto; 
	width: 450px; 
	line-height: 17px;	
	text-align: left;	
}

#content_box_black_center {
	font-family: Calibri;
	font-size: 13px;
	color: #000000; 
	position: absolute; 
	margin-left: 490px; 
	margin-top: -520px; 
	height: auto; 
	width: 650px; 
	line-height: 17px;	
	text-align: left;	
}

#content_box_black_center_small {
	font-family: Calibri;
	font-size: 11px;
	color: #000000; 
	position: absolute; 
	margin-left: 490px; 
	margin-top: -510px; 
	height: auto; 
	width: 590px; 
	line-height: 12px;	
	text-align: left;	
}

#content_box_black_right2 {
	font-family: Calibri;
	font-size: 13px;
	color: #000000; 
	position: absolute; 
	margin-left: 845px; 
	margin-top: -520px; 
	height: auto; 
	width: 450px; 
	line-height: 17px;	
	text-align: left;	
}

#navi {
	height: 519px;
	width: 300px;
	margin-left: -35px;
	margin-top: 340px;
	position: absolute;
	line-height: 36px;
}

#navi li {
	list-style-type: none;
	float: right;
}

#navi a {
	color: #ffffff;
	margin-top: 4px;
	margin-right: 25px;
	margin-left: 100px;
	display: block;
}

#navi a:hover {
	color: #192a6e;
	margin-top: 4px;
	margin-right: 25px;
	margin-left: 100px;
	display: block;
}


/* navi2 */

#navi_2 {
	font-size: 14px;
	height: 519px;
	width: 350px;
	margin-left: 120px;
	margin-top: 400px;
	line-height: 19px;
}

#navi_2 li {
	list-style-type: none;
	float: left;
}

#navi_2 a {
	color: #000000;
	margin-top: 4px;
	margin-right: 25px;
	margin-left: 180px;
	display: block;
}

#navi_2 a:hover {
	color: #ffffff;
	margin-top: 4px;
	margin-right: 25px;
	margin-left: 180px;
	display: block;
}