/* IE 6 PNG FIX */

* html 
img { 
	behavior: url(/fileadmin/scripts/iepngfix.htc) 
	}



body {

        background: black url(/fileadmin/template/assets/magma_bg.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 76%;
	color: #ffffff;
}


h1 { 
	font-size: 120%;
	color: #AE0917;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}

h2 { 
	font-size: 110%;
	color: #AE0917;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}


a:link {
	color: #ffffff;  
}

a:active {
	color: #ffffff;
}

a:visited {
	color: #ffffff;
}

a:hover {
	color: #ffffff;

}

p {
	margin:0 0 10px 0;
	padding: 0 0 0 0;
        text-align: left; 
        line-height: 1.5;
}

p a:link {
	color: #ffffff;
	text-decoration: undeline;
}

p a:active {
	color: #ffffff;
	text-decoration: undeline;
}

p a:visited {
	color: #ffffff;
	text-decoration: undeline;
}

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

form{ 
	margin:0 0 0 0;
	padding: 0 0 0 0;
}

textarea {
	margin:0 0 0 0;
	padding: 0 0 0 0;
}

input {
	margin:0 0 0 0;
	padding: 0 0 0 0;
}



#headarea{
	position:relative;
	width: 950px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; 
	color: #ffffff;
	background-color: transparent;
}



#navigationarea{
	width: 950px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; 
	color: #ffffff;	
	background-color: transparent;	
}


#retailer_search_area {
	padding-top: 4px;
	padding-right: 3px;
	float: right;

}

.retailer_search_area_input {
	font-size: 75%;
	vertical-align: middle;
	height: 11px;
}

.retailer_search_area_text {
	vertical-align: middle;
        padding-right: 5px;
	font-weight: bold;
}

#contentarea {

	width: 950px;
	min-height: 500px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left; 
	background-color: transparent;		
    } 
    
/* IE 6 */
* html #contentarea {

	width: 950px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left; 
	background-color: transparent;	
    } 
    
    
   
    
#footarea {
	width: 950px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; 
	color: #ffffff;	
	background-color: transparent;	
}


#content_col0_main {
	float: left;
	width: 950px;
	margin-bottom: 15px;
}
   
    
    
#content_col1_main {

	float: left;
	width: 300px;

}

#content_col2_main {

	float: left;
	width: 300px;
	padding-left: 20px;
}

#content_col3_main {

	float: left;
	width: 300px;
	padding-left: 20px;

}


#content_col0 {

	float: left;
	width: 420px;
	padding-left: 10px;
	padding-right: 10px;		
}
    

#content_col1 {
	float: left;
	width: 420px;
	padding-left: 10px;
	padding-right: 10px;		
}

#content_col2 {
	float: left;
	width: 175px;
	padding-left: 50px;
}

#content_col3 {
	float: left;
	width: 175px;
	padding-left: 50px;
}


#clearboth_container {
	clear: both;
}



/* ##### Navigation ##### */

/* #### FOOTNAV #### */


#footnav {
	height: 25px;
	padding-left: 0px;
	background-color: #000000;
	border-top: 1px solid #AE0917;
	border-bottom: 1px solid #AE0917;	
	} 


ul#footnav_lvl1 {
	text-align: left;
	margin: 0;
	padding: 0;
 }


/* IE 6 */
* html ul#footnav_lvl1 {
	padding-left: 10px;
 }


ul#footnav_lvl1 li {
	float:left;
	list-style: none;
	height: 20px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
 }


ul#footnav_lvl1 a {
	text-decoration: none;
	font-weight: normal;

 }


ul#footnav_lvl1 a:hover {
	text-decoration: none;
	font-weight: normal;

 }
 
li.footnav_lvl1_no a {
	color: #ffffff;
}

li.footnav_lvl1_act a {
	color: #AE0917;
}


#language_select {
	float: right;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
}


/* #### TOPNAV #### */

#toplogo {
	float: right;
	margin-top: 20px;	
	width:400px;
	height: 50px;	
	text-align: right;
	background-image:url(/fileadmin/template/assets/magma-logo.gif);
	background-repeat:no-repeat;
	background-position:right;
	} 




#topnav {
	float: left;
	margin-top: 40px;
	width: 500px;
	height: 50px;
	font-size: 100%;
	text-align: left;
	} 





