@charset "UTF-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:50px;
	font-weight:normal;
	text-align:left;
	letter-spacing:.04em;
	color:#000;
	margin-top:20px;
	padding-left:20px;
}

h2 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:21px;
	letter-spacing:.04em;
	font-weight:normal;
	color:#6CF;
	padding-top:75px;
	padding-bottom:10px;
	font-size:33px;
}

.willkommen {
	padding:4px 0 0 8px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:19px;
	letter-spacing:.04em;
	font-weight:normal;
	font-size:14px;
	font-style:normal;
	color:#000;
	opacity:0.9;
}

.pageTitle {
	padding:4px 0 0 8px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:19px;
	letter-spacing:.07em;
	font-weight:normal;
	font-size:13px;
	font-style:normal;
	color:#6CF;
	opacity:0.8;
}


h4 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:lighter;
	font-size:13px;
	text-align:left;
	letter-spacing:.07em;
	color:#000;
	line-height:20px;
	opacity:0.5;
}


p {
	padding-left:8px;
	padding-top:4px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:18px;
	font-weight:normal;
	font-size:13px;
	font-style:oblique;
	color:#000;
	vertical-align:baseline;
	opacity:0.6;
}


.kurzInfo {
	padding-left:8px;
	padding-top:4px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:23px;
	font-size:17px;
	font-style:oblique;
	letter-spacing:0.03em;
	color:#5C5C5C;
	opacity:0.6;
}


.headers {
	padding-left:8px;
	padding-top:5px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:18px;
	font-weight:lighter;
	font-size:12px;
	font-style:normal;
	color:#000;
	opacity:1;
}

.specialOffersHeader {
	padding-left:8px;
	padding-top:5px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:18px;
	font-weight:lighter;
	font-size:12px;
	font-style:normal;
	color:#6CF;
	opacity:1;
}

.specialOffersHeaderDIV {
	background-color:#000;
	padding-bottom:6px;
	padding-top:5px;
	padding-left:4px;
	padding-right:4px;
	margin-bottom:1px;
}

.specialOffersHeaderDIV p {
	color:#6CF;
	font-style:normal;
}



#detailsAnsehen {
	background-image:url(../images/OrangeLines_03.png);
	padding-left:2px;
	padding-right:3px;
	padding-bottom:1px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:18px;
	font-weight:normal;
	font-size:10px;
	font-style:normal;
	color:#F60;
	opacity:0.8;
	text-decoration:none;
	margin-left:8px;
}


.longText {
	padding-left:8px;
	padding-top:4px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:20px;
	font-weight:normal;
	font-size:13px;
	font-style:normal;
	color:#5C5C5C;
	vertical-align:baseline;
	opacity:0.6;
}
	
	

p a {
  	text-decoration: none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	font-size:13px;
	font-style:oblique;
	color:#5C5C5C;
	vertical-align:baseline;
	opacity:1;
}

p a:hover {
	color:#6CF;
	opacity:1;
}

ul {
	list-style-type:none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	text-align:left;
	letter-spacing:.05em;
	color:#D2D2D2;
	font-weight:lighter;
}

.MenuList li {
	position:relative;
	letter-spacing:.06em;
}

.MenuList a {
  	text-decoration: none;
 	display: block;
 	padding: 6px 18px 6px 30px;
	margin-right:2px;
	color:#000;
	font-size:13px;
	border-bottom:1px solid #6CF;
	background-color:#fff;
	background-image:url(../images/smallBoxGraylinesLight.png);
	opacity:0.5;
}

.MenuList a:hover {
	color:#6CF;
/*	background-image:url(../images/smallBoxGraylinesLight.png);
*/	background-color:#000;
	opacity:1;
}


.contactButton a {
	color:#000;
	background-color:#fff;
	opacity:1;
}

.HomeButton a {
	color:#000;
	background-color:#fff;
	opacity:1;
}

