/* -------------------------------------------------
style sheet for wavesport european homepage
licensed:   blue and white gmbh germany niedermoosen
version:    1.0
date:       2009-09-01
author:     torsten naujoks  http://www.websmith.de
------------------------------------------------- */


/* 1. global layout stuff */

*{
margin:					0px;
padding:				0px;
outline:				0px;
}

html{
overflow:				auto;
overflow-x:				hidden;
}

body{
overflow-x:				hidden;
min-height:				99.99%;
font-family:			Arial, Helvetica, sans-serif;
font-size:				12px;
line-height:			17px;
color:					rgb(51,51,51);
background:				rgb(0,0,0);
}

#a{
min-height:				99.99%;
overflow:				hidden;
background:				rgb(255,255,255) url(/layout/bg/bd.gif) repeat-x;
margin:					0px 0px 0px 0px;
}

#ai{
position:				absolute;
top:					0%;
left:					50%;
margin:					0px 0px 0px -840px;
overflow:				hidden;
}

#b{
position:				relative;
top:					0%;
left:					50%;
z-index:				2;
margin:					0px 0px 0px -488px;
}

#c{
width:					976px;
height:					711px;
padding:				72px 0px 0px 0px;
}

#d{
position:				absolute;
top:					0px;
left:					0px;
height:					72px;
width:					100%;
}

#z{
position:				absolute;
top:					846px;
left:					50%;
width:					2000px;
margin:					0px 0px 0px -1000px;
overflow:				hidden;
background:				rgb(0,0,0);
}

img{
border:					0px none;
}


/* 2. header */

#d a img{
position:				absolute;
top:					24px; 
left:					0px;
width:					412px;
height:					48px;
}

#d ul{
position:				absolute;
top:					9px; 
left:					66px;
list-style-type:		none;
font-family:			Arial, Helvetica, sans-serif;
font-size:				14px;
letter-spacing:			-1px;
}

#d ul li{
position:				relative;
list-style-type:		none;
float:					left;				
margin:					0px 0px 0px 13px;
}

#d ul li a{
color:					rgb(0,0,0);
text-transform:			uppercase;
font-stretch:			condensed;
font-weight:			900;
text-decoration:		none;
}

#d ul li a:hover, #d ul li strong, #d ul li b a{
color:					rgb(201,88,39);
text-transform:			uppercase;
font-stretch:			condensed;
font-weight:			900;
text-decoration:		none;
}

#d ul li strong, #d ul li b a:hover{
text-decoration:		underline;
}

#d form{
position:				absolute;
top:					10px;
left:					711px;
width:					235px; 
}

#d form input#searchsubmit{
float:					left;
margin:					2px auto auto 4px;
}

#d form input#s{
width:					142px;	
float:					left;
font-family:			Arial, Helvetica, sans-serif;
font-size:				13px;
color:					rgb(51,51,51);
padding:				2px 0px 2px 0px;
}

#d p{
position:				absolute;
top:					45px;
left:					769px;
font-size:				11px;
font-weight:			900;
}

#d p a{
color:					rgb(0,0,0);
text-decoration:		none;
padding:				0px 6px;
}

#d p a:hover{
text-decoration:		underline;
}


/* home area boxes */

#home{
width:					683px;
height:					752px;
float:					left;
background:				transparent; 
margin:					62px 0px 0px 0px;
}

#home div{
position:				absolute; 
margin:					100px 0px 0px 0px;
}

#h0{
top:					-28px;
left:					0px;
width:					700px;
height:					324px;
}

#h1{
top:					0px;
left:					0px;
width:					568px;
height:					324px;
background-color:		rgb(255,255,255);
}

#h21{
top:					40px;
left:					582px;
width:					360px;
height:					100px;
}

#h22{
top:					139px;
left:					690px;
width:					252px;
text-align:				right;
text-transform:			uppercase;
}

#h23{
top:					163px;
left:					582px;
width:					360px;
height:					138px;
}

#h24{
top:					303px;
left:					690px;
width:					252px;
text-align:				right;
text-transform:			uppercase;
}

#h31{
width:					128px;
height:					108px;
top:					379px;
left:					40px; 
overflow:				hidden;
}

#h32{
width:					204px;
height:					96px;
top:					539px;
left:					22px; 
}

#h33{
width:					204px;
height:					14px;
top:					640px;
left:					22px; 
text-align:				right;
text-transform:			uppercase;
}

#h34{
width:					66px;
height:					52px;
top:					514px;
left:					161px; 
}

#h41{
position:				absolute;
top:					530px;
left:					266px; 
height:					96px;
width:					176px;
font-size:				11px;
line-height:			14px;
color:					rgb(0,0,0);
}

#h42{
position:				absolute;
top:					640px;
left:					266px; 
height:					14px;
width:					192px;
font-size:				11px;
text-align:				right;
}

#h43{
width:					214px;
height:					130px;
top:					343px;
left:					256px; 
}

#h51{
top:					421px;
left:					495px;
width:					334px;
height:					209px;
overflow-y:				auto;
background-color:		rgb(255,255,255);
}

#h52{
top:					638px;
left:					495px;
width:					444px;
height:					14px;
text-align:				right;
text-transform:			uppercase;
}

