/* 

 * Titel			 : Holz & Stein Web

 * Autor		 	 : 4Freakz Development

 * Bearbeiter        : Dennis Huppertz

 * Datei             : basics.css

 * Kategorie		 : Stylesheets

 * Erstellt			 : 15.12.2006

 * Bearbeitungsstand : 16.02.2007

 * Status			 : in Bearbeitung

 * Version			 : 1.0.0

 */

 

/*

########################################################################

						     Body

######################################################################## */



.mainbody   

{

	background-image:url("../gfx/bg_muster.jpg");

    font-family:"Comic Sans MS",sans-serif;

    font-size:11pt;

	color:#632121;

}

.mainbody h1  

{

    font-size:12pt;

}



.mainbody_index

{

    font-family:"Comic Sans MS",sans-serif;

    font-size:12pt;

    background-color:white;

	color:#632121;

}



/*

########################################################################

						Hauptfenster

######################################################################## */



div#hsdiv_main  

{

    position: absolute;

    top: 251px;

    left: 0;

    

    width:950px;

    height:330px;



    background-image:url(../gfx/divmain/div-umriss.jpg);

    background-repeat:no-repeat;

}

div#hsdiv_mail   

{

    position: absolute;

    top: 294px;

    left: 687px;

    width: 263px;

    height: 36px;

}



/*

########################################################################

						Seitenausgabe

######################################################################## */



div#hsdiv_content  

{

    position: absolute;

    top: 0;

    

    left: 57px;

    width: 720px;

    height: 300px;

 

	padding-right:197px;

	overflow:auto;

    overflow-x:hidden; 

    overflow-y:auto;

    text-align:justify;

}

div#hsdiv_content a, 

div#hsdiv_content a:link,

div#hsdiv_content a:active,

div#hsdiv_content a:focus,

div#hsdiv_content a:visited

{

	color:navy; 

	font-variant:normal; 

	font-weight:normal;   

	text-decoration:none; 

}

 

div#hsdiv_content a:hover



{

	font-weight:bold;  

}



.screens

{

	float:right; 

	margin-top:10px;

	margin-left:15px;   

	margin-bottom:10px;

}

/*

########################################################################

						Navigations-Menü

######################################################################## */



.hstb_mnu 

{

	border:0;

	width:100%;

}



.hstd_mnu  

{

	background-image:url(../gfx/ban/menupunkt_rh.jpg);

	background-repeat:no-repeat;

	text-align:center;

}

.hstd_mnu  a:visited, a:link  

{

	font-size:11pt;

	color:#ffffff;

	font-variant:normal; 

	font-weight:normal;

	text-decoration:none;

}

.hstd_mnu  a:hover, a:active, a:focus  

{

	font-size:11pt;

	color:#ffffff;

	font-variant:normal;

	font-weight:bolder;

	text-decoration:none;

}





div#hsdiv_mnu1,

div#hsdiv_mnu2,

div#hsdiv_mnu3,

div#hsdiv_mnu4,

div#hsdiv_mnu5

{

    position: absolute;

    /*height: justify;

    background-color:#cccccc;*/

	color:#ffffff;

	visibility:hidden;    

}

div#hsdiv_mnu1   

{

    top: 80px;

    left: 10px;

    width: 150px;

}

div#hsdiv_mnu2   

{

    top: 141px;

    left: 153px;

    width: 150px;

}

div#hsdiv_mnu3   

{

    top: 170px;

    left: 323px;

    width: 150px;

}

div#hsdiv_mnu4   

{

    top: 141px;

    left: 493px;

    width: 150px;

}

div#hsdiv_mnu5   

{

    top: 80px;

    left: 635px;

    width: 150px;

}



/*

########################################################################

						     Banner

######################################################################## */



div#hsdiv_ban  

{

    position: absolute;

    top: 0;

    left: 0;

    

    width: 950px;

    height: 250px;

    background-image:url(../gfx/ban/banner.jpg);

    background-repeat:no-repeat;

}



div#hsdiv_navi_1   

{

    position: absolute;

    top: 0;

    left: 0;

    width: 143px;

    height: 86px;

}

div#hsdiv_navi_2   

{

    position: absolute;

    top: 68px;

    left: 155px;

    width: 137px;

    height: 80px;

}

div#hsdiv_navi_3   

{

    position: absolute;

    top: 92px;

    left: 323px;

    width: 137px;

    height: 86px;

}

div#hsdiv_navi_4   

{

    position: absolute;

    top: 68px;

    left: 493px;

    width: 137px;

    height: 86px;

}

div#hsdiv_navi_5   

{

    position: absolute;

    top: 0px;

    left: 637px;

    width: 137px;

    height: 86px;

}



/*

########################################################################

						     Info-Box

######################################################################## */



div#hsdiv_info 

{

    position: absolute;

    top: 5px;

    left: 823px;

    

    width: 138px;

    height: 184px;

    

    background-image:url(../gfx/ban/div-info.jpg);

    background-repeat:no-repeat;    

}

div#hsdiv_info a, 

div#hsdiv_info a:link,

div#hsdiv_info a:visited

{

	color:white;

	font-variant:normal; 

	font-weight:normal;    

	text-decoration:none; 

}

div#hsdiv_info a:focus, 

div#hsdiv_info a:hover,

div#hsdiv_info a:active

{

	color:white; 

	font-variant:normal; 

	font-weight:bold;   

	text-decoration:none; 

}



/*

########################################################################

								News

######################################################################## */



table#hstb_news

{

	margin-right:10px;

	text-align:justify;

}



.hstr_news_titel

{

	border:0;

}

.hstr_news_txt

{

	border-bottom:thin solid #632121;

}





.hstd_news_dat

{

	width:100px;



}

.hstd_news_usch

{

	font-weight:bold;





}

.hstd_news_txt

{





}



.hshr_news

{

	width:100%;

	color:#632121;

}





/*

########################################################################

								Produkte

######################################################################## */







.hsdiv_prod

{

	position:relative;

	left:10px;

	width:700px;

	height:250px;

	border:0;	

}

.hsdiv_prod img

{

	position:relativ;

	margin-left:2px;

	margin-right: 5px;

	float:left;

	border:0;

	

}



.img_prod

{

	position:relativ;

	margin-left:2px;

	margin-right: 5px;

	float:left;

	border:0;

	

}



.hsdiv_prodnavi

{

	position:absolute;

	top:0;

	left:57px;

	width:100%;

}



.hsdiv_prodbox

{

	position:absolute;

	

	left:460px;

	width:245px;

	height:246px;

}

.hsdiv_prodbox table

{

	border:0; 

	width:100%

}



.hsdiv_prodtext

{

	

	width:225px;

	height:162px;

	border:0;

	margin-top:10px;

	margin-left:2px;

}

.hsdiv_prodtext table

{

	border:0; 

	width:100%

}



.hsdiv_proddisc

{

	left:475px;

	width:230px;

	height:20px;

	margin-top:8px;

	margin-left:2px;

	font-size:10pt;

	border-top: 1px solid #632121;

}