.aboutButton a {
	color:#000;
	background-color:#fff;
	opacity:1;
}

.GalleryButton a {
	color:#000;
	background-color:#fff;
	opacity:1;
}








#BottomNavigation {
	position:relative;
	float:left;
	width:812px;
	border-top:1px solid #EEE;
	margin-bottom:2px;
	margin-top:1px;
}

#BottomNavigation a {
	font-weight:lighter;
	font-size:13px;
}


#BottomMenu {
	position:relative;
	float:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 2px;
	margin-bottom:2px;
}


.BottomMenuList li {
	position:relative;
	float:left;
	letter-spacing:.06em;
}


.BottomMenuList a {
  	font-style: normal;
	font-weight:lighter;
  	text-decoration: none;
 	display: block;
 	padding: 8px 26px 8px 27px;
	margin-right: 1px;
	color:#000;
	background-color:#fff;
	opacity:0.6;
}

.BottomMenuList a:hover {
	color:#6CF;
	background-color:#FFF;
	opacity:0.9;
	border-bottom:1px solid #6CF;
}










#Container {
	position:absolute;
	top:2px;
	left:50%;
	z-index: 100;
	margin-left: -512px;
	width:1024px;
	height:768px;
}


#SiteHeaderHome {
	position:relative;
	float:left;
	width:1012px;
	height:183px;
	background-image:url(../images/salsa_essen_header_02.png);
	margin-bottom:1px;
}

#willkommenHeader {
	position:relative;
	float:left;
	width:988px;
	height:35px;
	padding:10px 0 3px 24px;
	border-bottom:1px solid #6CF; 
}


#SiteHeaderContact {
	position:relative;
	float:left;
	width:1012px;
	height:183px;
	background-image:url(../images/whitelines_03.png);
	margin-bottom:1px; 
}


#SiteHeader {
	position:relative;
	float:left;
	width:923px;
	height:183px;
	background-color:#FFF;
}



#SubheaderDiv {
	position:relative;
	top:115px;
	left:20px;
	width:45%;	
	padding-top:8px;
	border-top:solid #000;
	border-width:1px;
	padding-left:13px; 
}

.ContactImageBanner {
	position:relative;
	background-color:#000;
	background-image:url(../images/whitelines_03.png);	
	width:1012px;
	height:183px;
}

#pageTitle {
	width:45%;
	padding-left:15px;
	border-bottom:solid #fff;
}



#SiteMenu {
	position:relative;
	float:left;
	width:200px;
	height:100px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 2px;
}

#ContentDisplay {
	position:relative;
	float:left;
	width:812px;
	height:885px;
	margin-top:1px;
}

#ContentDisplayContact {
	position:relative;
	float:left;
	width:812px;
	margin-top:1px;
}


#ContentDisplayGallery {
	position:relative;
	float:left;
	width:812px;
	margin-top:1px;
}


.FriendsLinksContainer {
	position:relative;
	float:left;
	width:812px;
	height:650px;
	margin-top:1px;
}


.PhotoThumbnailBanner {
	width:800px;
	height:35px;
	border-bottom:1px solid #6CF;
	padding-top:5px;
	padding-left:4px;
	padding-right:4px;
}

.NameHolder {
	width:800px;
	height:35px;
	border-bottom:1px solid #6CF;
	padding-top:5px;
	padding-left:4px;
	padding-right:4px;
}

.PhotoThumbnailBanner p {
	color:#000;
	font-family:"Times New Roman", Times, serif;
	font-size:19px;
	opacity:0.5;
}

.NameHolder p {
	color:#000;
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	letter-spacing:0.05em;
	opacity:0.5;
}


.PhotoThumbnailHolder {
	position:relative;
	width:800px;
}


.VideoThumbnailHolder {
	position:relative;
	float:left;
	width:800px;
}


.ThumbnailHolder {
	width:400px;
	height:300px;
	padding-bottom:14px;
	padding-top:2px;
	padding-left:100px;
	padding-right:10px;
	margin-bottom:5px;
	border-bottom:1px solid #EEE; 
}

