@charset "iso-8859-2";
/* CSS Document */

body{
	background-repeat: repeat-x;
	background-image: url(http://www.trinity-haircare.com/content/bg.jpg);
	background-color: #001013;
	margin: 0 0 0 0;
	font: 11px/1.5em Verdana;
	text-decoration: none;
	color: #cccccc;
}
div#wrapper{
width: 952px;
margin: 20px auto;
}
/*--------------Container*/

div#header{
width: 952px;
height: 80px;
background-image:url(http://www.trinity-haircare.com/content/TRINITYlogo.png);
background-position: top right;
background-repeat: no-repeat;
}

div#navi{
width: 150px;
height: auto;
float: left;
padding: 10px;
}


div#prodbild{
width: 580px;
height: 270px;
float: left;
background-position: top;
background-repeat: no-repeat;
}

div#content{
width: 580px;
height: auto;
padding: 10px;
float: left;
}

div#contentsmall{
width: 459px;
height: auto;
padding: 10px;
float: left;
}

div#contentprodukte{
width: 121px;
height: auto;
float: left;
}

div#navi_content{
width: 580px;
height: auto;
float: left;
}

div#content_news_links{
width: 260px;
height: 185px;
padding: 15px 0 0 0;
float: left;
}

div#content_news_rechts{
width: 260px;
height: 200px;
padding: 15px 0 0 0;
float: left;
}

div#content_news_trenner{
width: 1px;
height: 200px;
margin: 15px 30px 0 29px;
float: left;
background-image:url(http://www.trinity-haircare.com/content/dotted.png);
}

div#right{
width: 162px;
height: auto;
padding: 10px;
float: left;
}

div#footer{
width: 952px;
height: 3px;
margin: 10px 0 0 0;
background-image: url(http://www.trinity-haircare.com/content/bg_footer.jpg);
background-position: top;
background-repeat: repeat-x;
}

div#footer_info{
width: 952px;
height: 30px;
margin: 5px 10px 0 0;
background-image: url(http://www.trinity-haircare.com/content/footerinfobg.jpg);
background-position: left;
background-repeat: no-repeat;
}

div#creasoin{
width: 580px;
height: 65px;
margin: 5px 0 5px 0;
}

div#switch{
width: 290px;
height: 15px;
margin: 15px 0 15px 0;
float: left;
}

div#produkt{
width: 580px;
height: auto;
margin: 25px 0 0 0;
}

/*-----FONTstyles*/

.h1{
font-weight: bold;
margin: 10px 0 0 0;
}

.h1orange{
font-weight: bold;
margin: 10px 0 0 0;
color: #FF6600;
}

.h2{
font-weight: bold;
margin: 290px 0 10px 0;
}

.h3{
font-weight: bold;
margin: 10px 0 5px 0;
}

.h3top{
font-weight: bold;
margin: 25px 0 5px 0;
}

.footer{
margin: 0px 10px 0 0;
text-align: right;
}

.navi{
text-align: right;
}

.input01 {
font-family:Verdana,Arial,sans-serif;
color:#000000;
font-size:12px;
border: 1px solid #cccccc;
background-color: #cccccc;
}


/*----LINK behavior*/

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

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

a:active {
color: #FF6600; 
text-decoration: none;
}

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

a.active{
color:#FF6600;
}

/*-----SONSTIGES*/

.clear{
clear: both;
}

.list_content{
margin: 0px 10px 0px 10px;
}

.list_content_left{
margin: 0px 0px 0px 0px;
}