ul#topnav_lvl1 {
	text-align: left;
	margin: 0;
	padding: 0;
 }


/* IE 6 */
* html ul#topnav_lvl1 {
	padding-left: 10px;
 }


ul#topnav_lvl1 li {
	float: left;
	list-style: none;
	text-transform: uppercase;
	height: 20px;
	margin: 0;
	padding-right: 20px;
 }


ul#topnav_lvl1 a {
	text-decoration: none;
	font-weight: normal;
 }


ul#topnav_lvl1 a:hover {
	text-decoration: none;
	font-weight: normal;
 }
 
li.topnav_lvl1_no a {
	color: #ffffff;
}

li.topnav_lvl1_act a {
	color: #AE0917;
}



/* #### MAINNAV #### */


#mainnav {
	height: 25px;
	padding-left: 0px;
	background-color: #000000;
	border-top: 1px solid #AE0917;
	border-bottom: 1px solid #AE0917;	
}


/* #### MAINNAV Level 1 #### */

ul.mainnav_lvl1 {
	padding: 0;
	margin: 0;
 }

ul.mainnav_lvl1 li {
	float:left;
	list-style: none;
	height: 20px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap; 


 }

/* IE 6 */
* html ul.mainnav_lvl1 li {
	float:left;
	list-style: none;
	width: 1%;
	height: 20px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap; 


 }

ul.mainnav_lvl1 a:link {
	text-decoration: none;
	font-weight: bold;
	display:block;
	color: #ffffff;
 }

ul.mainnav_lvl1 a:active {
	text-decoration: none;
	font-weight: bold;
	display:block;
	color: #ffffff;
 }

ul.mainnav_lvl1 a:visited {
	text-decoration: none;
	font-weight: bold;
	display:block;
	color: #ffffff;
 }

ul.mainnav_lvl1 a:hover {
	text-decoration: none;
	font-weight: bold;
	display:block;
	color: #AE0917;
 }


li.mainnav_lvl1_act a:link {
	text-decoration: none;
	font-weight: bold;
	display:block;
	color: #AE0917;
 }

li.mainnav_lvl1_act a:active {
	text-decoration: none;
	font-weight: bold;
	display:block;
	color: #AE0917;
 }

li.mainnav_lvl1_act a:visited {
	text-decoration: none;
	font-weight: bold;
	display:block;
	color: #AE0917;
 }

li.mainnav_lvl1_act a:hover {
	text-decoration: none;
	font-weight: bold;
	display:block;
	color: #AE0917;
 }





/* #### MAINNAV Level 2 #### */

ul.mainnav_lvl2 {
	text-align: left;
	margin: 0;
	padding: 0;
        background-color: #000000;
        /* border-top: 1px solid #AE0917; */
        border-left: 1px solid #AE0917;
        border-right: 1px solid #AE0917;
 }

ul.mainnav_lvl2 li {
	list-style: none;
	width: 130px;
	height: 20px;
	margin: 0;
	padding-top: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #AE0917;
	

 }

/* IE 6 */
* html ul.mainnav_lvl2 li {
	list-style: none;
	width: 130px;
	height: 20px;
	margin: 0;
	padding-top: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #AE0917;

 }


ul.mainnav_lvl2 a {
	text-decoration: none;
	display:block;
	font-weight: normal;
	color:  #ffffff;
 }
ul.mainnav_lvl2 a:hover {
	text-decoration: none;
	display:block;
	font-weight: normal;	
	color: #AE0917;
 } 




/* #### MAINNAV Level 3 #### */

ul.mainnav_lvl3 {
	text-align: left;
	margin: 0;
	padding: 0;
        background-color: #000000;
        border-top: 1px solid #AE0917;
        border-left: 1px solid #AE0917;
        border-right: 1px solid #AE0917;
 }

ul.mainnav_lvl3 li {
	list-style: none;
	width: 130px;
	height: 20px;
	margin: 0;
	padding-top: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #AE0917;
	

 }
/* IE 6 */
* html ul.mainnav_lvl3 li {
	list-style: none;
	width: 130px;
	height: 20px;
	margin: 0;
	padding-top: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #AE0917;

 }



ul.mainnav_lvl3 a {
	text-decoration: none;
	display:block;
	font-weight: normal;
	color: #ffffff;
 }
 
