*{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing:border-box;
}

.titel1
{
	color: #d80000 ;
}

.titel2
{
 	color: #000;
 font-size: 120%;
}

.div_pad5 {
	padding: 5px 5px 5px 5px;
}
.div_pad10 {padding: 10px 10px 10px 10px;}
.div_pad15 {padding: 15px 15px 15px 15px;}


.li_left
{
	margin-left: 2%;
}


.li_left1
{
	margin-left: 0,2%;
}


.div_100p {
	width: 100%;
	float: left;
}

.div_space5pix_hoch{
	heigth: 5px;
	weight: 100%;
	height: 5px;
}


.div_links_70p {
width: 69%;
float: left;
margin-left: 0.2%;
margin-right: 0.5%;
}


.box-pic
{
	margin-bottom: 5%;
	width: 100%;
	height: auto;
}


.div_rechts_30p {
float:left;
margin-left: 0.1%;
margin-right: 0.2%;
width:30%;	

}

.div_rechts_40p {
float:left;
margin-left: 0.1%;
margin-right: 0.2%;
width:40%;	

}

.div_mitte_30p {
float:left;
margin-left: 0.1%;
margin-right: 0.2%;
width:30%;	
}

.div_links_30p {
float:left;
margin-left: 0.1%;
margin-right: 0.2%;
width:30%;	
}

.div_links_25p {
float:left;
margin-left: 0.1%;
margin-right: 0.2%;
width:24%;	
}

.div_footer_30p {
	float: left;
	margin-left: 1%;
	width: 32.25%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCC;
}

.div_footer_70p_red {
	float: left;
	margin-left: 1%;
	width: 70%;
	color: red;
}

.div_footer_30p_rechts {
	float: left;
	margin-left: 1%;
	width: 32.25%;
}


.div_footer_100p {
	float: left;
	margin-left: 1%;
	width: 99%;
}


.div_100p30m {
margin:30px;
width:100%;	
float:left;
}


.div_full {
width:100%;	
heigth:100%;
}

.div_margin_08proz
{
margin: 0.8%;

}

.div_footer_margin
{
	background-color: #D6D6D6;
	margin-top: 0.6%;
	float: left;
	width: 100%;
	padding-top: 0.7%;
	padding-bottom: 0.7%;
	color: #666;
	font-size: 85%;
}

.div_transparent_weiss_50proz
{
	float: left;
	width: 100%;
	heigth: 100%;
	background-image: url(../backgrounds/overlay/weiss/C50.png);
	background-repeat: repeat;
}


.div_box300top {
	height: 100%;
	width: 300px;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
    padding:10px;
	list-style-type: none;
	list-style-position: inside;
}



.div_box300_weiss_aitem {
	line-height: 150%;
	height: 100%;
	width: 100%;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	background-image: url(../backgrounds/overlay/weiss/C50.png);
	text-decoration: none;
	color: #000;
	list-style-type: none;
	list-style-position: inside;
	list-style-image: url(../designpic/redpoint10px.png);
}

.div_box300_weiss_aitem li{
padding:1%;
}

.div_box300_weiss_aitem a {
	text-decoration: none;
	display: inline-block;
	width: 100%;
	-webkit-transition: all 0.2s linear 0.1s;
	-moz-transition: all 0.2s linear 0.1s;
	-ms-transition: all 0.2s linear 0.1s;
	-o-transition: all 0.2s linear 0.1s;
}


.div_box300_weiss_aitem a:hover   {
	color: #005d00;
	background-image: url(../backgrounds/overlay/weiss/C100.png);
	list-style-image: url(../designpic/greenpoint10px.png);
	border-top-color: #025202;
	border-right-color: #025202;
	border-left-color: #025202;	
}	

.div_box300_weiss_aitem a:active   {
	color: #FFF;
	background-image: url(../backgrounds/overlay/gruen_008b00/C100.png);
	list-style-image: url(../designpic/greenpoint10px.png);
	border-top-color: #025202;
	border-right-color: #025202;
	border-left-color: #025202;

}	




.div_box300_gruen_item {
	height: 100%;
	width: 300px;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 10px;
	background-image: url(../backgrounds/overlay/gruen_008b00/C50.png);
}


.div_box300_orange_item {
	height: 100%;
	width: 300px;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 10px;
	background-image: url(../backgrounds/overlay/orange_db552d-windows/C50.png);
	background-repeat: repeat;
}