.ImageHolder {
	width:320px;
	padding-bottom:25px;
	padding-top:2px;
	padding-left:100px;
	padding-right:10px;
	margin-bottom:30px;
	border-bottom:1px solid #EEE;
}

.ImageHolder2 {
	width:320px;
	padding-bottom:25px;
	padding-top:2px;
	padding-left:100px;
	padding-right:10px;
	margin-bottom:30px;
}


.ThumbnailHolderVideo {
	width:400px;
	height:300px;
	padding-bottom:14px;
	padding-top:2px;
	padding-left:100px;
	padding-right:10px;
	margin-bottom:5px;
}

.ThumbnailHolder a {
	text-decoration:none;
	opacity:0.8;
}

.ThumbnailHolder a:hover {
	opacity:1;
}

.ThumbnailHolderVideo a {
	text-decoration:none;
	opacity:0.8;
}

.ThumbnailHolderVideo a:hover {
	opacity:1;
}
 

#galleryInfo {
	width:420px;
	padding:10px 4px 20px 4px;
	border-bottom:1px solid #EEE;
	margin-bottom:20px;
}

#galleryInfo p {
	font-style:normal;
	opacity:0.7;
}

#galleryInfo2 {
	width:420px;
	padding-left:4px;
	margin-bottom:7px;
}

#galleryInfo2 p {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	opacity:0.5;
}


#PersonalDataInfo {
	width:420px;
	padding:10px 4px 20px 4px;
	border-bottom:1px solid #EEE;
	margin-bottom:20px;
}

#PersonalDataInfo p {
	font-style:normal;
	opacity:0.7;
}

#PersonalDataInfo2 {
	width:420px;
	padding-left:4px;
	margin-bottom:7px;
}

#PersonalDataInfo2 p {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	opacity:0.5;
}

#PersonalDataInfo2 a {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	opacity:0.8;
}












#ProfileInfoDiv {
	position:relative;
	float:left;
	height:364px;
	width:552px;
	margin-bottom:2px;
}

#ProfileImage {
	position:relative;
	float:left;
}

.profileContainer {
	position:relative;
	float:left;
	width:812px;
	padding-bottom:14px;
	margin-bottom:14px;
	border-bottom:1px solid #EEE;
}

#emptyBox {
	position:relative;
	float:left;
	width:812px;
	height:150px;
}






#StartPageImage {
	position:relative;
	float:left;
	height:885px;
	margin-left:2px;
}


#slideshow {
    position: relative;
}

#slideshow > div { 
    position: absolute;
}


#specialOffersNews {
	position:relative;
	top:441px;
	width:271px;
	height:400px;
}






#startPageText {
	position:relative;
	float:left;
	width:538px;
}


.StartPageTextDiv {
	border-top:1px solid #6CF;
	margin-top:7px;
	padding:7px 0 14px 0;
	border-bottom:1px solid #6CF;
}

.textbox {
	padding:28px 4px 24px 4px;
	border-bottom:1px solid #EEE; 
}

.textbox a {
	text-decoration:none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	font-size:13px;
	font-style:oblique;
	color:#5C5C5C;
	vertical-align:baseline;
	opacity:1;
}

.textboxAlex {
	padding-bottom:24px;
	padding-top:14px;
	padding-left:4px;
	padding-right:4px;
}



.textboxImage {
	background-color:#FBFBFB;
	padding-bottom:8px;
	padding-top:5px;
	padding-left:4px;
	padding-right:4px;
	border-bottom:1px solid #6CF;
}

.textboxImage2 {
	padding-bottom:10px;
	padding-top:5px;
	padding-left:3px;
	padding-right:4px;
	margin-bottom:1px;
	border-bottom:1px solid #000; 
}

.textboxImage2 p {
	color:#000;
	font-style:normal;
}