#h53{
top:					383px;
left:					844px;
width:					102px;
height:					245px;
}

#h54{
width:					334px;
height:					44px;
top:					343px;
left:					483px; 
}

#h55{
width:					127px;
height:					21px;
top:					356px;
left:					820px; 
}

/* content formating */

a.more{
font-size:				10px;
color:					rgb(196,90,40);
text-decoration:		none;
}

a.more:hover{
text-decoration:		underline;
}

#h0 h1{
font-size:				12px;
font-weight:			900;
letter-spacing:			2px;
text-transform:			uppercase;
color:					rgb(239,239,239);
margin:					7px 0px 0px 32px;
}

#h0 p{
position:				absolute;
top:					0px;
left:					214px;
z-index:				2;
font-size:				10px;
font-weight:			900;
color:					rgb(255,255,255);
margin:					7px 0px 0px 32px;
}

#h1 *{
margin:					0px;
padding:				0px;
}

#h21 a{
color:					rgb(196,90,40);
}

#h21 a img{
float:					left;
margin:					0px 10px 0px 0px;
}

#h21 h1{
font-size:				15px;
color:					rgb(51,51,51);
margin:					-2px 0px 0px 118px;
padding:				0px 7px 3px 0px;
}

#h21 h1 a{
color:					rgb(51,51,51);
}

#h21 h1 a:hover{
text-decoration:		underline;
}

#h21 p{
font-size:				11px;
line-height:			14px;
color:					rgb(51,51,51);
padding:				0px 7px 0px 0px;
}

#h21 p strong{
display:				block;
font-weight:			300;
color:					rgb(196,90,40);
}

#h31 a{
display:				block;
position:				absolute;
top:					0px;
width:					128px;
height:					108px;
font-size:				11px;
font-weight:			900;
text-align:				center;
color:					rgb(255,255,255);
padding:				94px 0px 0px 3px;
}

#h31 a img{
position:				absolute;
top:					62px;
left:					96px;
}

#h32 img{
float:					right;
}

#h32 h1, #h32 h1 a{
font-size:				13px;
line-height:			18px;
color:					rgb(253,227,6);
}

#h32 p{
font-size:				11px;
line-height:			14px;
color:					rgb(255,255,255);
margin:					5px 0px 0px 2px;
}

#h32 p strong{
font-weight:			300;
}

#h33 a{
font-size:				11px;
color:					rgb(196,90,40);
}

#h41 h1{
font-size:				11px;
}

#h41 p{
margin:					0px 0px 10px 0px;
}

#h41 p a{
color:					rgb(0,0,0);
text-decoration:		none;
}

#h41 p a:hover{
text-decoration:		underline;
}

#h42 a{
font-weight:			900;
text-decoration:		none;
color:					rgb(0,0,0);
}

#h42 a:hover{
text-decoration:		underline;
}

#h51 h1{
font-size:				14px;
color:					rgb(51,51,51);
margin:					9px 0px 0px 9px;
}

#h51 h1 a{
color:					rgb(112,187,73);
}

#h51 h1 a:hover{
text-decoration:		underline;
}

#h51 p{
font-size:				11px;
line-height:			14px;
color:					rgb(51,51,51);
margin:					0px 9px 2px 9px;
}

#h51 p strong{
display:				block;
font-size:				10px;
font-weight:			300;
color:					rgb(136,136,136);
}

#h52 a{
font-size:				11px;
color:					rgb(0,176,218);
}

#h53 a{
display:				block;
margin:					0px 0px 1px 0px;
}

#h53 a img{
border:					2px solid rgb(0,0,0);
}

#h53 a:hover img{
border:					2px solid rgb(0,176,218);
}

#h210 img.space{
float:					none;
clear:					left;
height:					20px;
width:					360px;
}


/* footer */

#z #z1{
height:					100px;
width:					100%;
background:				rgb(255,255,255);
}

#z #z1 img{
position:				absolute;
left:					50%;
margin:					0px 0px 0px -410px;
}

#z #z2{
position:				absolute;
top:					67px;
left:					50%;
height:					27px;
overflow:				hidden;
margin:					0px 0px 0px 148px;
}

#z #z2 a{
display:				block;
float:					left;
height:					54px;
width:					27px;
margin:					0px 0px 0px 7px;
padding:				54px 0px 0px 0px;
overflow:				hidden;
}

#z #z2 a:hover{
margin:					-27px 0px 0px 7px;
}

#z #z21{
background:				transparent url(/layout/logos/logos-footer.gif) no-repeat 0px 0px;
}

#z #z22{
background:				transparent url(/layout/logos/logos-footer.gif) no-repeat -34px 0px;
}

#z #z23{
background:				transparent url(/layout/logos/logos-footer.gif) no-repeat -68px 0px;
}

#z #z24{
background:				transparent url(/layout/logos/logos-footer.gif) no-repeat -102px 0px;
}

#z p{
font-size:				11px;
color:					rgb(153,153,153);
text-align:				center;
padding:				14px 0px 14px 28px;
}


/* last globales */

a{
text-decoration:		none;
color:					rgb(196, 90, 40);
}

a:hover{
text-decoration:		underline;
}

a#p_edit{
position:				absolute;
top:					24px;
left:					24px;
z-index:				10;
}