ul.mainnav_lvl3 a:hover {
	text-decoration: none;
	display:block;
	font-weight: normal;	
	color: #AE0917;
 } 


/* #### KONTAKT #### */

#contact_form {
	float: left;
	margin-top: 5px;
	margin-bottom: 20px;
	width: 550px;

}


#contact_cat1{
	padding: 5px;
	text-align:left;
}
#contact_cat1 label{
	float: left;
	width: 190px;
}

#contact_cat2{
	padding: 5px;
	text-align:left;
}
#contact_cat2 label{
	float: left;
	width: 190px;
}

#contact_cat3{
	padding: 5px;
	text-align:left;
}
#contact_cat3 label{
	float: left;
	width: 190px;
}

#contact_cat4{
	padding: 5px;
	text-align:left;
	margin-bottom: 10px;	
}
#contact_cat4 label{
	float: left;
	width: 190px;
}

#contact_company{
	padding: 5px;
	text-align:left;
}
#contact_company label{
	float: left;
	width: 190px;
}

#contact_street{
	padding: 5px;
	text-align:left;
}
#contact_street label{
	float: left;
	width: 190px;
}

#contact_city{
	padding: 5px;
	text-align:left;
}
#contact_city label{
	float: left;
	width: 190px;
}





#contact_name{
	padding: 5px;
	text-align:left;
}
#contact_name label{
	float: left;
	width: 190px;
}

#contact_phone{
	padding: 5px;
	text-align:left;
}
#contact_phone label{
	float: left;
	width: 190px;
}

#contact_email{
	padding: 5px;
	text-align:left;
}
#contact_email label{
	float: left;
	width: 190px;
}

#contact_comment{
	padding: 5px;
	text-align:left;
}

#contact_comment label{
	float: left;
	width: 190px;
}


#contact_datenschutz{
	padding: 5px;
	text-align:left;
}


#contact_datenschutz A:active {  
	text-decoration: underline ;
}

#contact_datenschutz A:link { 
	text-decoration: underline ;
}

#contact_datenschutz A:visited { 
	text-decoration: underline ;
}

#contact_datenschutz A:hover { 
	text-decoration: none ;
}


#contact_submit{
	float: left;
	padding: 5px;
}



#contact_submit input {
               margin: 0px; 
               padding: 0px; 

}


/* #### VERTRIEBSPARTNER #### */


#retailer {
	width: 450px;
	

}

.retailer_tr {
	clear: both;

}

.retailer_td_left {
	float: left;
	width: 150px;
	padding-top: 10px;
}

.retailer_td_right {
	float: left;
	width: 300px;
	padding-top: 10px;
}


.retailer_divider {
	clear: both;
	height: 1px;
	border-top: 1px solid #C3C3C3;

}


/* #### LOGIN #### */

#login_form {
	float: left;
	margin-top: 5px;
	margin-bottom: 20px;
	width: 550px;

}


#login_user{
	padding: 5px;
	text-align:left;

}

#login_user label{
	float: left;
	width: 150px;
}


#login_pass{
	padding: 5px;
	text-align:left;
}
#login_pass label{
	float: left;
	width: 150px;
}

#login_datenschutz{
	padding: 5px;
	text-align:left;
}

#login_submit{
	float: left;
	padding: 5px;	
}



#login_submit input {
               margin: 0px; 
               padding: 0px; 

}




/* #### tx-bildarchiv-pi1  #### */


.tx-bildarchiv-pi1-listrow {
	font-size: 80%;

}

.tx-bildarchiv-pi1-tr {

	clear:both;

}

.tx-bildarchiv-pi1-td {


	float: left;
	width: 150px;
	height: 200px;
	margin-right: 20px;
	margin-bottom: 5px;
	padding: 10px;

}

.tx-bildarchiv-pi1-title {

	text-align:left;
	padding-bottom: 10px;
}

.tx-bildarchiv-pi1-image {

	text-align:left;
	padding-bottom: 5px;

}

.tx-bildarchiv-pi1-subtiteldescr {

	text-align:left;

}



.trail_general {
	border: 1px solid #AE0917;
	background-color: #000000;

}

.trail_title {

	font-weight: bold;
	text-align:left;
	color: #ffffff;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.trail_description {

	text-align:justify;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}


.trail_bottom {

	padding-bottom: 10px;
}