.textboxExpand {
	background-color:#FBFBFB;
	padding-bottom:2px;
	padding-top:5px;
	padding-left:4px;
	padding-right:8px;
	margin-bottom:1px;
}

.textboxExpand2 {
	padding-bottom:14px;
	padding-top:14px;
	padding-left:4px;
	padding-right:12px;
	margin-bottom:1px;
	border-bottom:1px solid #EEE;
}

.textboxExpand2 p {
	padding-left:8px;
	padding-right:40px;
	padding-top:4px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:20px;
	font-weight:normal;
	font-size:13px;
	font-style:normal;
	color:#000;
	vertical-align:baseline;
	opacity:0.5;
}


.textboxExpand3 {
	padding-bottom:14px;
	padding-top:1px;
	padding-left:4px;
	padding-right:12px;
	margin-bottom:1px;
	border-bottom:1px solid #EEE;
}

.textboxExpand4 {
	padding-bottom:14px;
	padding-top:1px;
	padding-left:4px;
	padding-right:12px;
	margin-bottom:1px;
}

.textboxExpand3 p {
	padding-left:8px;
	padding-right:40px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:20px;
	font-weight:normal;
	font-size:13px;
	font-style:normal;
	color:#000;
	vertical-align:baseline;
	opacity:0.8;
}


.textbox2 {
	background-color:#000;
	padding-bottom:10px;
	padding-top:5px;
	padding-left:4px;
	padding-right:4px;
	margin-bottom:1px;
}

.textbox2 p {
	color:#6CF;
	font-style:normal;
}


.textboxSpecialOffers {
	background-color:#FCFCFC;
	padding-bottom:10px;
	padding-top:5px;
	padding-left:4px;
	padding-right:4px;
	background-color:#000;
}

.textboxSpecialOffers p {
	font-style:normal;
	color:#6CF;
}







#quoteBox01 {
	position:relative;
	float:left;
}

#quoteBox02 {
	position:relative;
	float:right;
}

#quoteBoxText {
	position:relative;
	float:left;
	background-color:#FBFBFB;
	padding-bottom:15px;
	padding-top:5px;
	padding-left:4px;
	padding-right:8px;
	margin-bottom:1px;
}



.pretty-table { border-collapse: collapse; display:block; width:100% }

.pretty-table th, .pretty-table td { padding: 0.5em; }

.pretty-table th, .pretty-table td { color: #5C5C5C; opacity:0.7; font-style:oblique; font-size: 12px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;  }

.pretty-table tr:hover th[scope=row], .pretty-table tr:hover td { color:#000; }

.pretty-table tr {width:100%;}

.InputButton {border: 0px; padding:3px; padding-left:6px; padding-right:6px; width:auto; background-color:#000; color:#6CF; cursor:pointer;}
.InputButton:hover { background-color:#6CF; color:#FFF;}

input {border: 0px; background-color:#DCDCDC; padding:2px; width:100%;}

textarea {border: 0px; background-color:#DCDCDC; padding:2px; width:100%;}

.pretty-table caption {
	caption-side: bottom;
  	font-size: 14px;
  	font-style: oblique;
  	text-align: right;
  	padding: 0.5em 0;
  	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
  	text-align:right;
  	letter-spacing:.04em;
  	color:#D2D2D2;
	border:1px solid #F60;
}
  
  
.mehrLesen {
	opacity:0.6;
	font-size:12px;
	font-style:normal;
}
  
  
a.mehrLesen {outline:none; }
a.mehrLesen:hover {text-decoration:none; color:#6CF; font-weight:lighter;} 
a.mehrLesen span {
    z-index:10;display:none; padding:8px 12px;
    margin-top:-14px; margin-left:20px;
    line-height:16px;
}
a.mehrLesen:hover span{
    display:inline; position:absolute; color:#000;
    border:1px solid #EEE; background:#6CF;}

/*CSS3 extras*/
a.mehrLesen span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
   /* -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;*/
}