.div_box300_blau1_item {
	height: 100%;
	width: 300px;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 10px;
	background-image: url(../backgrounds/overlay/blau_10537b/C50.png);
	background-repeat: repeat;
}

.div_box300_blau2_item {
	height: 100%;
	width: 300px;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 10px;
	background-image: url(../backgrounds/overlay/blau_180053/C50.png);
	background-repeat: repeat;
}



.div_box300_grau_bottom {
	height: 100%;
	width: 300px;
	background-image: url(../backgrounds/overlay/schwarz/C10.png);
	background-repeat: repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #999;
	border-left-color: #CCC;
}

.div_box300_schatten {
	height: 100%;
	width: 300px;
	background-image: url(../designpic/box300schatten.png);
	background-repeat: no-repeat;
	padding: 10px;
}


.div_50p {
width:50%;	
float:left;
}

.div_50p_p10 {
	width: 70%;
	padding-left: 2%;
	padding-right: 2%;

}


.div_10p{
 width: 10%;
 float: left;
}


.div_90p{

 width: 90%;
 float: left;
}



.div_95p_register{

 width: 95%;
 float: left;
 color: #F00;
 font-family: Verdana, Geneva, sans-serif;
 text-shadow: 0.05em 0.05em 0.05em #333;
 -webkit-text-shadow: 0.05em 0.05em 0.05em #333;
}


.div_5p_register{
	width: 5%;
	font-size: 1.2em;
	float: left;
	font-weight: bold;
}



#seiten_hinweis
{
	float: left;
	font-size: 85%;
	margin-bottom: 0.8%;

}

#seiten_hinweis2
{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 90%;
	margin-bottom: 0.8%;

}








/* ---------------- */










.menu_level_1{
 width: 100%;
}


.ul-menu_level_1  {
	padding-left: 0px;
	margin: 0px;
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
	list-style-type: none;
	margin-top: 0%;
}


.menu_level_1 ul a li {
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	text-decoration: none;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #999;
}



.menu_level_1 ul a li:hover {
	color: #FFF;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #333;
	background-color: #4C33FE;
}


.menu_level_1 ul a li:active {
	background-image: url(../backgrounds/overlay/rot_d80000/C10.png);
	color: #000;
	background-color: #FF0;
}






#div_home_inactive_button {
    background-color:#FFF;
	background-image: url(../design/home-schwarz.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain, 100%;
	line-height: 2;
}

#div_home_active_button {
    
    background-color:#d80000;
	background-image: url(../design/home-weiss.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain, 100%;
	line-height: 2;

}


#div_inactive_button{	

    background-color: #FFF;
	line-height: 2;
	
	
}
#div_active_button{
	
	background-color: 	#d80000;
	color:#FFF;
	line-height: 2;
	
	
}



.rootmenu-button-k
{
    background-color: #FFF;
    color: #000;
	width: 13%;
	float: left;
	background-image: url(../designpic/home-schwarz.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain, 100%; 
 
}


.rootmenu-button-l
{
    background-color: #FFF;
    color: #000;
	width: 16%;
	float: left;
	background-image: url(../designpic/home-schwarz.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain, 100%; 
 
}



.inactive-menu-button-level_1 {
    font-size: 78%;
	float: left;
	line-height: 140%;
	color: #FFF;
	list-style-type: none;
	color: #333;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	padding: 1.615%;
	text-align: center;
	text-transform: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000;
	box-shadow: 1px 1px 5px 1px #666;
	-webkit-transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	-ms-transition: all 0.5s linear 0s;
	-o-transition: all 0.5s linear 0s;
	background-color: #FFF;
}

.active-menu-button-level_1 {
 font-size: 78%;
	float: left;
	line-height: 140%;
	list-style-type: none;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	padding: 1.615%;
	text-align: center;
	text-transform: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000;
	box-shadow: 1px 1px 5px 1px #666;
	-webkit-transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	-ms-transition: all 0.5s linear 0s;
	-o-transition: all 0.5s linear 0s;
    background-color:#d80000;
	color: #FFF;

}
.div_sidebar {
	padding-left: 8%;
	padding-top: 5%;
	font-size: 70%;
	text-align: center;
}

.div_sidebar_haertetechnik {
	padding-bottom: 5%;
    	color:#1a6fb7;
}

.div_sidebar_vorrichtungsbau {
	padding-bottom: 5%;
    	color:#1a6fb7;
}
}