/* Main CSS - desmond 0.9 - locationspotter.com */

/*------Farben-----------------------------------------

#632c00	Braun
#fef8ec Hautton hell ÜBERALL VERWENDEN!!!
#fef2d8 Hautton hell (nicht verwenden)
#ffe2a4 Hautton dunkel
#ff8a00 Orange

*/


/*------Allgemeines-----------------------------------------*/
@charset "utf-8";

a{
	text-decoration: none; /*margin: 0; padding: 0; border: 0; */color: #ff8a00;
}

a:hover {
	text-decoration: underline
}

body {
	font-size: 11px; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; color: #632c00; height: 100%; margin:0px; padding:0px; background-color: #70543e;
}

hr {	border:solid #632c00 1px; height: 1px; color: #632c00; background-color: #632c00; border-bottom: transparent;}


/*------Textformatierungen----------------------------------*/

.ZentriertFett {
	text-align: center; font-weight: bold; color: #632c00;
}

.Tabelle {
	text-align: center; font-size: 9px; color: #ff8a00
}

.Fett {
	text-align: left; font-weight: bold; font-size: 12px; color: #632c00;
	}
	
.Klein {
	text-align: left; font-weight: normal; font-size: 9px; color: #632c00;
	}
	
h1 { font-size: 11px; font-weight: bold } 

h2 { font-size: 12px; font-weight: bold } 

h3 { font-size: 14px; font-weight: bold }

h4 { font-size: 16px; font-weight: bold } 

i2{ font-size: 12px; font-weight: bold }


/*------TextInput-----------------------------------------*/


.textInput,textarea {
	width:300px;
	font-family: "lucida grande", tahoma, verdana, Arial, sans-serif;
	font-size: 11px;
	color: #632c00;
	background-color:#ffffff;
	border:1px solid #632c00;
	}
.inputHighlighted {
	background-color:#ffe2a4;
	font-size: 11px;
	color:#632c00;
	width:300px;
	border:1px solid #ff8a00;
	}

.simpleButton {	
	background-color:#ffe2a4;
	color:#632c00;
	border:1px solid #ff8a00;
	font-size: 11px;
	}
	
#dhtmltooltip {
	position: absolute;
	width: 200px;
	border: 1px solid #ff8a00;
	padding: 6px;
	background-color: #fef2d8;
	visibility: hidden;
	z-index: 100;

	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

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

.markerTooltip { color: #632c00; background-color: white; width: 180px; padding: 4px; border: 1px solid #ff8a00;}

.DragContainer {
}

.OverDragContainer {
}

.DragBox {
  border: #ff8080 1px solid; cursor: default;
}
.OverDragBox {
  border: #ff8080 1px solid; cursor: move;
}
.DragDragBox {
  border: #ff8080 1px solid; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity: 0.5; cursor: move;
}

.albumdescription { float:right; padding: 10px; width: 606px; margin-top: 0px;  color: #632c00; font-size: 11px; text-align: left;}

#albumglue{float: right; width: 628px;}		

#albumUp{float: right; display: inline;  width: 628px; height:4px; background: url(../images/photos_box_header.png) no-repeat scroll left bottom;}	

#albumDown{float: right; display: inline;  width: 628px; height:4px; background: url(../images/photos_box_footer.png) no-repeat scroll left top;}


.myalbumspreviewcontainer { padding: 5px;float: right; width: 616px; background: #fef8ec; border-left: solid 1px #ff8a00; border-right: solid 1px #ff8a00;}

.myalbumpreview { padding: 5px 5px; background: #ffffff; margin: 8px 8px 8px 8px; border: solid 1px #ff8080; text-align: left; float: left; width: 572px;}

.PrfFriendTbl      { margin: 0px; padding: 0px; }
.PrfFriendTbl td   { margin: 0px; padding: 0px 0px; vertical-align: bottom; text-align: center; width: 62px; font-size: 11px; }
.PrfFriendTbl img  { margin-bottom: 0px; }

.StartVisitorTbl      { margin: 0px; padding: 0px; }
.StartVisitorTbl td   { margin: 0px; padding: 0px 0px; text-align: center; width: 62px; font-size: 11px; }
.StartVisitorTbl img  { margin-top: 5px}

.StartLocTbl      { margin: 0px; padding: 0px; }
.StartLocTbl td   { margin: 0px; padding: 0px 0px; vertical-align: bottom; text-align: center; width: 62px; font-size: 11px; }
.StartLocTbl img  { margin-bottom: 0px; }




#slimcol           { float: left; width: 200px; padding: 0px; margin: 0px 10px 0px 0px; }
.slimcolbox        { margin: 0px; padding: 10px 8px 15px 8px; line-height: 13px; overflow: visible; }
.slimcolbox h4     { margin-top: 1px; margin-left: 0px; margin-bottom: 0; padding-left: 0px; }
.slimcolbox div.clear { clear: both; margin: 0px; padding: 0px; border: none; background: none; }

/*------LayoutBoxen-----------------------------------------*/

.myactions         { margin: 0px; background: white; }
.myactions a       { margin: 0px; padding: 2px 3px; display: block; background: white; border-bottom: solid 1px #ffe2a4; font-size: 11px; color: #ff8a00; text-decoration: none}
.myactions a:hover { color: #632c00; background: #ffe2a4;}
.myactions a#current {font-weight: bold; color: #632c00}

.category { margin: 0px; background: #ffffff; }
.category a {margin: 0px; padding: 2px 3px; display: block; text-decoration:none; color: #ff8a00}
.category a:hover {text-decoration:none; color: #ff8a00; background: #fef8ec}


/*------PanelHeader-----------------------------------------*/

.panelheaderl{float:left; display: inline; width:195px; height: 16px; background: #ffe2a4 url(../images/box_l_header.png) no-repeat scroll left top; border-bottom: 1px solid #ff8a00; padding-left:5px; padding-top:3px; font-weight:bold; cursor: pointer}
.panelheaderm{float:left; display: inline; width:426px; height: 16px; background: #ffe2a4 url(../images/box_m_header.png) no-repeat scroll left top; border-bottom: 1px solid #ff8a00; padding-left:5px; padding-top:3px; font-weight:bold; cursor: pointer}
.panelheaderr{float:left; display: inline; width:150px; height: 16px; background: #ffe2a4 url(../images/box_r_header.png) no-repeat scroll left top; border-bottom: 1px solid #ff8a00; padding-left:5px; padding-top:3px; font-weight:bold; cursor: pointer}
.panelheaderml{float:left; display: inline; width:648px; height: 16px; background-color: #ffe2a4; border-bottom: 1px solid #ff8a00; padding-left:5px; padding-top:3px; font-weight:bold; cursor: pointer; margin-left: 10px}

.indexheaderr{float:left; display: inline; width:150px; height: 16px; background-color: #ffe2a4; border-bottom: 1px solid #ff8a00; padding-left:5px; padding-top:3px; font-weight:bold;}

.indexheaderl{float:left; display: inline; width:195px; height: 16px; background-color: #ffe2a4; border-bottom: 1px solid #ff8a00; padding-left:5px; padding-top:3px; font-weight:bold;}

.panelheaderspacerl{float:left; display: inline; width:200px; height: 14px; background: #ffffff url(../images/box_l_footer.png) no-repeat scroll left top;}
.panelheaderspacerm{float:left; display: inline; width:431px; height: 14px; background: #ffffff url(../images/box_m_footer.png) no-repeat scroll left top;}
.panelheaderspacerr{float:left; display: inline; width:155px; height: 14px; background: #ffffff url(../images/box_r_footer.png) no-repeat scroll left top;}

.panelheaderspacerml{float:left; display: inline; width:653px; height: 10px; background-color: #ffffff; margin-left:10px;}

.panelspacer{float:left; display: inline; width:155px; height: 14px; }

/*------PanelBoxes-----------------------------------------*/

.panelboxl{float:left; text-align: left; display: inline; width:188px; background-color: #ffffff; border-right: 1px solid #ffe2a4; border-left: 1px solid #ffe2a4; padding:5px 5px 5px 5px}
.panelboxm{float:left; display: inline; width:419px; background-color: #ffffff; border-right: 1px solid #ffe2a4; border-left: 1px solid #ffe2a4; padding:5px 5px 5px 5px}
.panelboxr{float:left; text-align: left; display: inline; width:143px; background-color: #ffffff;  border-right: 1px solid #ffe2a4; border-left: 1px solid #ffe2a4; padding:5px 5px 5px 5px}
.panelboxml{float:left; display: inline; width:641px; background-color: #ffffff; border-right: 1px solid #ffe2a4; border-left: 1px solid #ffe2a4; padding:5px 5px 5px 5px; margin-left:10px;}

.index_location-up{ float: left; height:4px; width: 429px; background: url(../images/index_location_header.png) no-repeat scroll left bottom;}

.index_location-down{ float: left; height:4px; background: url(../images/index_location_footer.png) no-repeat scroll left top;}

.indexsearch{float:left; display: inline; width:420px; background-color: #fef8ec; border-bottom: 1px solid #ffe2a4; border-right: 1px solid #ffe2a4; border-left: 1px solid #ffe2a4; padding:5px 5px 5px 5px}

#indexsearchheader{float:left; display: inline; width:427px; height: 20px; padding-left:5px; padding-top:3px; font-weight:bold; color: white; font-size: 13px; background-color: #ff8a00; text-align: center }

#indexteaserheader{float:left; display: inline; width:427px; height: 16px; background-color: #ffffff; padding-left:5px; padding-top:3px; font-weight:bold; font-size: 14px}

	
/*- for gmaps --------------------------------------------*/

.panelboxl_map{float:left; text-align: left; overflow:hidden; display: inline; width:195px; background-color: #ffffff; padding:0 0 0 0}


#OverAll {
	width: 1003px; margin: auto; margin-bottom:5px;
}

#DesmondContent {
	float:left; width: 848px; margin:auto; padding-bottom: 70px;  height: auto; height: 100%; min-height: 100%; position: relative; background:#ffffff url(../images/background_footer.png) no-repeat scroll left bottom;  margin-bottom: 5px;
}

#BannerSpace {
	float: left; width: 145px; margin-left: 10px; margin-top: 14px; padding-top: 0px; text-align: left; font-size: 9px;; font-style: normal; color: #632c00;
}
#DesmondBanner {
	float: left; width: 145px; height:600px; padding-top: 0px;
}


#TopLine {
	width: 848px; margin: auto; height: 21px; background: url(../images/background_header.png) no-repeat scroll left top; color: grey; font-size: 9px; text-align: right; 
}

#TopLine a{text-decoration: none}

#LogoSearch {
	width: 848px; margin: auto; height: 60px; background-image:url(../images/Logo.png); background-repeat: no-repeat;
}

#LogoSearch a{text-decoration: none; color: #ff8a00}

#LogoSearch a:hover{text-decoration: underline; color: #ff8a00}

#HomeLink { 
	position: absolute; left: 2px; width: 290px; top: 30px; height: 45px; 
	}
		
#HeaderRight { 
	position: absolute; left: 530px; display: inline; top: 30px; height: 45px; 
	}


#SpotterText {
	width: 300px; float:left; display: inline; margin-left: 61px; margin-top: 44px; font-size: 9px; overflow:visible; color: #632c00;
}

#information {
	float: right; display: inline; width: 140px; /* width: auto; */  height: auto; font-size: 9px; text-align: right; margin-top: 10px;
}

#visibility_none {width: 400px; float:left; margin-left: 10px;
}

#headerpic{float:right; width:40px; height:55px; margin-top: 8px; margin-left: 10px; overflow: hidden; margin-right:40px; vertical-align: middle;}

#search {
	float: right; text-align: left; font-size: 9px; margin-top: 15px;
}

#searchbutton{float: right; height: 47px;margin-top: 10px;}

#SuchBox {
	border: 1px solid #632c00;  color: #632c00; font-size: 10px; background-color: #ffffff; border: 1px solid
}

#SuchButton {
	border: 1px solid; font-size: 11px; font-weight: bold; font-family: verdana; color: #000000; background-image:url(../images/SuchButton.png); background-repeat:no-repeat; background-position: 0px 0px;
}

#SuchButton2 {
	border: 1px solid; border-color: #632c00; font-size: 10px; font-weight: normal; color: #632c00; background-image:url(../images/SuchButton.png); background-repeat:no-repeat; background-position: 0px 0px;
}


#RadioButtons {
	margin-right: 84px; padding-top: 0px; font-size: 11px;
}

#MainMenuSpacer {
	width: 848px; margin: auto; height: 8px; 
}

#MainMenu {
	width: 848px; margin: auto; height: 27px; background-image:url(../images/MainMenuBackground.gif); font-size: 16px; font-weight: normal;  padding-top: 2px; padding-left:0px
}

#IndexMenu {
	width: 834px; height: 21px; font-size: 12px; background-image:url(../images/subnavigation_fader.gif); padding-top: 4px; padding-left: 14px; border-top: 1px solid #ff8a00; margin-top: 38px
}

#SubMenu {
	width: 834px; margin: auto; height: 21px; font-size: 12px; background-image:url(../images/subnavigation_fader.gif); padding-top: 4px; padding-left: 14px;
}

#SubMenuSpacer {
	width: 848px; margin: auto; height: 29px; border-bottom: 1px solid #ff8a00; text-align: left; font-size: 14px; font-weight: bold; color: #ff8a00; }

#spacer{
	width: 848px; margin:auto; height: 62px;
	}
	
#spacerb{
	width: 848px; float: left; margin-bottom: 5px; height: 91px; border-bottom: 1px solid #ff8a00;
	}

#NameLayer {
	float: left; margin: auto; height: 25px; text-align: left; font-size: 16px; font-weight: bold; color: #632c00; padding-left: 13px; padding-top:10px; 
	}
	
#NameLayer a{text-decoration: none; color: #ff8a00}	
#NameLayer a:hover{text-decoration: underline; color: #ff8a00}	
	
#thema {
	float: left; margin: auto; height: 25px; text-align: left; font-size: 11px; color: #632c00; padding-left: 13px; padding-top:10px; 
	}

#SpotLayer {
	float: right; margin: auto; height: 25px;text-align: left; font-size: 16px; font-weight: bold; color: #632c00; padding-right: 10px; padding-top:10px;
}

#SpotLayer a{text-decoration: none; color: #ff8a00}
#SpotLayer a:hover{text-decoration: underline; color: #ff8a00}

#pagetabs {
	float: right; margin: auto; text-align: left; font-size: 11px; padding-right: 10px; margin-top: 14px;  color: #632c00;
}

#pagetabs a {
	text-decoration:none; color: #ff8a00;
}

#pagetabs a:hover {
	text-decoration:none; color: #632c00;

}

#pagetabs a#current {
	text-decoration:none; color: #632c00;
}

#pagetabsdown{width:838px; text-align: right; position: absolute; padding-right: 10px; clear:both; bottom: 40px; font-size: 11px; font-weight: bold; color: #632c00;}

#pagetabsdown a {
	text-decoration:none; color: #ff8a00;
}

#pagetabsdown a:hover {
	text-decoration:none; color: #632c00;
}


#pagetabsdown a#current {
	text-decoration:none; color: #632c00;
}

.helpbox{border: 2px solid #ff8a00; background-color: white;}

#title {
	float: left; height: auto; text-align: left; font-size: 16px; font-weight: bold; color: #632c00; padding-left: 13px; margin-top:72px;
	}

#WorkSpace {
	float:left; width: 848px; margin-top: 10px; background-color: #ffffff
}
#WorkSpace a{text-decoration:none; color: #ff8a00}
#WorkSpace a:hover{text-decoration:underline;}
#Space{
	width: 615px; margin: auto; margin-bottom: 20px; height: auto; border: 1px solid; border-color: #ffe9b8; background-color: #ffffff;
	}
	
#StartSpace{
	width: 451px; margin: auto; margin-bottom: 20px; padding: 10px 10px 10px 10px; height: auto; background-color: #ffffff;
	}
	
#HustleSpaceUp{width: 473px; margin: auto; height: 4px; background: url(../images/hustle_header.png) no-repeat scroll left bottom;
}

#HustleSpaceDown{width: 473px; margin: auto; height: 4px; background: url(../images/hustle_footer.png) no-repeat scroll left top;
}		
	
#HustleSpace{
	width: 451px; margin: auto;  padding: 10px 10px 10px 10px; height: auto; border-left: 1px solid #ff8a00; border-right: 1px solid #ff8a00; background-color: #fef8ec
	}	

	
#LeftSpace{
	float: left;  width: 670px; height: auto; background-color: #ffffff; padding-top: -1px;
	}
	
#locationdetail{
	float: left;  display: inline; width: 670px; height: auto; background-color: #ffffff; 
	}

#photodescription{
	float: left; display: inline; width: 300px;
	}
	
#map{float:left; display: inline; width: 298px; margin-top: 5px;border: 1px solid #ff8a00;}

#photodescriptionsmall{
	float: left;  display: inline; width: 280px; height: auto; background-color: #ffe2a4; margin-right: 10px; padding: 0px 10px 0px 10px;
	}

#ratingsummary{
	float: left; display: inline; width: 178px; height: auto; background-color: #fef8ec; margin-top: 5px; padding: 0px 10px 10px 10px; border: 1px solid #ff8a00;
	}

#locationactions{
	float: left; display: inline; width: 125px; background-color: #fef8ec; margin-top: 5px; margin-left: 10px; padding: 0px 5px 5px 5px; border: 1px solid #ff8a00;
	}
	
#upcomingevents{
	float: left;  display: inline; width: 278px; height: 131px; background-color: #fef8ec; margin-top: 10px; padding: 0px 10px 10px 10px; border: 1px solid #ff8a00;
	}

#groupmembers{
	float: left;  display: inline; width: 631px; height: 80px; background-color: #fef8ec; margin-top: 10px; padding: 0px 10px 10px 10px; border: 1px solid #ff8a00;
	}
	
#sitevisitors{
	float: left;  margin-left: 10px; display: inline; width: 630px; min-height: 80px; background-color: #fef8ec; padding: 0px 10px 10px 10px;border-left: 1px solid #ff8a00; border-right: 1px solid #ff8a00;
	}
#sitevisitors_down{width: 652px; height:4px; float:left; margin-left: 10px; display: inline; background: #ffffff url(../images/start_wide_box_footer.png) no-repeat scroll left top;}

#sitevisitors_up{width: 652px; height:4px; float:left; margin-left: 10px; display: inline; background: #ffffff url(../images/start_wide_box_header.png) no-repeat scroll left bottom;}

#description{
	float: left; display: inline; width: 321px; height: auto; background-color: #fef8ec; padding: 0px 10px 10px 10px; border: 1px solid #ff8a00; margin-left: 10px;
	}
	
#leftside{
	float: left;  display: inline; width: 300px; background-color: #ffffff; margin-left: 10px;
	}

#photospace{
	float: left;  width: 670px; height: auto; background-color: #ffffff;
	}

#glue{float: left; width: 608px;}		

#editUp{float: left; display: inline;  width: 608px; height:4px; margin-left: 65px; display: inline; background: url(../images/text_box_header.png) no-repeat scroll left bottom;}	

#editDown{float: left; display: inline;  width: 608px; height:4px; margin-left: 65px; display: inline; background: url(../images/text_box_footer.png) no-repeat scroll left top;}	
	
#edit{
	float: left; display: inline;  width: 586px; margin-left: 65px; border-left: 1px solid #ff8a00; border-right: 1px solid #ff8a00; background-color: #fef8ec; padding: 1px 10px 10px 10px;
}

#edit2{
	float: left; display: inline;  width: 519px; margin-left: 65px; border-left: 1px solid #ff8a00; border-right: 1px solid #ff8a00; background-color: #fef8ec; padding: 10px 10px 10px 77px;
}

#solo{margin: auto; width:586px;  margin-left:-10px; padding: 10px 10px 10px 10px ;background-color: #fef8ec}

	
#Privacy{
	float: left;  width: 630px; height: auto; background-color: #ffffff; border: 1px dotted #ff8a00; margin-left: 10px; margin-right: 12px; padding-left: 10px; padding-right: 10px; padding-top: 10px;
	}	

.HeaderInside{
	width: 280px; height: 15px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #632c00; padding-bottom: 3px; 
	}
	
.startheader{
	width: 431px; height: 15px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ff8a00; padding-left: 3px; padding-bottom: 3px; background: #ffe2a4 url(../images/box_settings_header.png) no-repeat scroll left top;
	}
	
.HeaderInsideColor{
	width: 400px; height: 15px; font-size: 12px; font-weight: bold; border-top: 1px solid #ff8a00; padding-bottom: 3px; background-color: #ffe2a4;	
	}
	

#FriendName{
	width: 319px; height: 20px;  background-color: #ffe2a4; text-align: left; font-size: 14px; font-weight: bold;
	}	
	
#Friend{
	float: left; display: inline; width: 651px; margin:0px 10px 10px 10px; border: 1px solid; background-color: #ffffff; border: 1px solid #ff8a00;
	}
	
.albumframe{
	float: left; width: 320px; margin-bottom: 10px; margin-top: 0px; margin-left: 10px; background-color: #ffe2a4; border: 1px solid #ff8a00; 
	}

.albumbox{float:left; width:323px; height: auto; margin-left:10px}

.albumheader{float: left; display: inline; width: 321px; height: 4px; background: url(../images/album_box_header.png) no-repeat scroll left bottom;}
	
.albumfooter{float: left; display: inline; width: 321px; height:4px; margin-bottom:10px; background: url(../images/album_box_footer.png) no-repeat scroll left top; }	
	
.album{
	float: left; display: inline; width: 309px; min-height: 345px; border-left: 1px solid #ff8a00; border-right: 1px solid #ff8a00; background-color: #fef8ec; padding: 5px 5px 5px 5px;
	}

#MailDetails{
	float:left; display: inline; width: 653px; height: 25px; margin-left: 10px; margin-right: 10px;background-color: #ffe2a4;  border-bottom: 1px solid; border-color: #ff8a00;font-size: 10px; font-weight: bold;
	}

.Mail_MessageShow{
	float:left; display: inline; width: 649px; border: 2px solid #ff8a00; font-size: 10px; background-color: #ffffff;
	}

.Mail_MessageHeader{
	float: left; width: 639px; display:inline; height:45px; border-bottom: 1px solid #ff8a00; font-size: 10px; padding-left: 10px; padding-top: 10px; background-color: #fef8ec;
	}
	
.Mail_MessagePic{
	float: left; display: inline; padding:20px 20px 20px 20px; background-color: #ffffff;
	}

.Mail_MessageContent{
	float: left; width: 485px; padding-left: 10px; padding-right:10px; padding-top:10px; padding-bottom:20px;  font-size: 10px;  background-color: #ffffff;
	}

.Mail_MessageNav{
	float: left; width: 638px; text-align: right; font-size: 10px; padding-right: 10px; border-top: 1px solid #ff8a00; background-color: #fef8ec;
	}
#booksdefault{margin:auto; width: 419px}
#booksnew{margin:auto; width: 417px; padding-top:10px; padding-bottom:10px; border: 2px solid #ff8a00; background-color: #fef8ec; display: none}	
.books{ float:left; width:417px; margin-top: 10px}
.booksheader{ float:left; width:362px; height:35px; padding-left:5px; border-top: 1px solid #ff8a00; border-bottom: 1px solid #fef8ec}
.bookspic{ float:left; width:50px}
.bookscontent{ float:right; width:359px; padding-left:8px; border-bottom: 1px solid #fef8ec}

#booksdefaultlarge{margin:auto; width: 419px}
#booksnewlarge{margin:auto; width: 417px; padding-top:10px; padding-bottom:10px; margin-bottom:10px;  border: 2px solid #ff8a00; background-color: #fef8ec; display: none}	
.bookslarge{ float:left; width:655px; margin-bottom: 10px; margin-left:14px;}
.booksheaderlarge{ float:left; width:570px; height:35px; padding-left:5px; border-top: 1px solid #ff8a00; border-bottom: 1px solid #fef8ec; background-color:#fef2d8;}
.bookspiclarge{ float:left; width:75px; margin-right:5px;}
.bookscontentlarge{ float:right; width:570px; padding-left:5px; border-bottom: 1px solid #fef8ec}

.photonewcomment { float:left; display: inline; padding: 10px; width: 606px; color: #632c00;font-weight: bold; text-align: left; width: 450px; margin-left: 42px;}
.photocomment{ float:left; width:417px; display: inline; margin-left: 52px; margin-top: 10px}
.photocommentheader{ float:left; width:362px; height:35px; padding-left:5px; border-top: 1px solid #ff8a00; border-bottom: 1px solid #fef8ec}
.photocommentpic{ float:left; width:50px}
.photocommentcontent{ float:right; width:359px; padding-left:8px; border-bottom: 1px solid #fef8ec}


#forumdefault{margin:auto; width: 419px}
#forumnew{margin:auto; width: 417px; padding-top:10px; padding-bottom:10px; margin-bottom:10px; border: 2px solid #ff8a00; background-color: #fef8ec; display: none}	
.forum{ float:left; display: inline;  width:655px; margin-bottom: 10px; margin-left:14px;}
.forumheader{ float:left; width:570px; height:35px; padding-left:5px; border-top: 1px solid #ff8a00; border-bottom: 1px solid #fef8ec; background-color:#fef2d8;}
.forumpic{ float:left; width:75px; margin-right:5px;}
.forumcontent{ float:right; width:570px; padding-left:5px; border-bottom: 1px solid #fef8ec}
	
.thread{ float:left; width:419px; margin-top: 10px;}
.threadheader{ float:left; width:407px; min-height:20px; border-top: 1px solid #ff8a00; padding-left:7px;  background-color: #fef8ec;}
.threadsubheader{ float:left; width:404px; padding-left: 10px; border-bottom: 1px solid #fef8ec;}

.threadbig{ float:left; display: inline; width:655px; margin-bottom: 10px; margin-left: 14px}
.threadheaderbig{ float:left; width:648px; height:20px; border-top: 1px solid #ff8a00; padding-left:7px;  background-color: #fef8ec;}
.threadsubheaderbig{ float:left; width:645px; border-bottom: 1px solid #fef8ec; padding-left:10px;}

#reviewdefault{margin:auto; width: 419px}
#reviewnew{margin:auto; width: 395px; margin-top: 10px; padding:10px 10px 10px 10px; border: 2px solid #ff8a00; background-color: #fef8ec; display: none}	
.review{ float:left; width:417px; margin-top: 10px; height: auto;}
.reviewheader{ float:left; width:357px; height:35px; margin-left: 5px; padding-left:5px; border-top: 1px solid #ff8a00; background-color: #fef8ec}
.reviewpic{ float:left; width:50px}
.reviewcontent{ float:left; width:300px; padding-left:10px;}
.reviewRating{ float:left; width:417px; text-align: right; background-color: #fef8ec; padding-top: 3px; padding-bottom: 3px;}

#reviewnewlarge{margin:auto; width: 395px; margin-bottom: 10px; padding:10px 10px 10px 10px; border: 2px solid #ff8a00; background-color: #fef8ec; display: none}	
.reviewlarge{ float:left; width:655px; margin-bottom: 10px; margin-left: 14px; display:inline;}
.reviewheaderlarge{ float:left; width:570px; height:35px; padding-left: 5px; border-top: 1px solid #ff8a00; background-color: #fef8ec}
.reviewpiclarge{ float:left; width:75px; margin-right: 5px}
.reviewcontentlarge{ float:left; width:562px; padding-left:8px;}
.reviewRatinglarge{ float:left; width:645px; text-align: right; background-color: #fef8ec; padding-top: 3px; padding-bottom: 3px; padding-right: 10px;}





#diarydefault{margin:auto; width: 419px}
#diarynew{margin:auto; width: 415px; padding-top:10px; padding-bottom:10px; border: 2px solid #ff8a00; background-color: #fef8ec; display: none}	
.diary{ float:left; width:417px; margin-top: 10px; height: auto;}
.diaryheader{ float:left; width:362px; height:35px; padding-left:5px; border-top: 1px solid #ff8a00; border-bottom: 1px solid #fef8ec;}
.diarypic{ float:left; width:50px}
.diarycontent{ float:right; width:359px; padding-left:10px; border-bottom: 1px solid #fef8ec;}

#diarynewlarge{margin:auto; width: 415px; padding-top:10px; padding-bottom:10px; margin-bottom:10px; border: 2px solid #ff8a00; background-color: #fef8ec; display: none}
.diarylarge{ float:left; width:655px; margin-bottom: 10px; margin-left:14px; display: inline;}
.diaryheaderlarge{ float:left; width:570px; height:35px; padding-left:5px; border-top: 1px solid #ff8a00; border-bottom: 1px solid #fef8ec; background-color:#fef2d8;}
.diarypiclarge{ float:left; width:75px; margin-right:5px;}
.diarycontentlarge{ float:right; width:570px; padding-left:5px; border-bottom: 1px solid #fef8ec}

.FriendKachel{
	float: left; width: 319px; height: 175px; margin-bottom: 10px; margin-left: 10px; border: 1px solid; border-color: #ffe2a4; background-color: #ffffff;
	}
	
#Location{
	float: left; display: inline; width: 651px; margin: 0px 10px 10px 10px; border: 1px solid; border-color: #ff8a00; background-color: #ffffff;
	}

#LocationKachel{
	float: left; display: inline; width: 319px; height: 175px; margin-bottom: 10px; margin-left: 10px; border: 1px dotted; border-color: #ff8a00; background-color: #ffffff;
	}

#SearchOutput{
	float: left; width: 651px; margin: 0px 10px 10px 10px; border: 1px solid; border-color: #ff8a00; background-color: #ffffff;
	}
	
.Group_Down{width: 653px; height:4px; float:left; margin: 0px 10px 10px 10px; display: inline; background: #ffffff url(../images/browse_list_footer.png) no-repeat scroll left top;}

.Group_Up{width: 653px; height:4px; float:left; margin-left: 10px; display: inline; background: #ffffff url(../images/browse_list_header.png) no-repeat scroll left bottom;}
	
.Group{
	float: left; display: inline; width: 651px; margin: 0px 10px 0px 10px; border-left: 1px solid; border-right: 1px solid; border-color: #ff8a00; background-color: #ffffff; 
	}

.GroupPic{
	float: left; display: inline; width: 100px; min-height: 100px; padding: 5px 5px 5px 5px; background-color: #ffffff; 
}

.GroupHeader{
	float: left; height: auto; width: 520px; display: inline; margin: 5px 3px 0px 3px; padding: 2px 5px 2px 5px; background-color: #ffe2a4; font-size: 13px; color: #632c00; font-weight: bold;
}	
.GroupHeader a{font-size: 13px; color: #632c00; text-decoration: none;}
.GroupHeader a:hover{font-size: 13px; color: #632c00; text-decoration: none;}

.GroupContent{
	float: left; height:auto; width: 520px; display: inline; padding-left: 5px; 
	}

.GroupKachel{
	float: left; display: inline; width: 319px; height: auto; margin-bottom: 10px; margin-left: 10px; border: 1px solid; border-color: #ffe2c4; background-color: #ffffff;
	}
.People_Down{width: 653px; height:4px; float:left; margin: 0px 10px 10px 10px; display: inline; background: #ffffff url(../images/browse_list_footer.png) no-repeat scroll left top;}

.People_Up{width: 653px; height:4px; float:left; margin-left: 10px; display: inline; background: #ffffff url(../images/browse_list_header.png) no-repeat scroll left bottom;}


.People{
	float: left; display: inline; width: 651px; margin: 0px 10px 0px 10px; border-left: 1px solid; border-right: 1px solid; border-color: #ff8a00; background-color: #ffffff; 
	}

.PeoplePic{
	float: left; display: inline; width: 100px; min-height: 100px; padding: 5px 5px 5px 5px; background-color: #ffffff; 
}

.PeopleHeader{
	float: left; height: auto; width: 520px; display: inline; margin: 5px 3px 0px 3px; padding: 2px 5px 2px 5px; background-color: #ffe2a4; font-size: 13px; color: #632c00; font-weight: bold;
	}
	
.PeopleHeader a{color: #632c00; text-decoration: none;}
.PeopleHeader a:hover{color: #632c00; text-decoration: none;}

.PeopleContent{
	float: left; height:auto; width: 520px; display: inline; padding-left: 5px;
	}

.Location_Down{width: 653px; height:4px; float:left; margin: 0px 10px 10px 10px; display: inline; background: #ffffff url(../images/browse_list_footer.png) no-repeat scroll left top;}

.Location_Up{width: 653px; height:4px; float:left; margin-left: 10px; display: inline; background: #ffffff url(../images/browse_list_header.png) no-repeat scroll left bottom;}

.Location{
	float: left; display: inline; width: 651px; margin: 0px 10px 0px 10px; border-left: 1px solid; border-right: 1px solid; border-color: #ff8a00; background-color: #ffffff; 
	}

.LocationPic{
	float: left; display: inline; width: 100px; min-height: 100px; padding: 5px 5px 5px 5px; background-color: #ffffff; 
}

.LocationHeader{
	float: left; height: auto; width: 520px; display: inline; margin: 5px 3px 0px 3px; padding: 2px 5px 2px 5px; background-color: #ffe2a4; font-size: 13px; color: #632c00; font-weight: bold;	}
	
.LocationHeader a{color: #632c00; text-decoration: none;}
.LocationHeader a:hover{color: #632c00; text-decoration: none;}

.LocationContent{
	float: left; height:auto; width: 520px; display: inline; padding-left: 5px; 
	}

.StartKachel{
	float: left; display: inline; width: 319px ;margin-bottom:10px; margin-left: 10px;
	}
.StartKachel a{text-decoration:none; color: #ff8a00}
	
.StartKachelContent{
	float: left; display: inline; width: 309px; padding: 5px; }

.StartKachelHalf{
	float: left; display: inline; width: 319px; max-height: 200px; margin-left: 10px;background-color: #ffffff; margin-bottom: 10px;}
	
.StartKachelHalf a{text-decoration:none; color: #ff8a00}
.StartKachelHalf a:hover{text-decoration:underline; color: #ff8a00}
	
.StartKachelHalfContent{
	float: left; display: inline; width: 309px; height: auto; padding: 5px; border-left: 1px solid #ffe2a4; border-right: 1px solid #ffe2a4;
	}

.StartKachelHalfSpacer{float: left; display: inline; width: 321px;height:4px; background: #ffffff url(../images/start_middle_box_footer.png) no-repeat scroll left top;}	

#DatesLeft {
	float: left; width: 407px; height: auto; margin-bottom: 10px; margin-right: 10px; background-color: #ffffff;
	}


.DatesKachelLinks{
	float: left; width: 405px; height: auto; display: inline; margin-bottom: 10px; margin-left: 10px; padding-bottom:5px; border: 1px solid; border-color: #ffe2c4; background-color: #ffffff;
	}

.DatesKachelRechts{
	float: left; width: 405px; height: auto; margin-bottom: 10px; margin-left: 10px; display: inline; border: 1px solid; border-color: #ffe2c4; background-color: #ffffff;
	}

#DateKachelHeader{
	float: left; width: 400px; height: 20px; padding-left:5px; margin-bottom:3px; display:inline; background-color: #ffe2a4; text-align: left; font-size: 14px; font-weight: bold; color: #632c00;
	}

.KalenderKachel{
	float: left; width: 210px; height: auto; margin-bottom: 10px; margin-left: 10px; border: 1px solid; border-color: #ffe2c4; background-color: #ffffff;
	}

.date_tag {
	background-color: #fef8ec; text-align: right; 
	}
	
.date_tag_mark {background-color: #ff8a00; text-align: right; 	}	

.date_week_mark {background-color: #ffc171; text-align: right; 	}	

	
	
.date_tag:hover {background-color: #ffe2a4; }


#KachelHeader{
	width: 316px; padding-left: 5px; height: 19px;  background: url(../images/start_middle_box_header.png) no-repeat scroll left top; text-align: left; font-size: 14px; font-weight: bold; color: #632c00;
	}

	
#Welcome {
	width: 720px; margin: auto; height: 29px; background-color: #ffffff; font-size: 24px; font-weight: bold; margin-top: 0px; text-align: right;
}

#biglGlue{float:left; display:inline; margin-left: 65px; width:522px; height: auto;}

#biglUp{float: left; width: 522px; height: 4px; background: url(../images/bigl_box_header.png) no-repeat scroll left bottom}

#biglDown{float: left; width: 522px; height: 4px; background: url(../images/bigl_box_footer.png) no-repeat scroll left top}
	
#bigl{
	float: left; width: 500px; height: auto; border-left: 1px solid; border-color: #ff8a00; border-right: 1px solid; border-color: #ff8a00; background-color: #fef8ec; padding: 10px 10px 10px 10px; 
	}
	

#bigr{
	float: left; width: 500px; height: auto; background-color: #ffffff; padding:10px 10px 10px 10px; margin-left: 9px;
	}


#RegisterHeader{
	width: 500px; height: 20px;  background-color: #fef2d8; text-align: left; font-size: 14px; font-weight: bold; color: #632c00;
	}	
	
#captainplanet{ 
	float: left; width: 206px; height: 271px; background-image:url(../images/captain_planet.png); background-repeat: no-repeat;
	}
	
.smalll{
	width: 175px; height: 150px; border: 1px dotted; border-color: #ff8a00; background-color: #fef8ec; padding: 0px 10px 10px 10px; margin-bottom:20px; 
	}
	
.samlll a{text-decoration: none;}	

#smallr_up{width: 197px; float: left; height:4px; margin-left:9px; display: inline; background: url(../images/text2_r_header.png) no-repeat scroll left bottom }

#smallr_down{width: 197px; float: left; height:4px; margin-left:9px; display: inline; background:  url(../images/text2_r_footer.png) no-repeat scroll left top }
	
#smallr{
	width: 175px; float: left; border-left: 1px solid #ff8a00; border-right: 1px solid #ff8a00; background-color: #fef8ec; padding: 10px 10px 10px 10px; margin-left: 9px; display: inline; 
	}
#smallr a{text-decoration: none; color: #ff8a00}
#smallr a:hover{text-decoration: underline; color: #ff8a00}

#textGlue{float:left; width:577px; height: auto;}

#textUp{float: left; width: 512px; height: 4px; display: inline; margin-left: 65px; background: url(../images/text2_box_header.png) no-repeat scroll left bottom}

#textDown{float: left; width: 512px; height: 4px; display: inline; margin-left: 65px; background: url(../images/text2_box_footer.png) no-repeat scroll left top}
	
#text{
	float: left; width: 490px; display: inline; margin-left: 65px; border-left: 1px solid #ff8a00; border-right: 1px solid #ff8a00; background-color: #fef8ec; padding: 10px 10px 10px 10px;	
}
#text a{text-decoration: none; color: #ff8a00}
#text a:hover{text-decoration: underline; color: #ff8a00}

#mail{
	float: left;  display: inline; width: 586px; margin-left: 65px; border-left: 1px solid #ff8a00; border-right: 1px solid #ff8a00; background-color: #fef8ec; padding: 10px 10px 10px 10px; font-weight: bold;
}

#picupload{
	float: left;  width: 538px; display:inline; margin-left: 65px; border-left: 1px solid #ff8a00; border-right: 1px solid #ff8a00; background-color: #fef8ec; padding: 10px 10px 10px 58px; font-weight: bold;
}

#createGlue{float:left; width:663px; height: auto;}

#createUp{float: left; width: 598px; height: 4px; display: inline; margin-left: 65px; background: url(../images/create_header.png) no-repeat scroll left bottom}

#createDown{float: left; width: 598px; height: 4px; display: inline; margin-left: 65px; background: url(../images/create_footer.png) no-repeat scroll left top}

#createlocation{
	float: left;  width: 586px; display:inline; margin-left: 65px; border-left: 1px solid #ff8a00; border-right: 1px solid #ff8a00; background-color: #fef8ec; padding: 0px 0px 10px 0px; font-weight: bold;
}

#creategroup{
	float: left;  width: 586px; display:inline; margin-left: 65px; border-left: 1px solid #ff8a00; border-right: 1px solid #ff8a00; background-color: #fef8ec; padding: 0px 0px 10px 0px; font-weight: bold;
}

#smallin{
	width:auto; float: left; display: inline; margin-left: 65px; padding-top:13px;
	}

#HowHeader{
	width: 175px; height: 20px;  background-color: #fef2d8; text-align: left; font-size: 14px; font-weight: bold; color: #632c00;
	}	
	
#Login{
	margin:auto; width: 714px; height: auto; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; text-align: left; border: 1px solid; border-color: #ff8a00; background-color: #fef2d8; font-size: 16px; font-weight: bold;
		}


#Content{
	margin-left: 65px; margin-right: 65px; width: 696px; height: auto; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; text-align: left; border: 1px solid; border-color: #632c00; background-color: #ffe2a4; 
		}


#Input{
	margin:auto; width: 600px; height: auto; padding-top: 10px; padding-bottom: 10px; padding-left: 280px;
		}

#up{width:auto;position: absolute; padding-left: 13px; clear:both; bottom: 40px;}

#up a{text-decoration: none; color: #ff8a00}


#social{width:150px; display: inline; margin-right: 700px; position: absolute; padding-right: 21px; clear:both; bottom: 0px; text-align: right}

#Footer {
	width: 848px; margin-bottom: 14px; height: 20px; color: #632c00; font-size: 9px; text-align: left; border-top: 1px solid; border-color: #ff8a00;  position: absolute; clear: both; bottom: 0px; background-color: #ffffff 	
	
}

#Footer a{text-decoration: none}


/*------UserPicEdit-----------------------------------*/
#allpics{width:200px; float:left;}
#currentpic{width:200px; float: left; height: auto;}
#altpics{width:200px; float:left;  height: auto;}
#terms{ width: 350px; float: left; margin-left: 10px; display: inline; height: auto; margin-top: 10px; padding-left:10px}


/*------TopMenu-Navigation-----------------------------------*/

#TopNavigation {
	list-style-type: none; text-align: right; margin-top: 0px; margin-bottom: 0px; color: #632c00
}

#TopNavigation li {
	display: inline;
	margin-right: 3px;
}

#TopNavigation A {
	color: #632c00;
}

#TopNavigation A:hover {
	color: #ffffff;
}

#TopNavigation li A#current {
	color: #ffffff; 
}

/*------MainMenu-Navigation----------------------------------*/


#MainNavigation {text-align: left; margin-top: 0px; padding-top: 0px; margin-left: -39px; color: #ffffff;}
/*html #MainNavigation {text-align: left; margin-top: 0px; padding-top: 0px; margin-left: 1px; color: #ffffff;}*/
#MainNavigation li {display: inline;}
#MainNavigation li A {float: left; padding-right: 10px; padding-left: 10px; padding-bottom: 4px; padding-top: 3px; color: #ffefef;text-decoration: none}
#MainNavigation li A:hover {color: #ff8a00; background-color: #ffffff; text-decoration: none}	
#MainNavigation li A:active {color: #ff8a00; background-color: #ffffff;}
#MainNavigation li A#current {color: #ff8a00; background-color: #ffffff;}
	

/*------SubMenu-Navigation-----------------------------------*/

#SubNavigation {
	list-style-type: none; 
	margin-left: 0px; 
	margin-top: 0px; 
	padding-left: 14px
}


#SubMenu A{
	color: #632c00;
	text-decoration:none;
}

#SubMenu A:hover {
	color: #ff8a00;
	text-decoration: underline;
}


#SubMenu A#current {
	color: #ff8a00;
}





#SubNavigation li {
	display: inline
}

#SubNavigation li A {
	color: #632c00;
}

#SubNavigation li A:hover {
	color: #ff8a00;
}


#SubNavigation li A#current {
	color: #ff8a00;
}



/*------FooterMenu-Navigation-----------------------------------*/

#FooterNavigation {
	list-style-type: none; text-align: center; margin-top: 0px; padding-top: 4px; font-style: normal; color: grey;
}


#FooterNavigation li {
	display: inline; font-style: normal;
}

#FooterNavigation A {
	padding-right: 2px; padding-left: 2px; padding-bottom: 2px; color: grey;
}

#FooterNavigation A:hover {
	color: #ff8a00;
}

/******************************************************************/
/*------WorkSpace-Specs-------------------------------------------*/
/******************************************************************/


/*------LEFT-LAYER------------------------------------------------*/
/* Pics, Friends */

#LeftLayer {
	float: left; width: 220px; border-right: 1px dotted; border-color:#ffe2a4; margin: 0 0 0 0;	
}

#LeftContent {
	width: 200px; margin: auto;
}

#LeftContentPanel {
	width: 200px; margin-left: 10px;
}

#Pic {
	text-align: center; padding-top: 0px;
}

#Status {
	text-align: left; 
}

#LeftLayerTile {
	width: 65px; float: left; text-align: center;
}

/*------Content------*/
#LeftHeaderLeiste {
	width: 200px; margin:auto; height: 15px; border-bottom: 1px solid; border-color: #ff8a00; color: #632c00
}

#LeftHeaderText {
	float:left; text-align: left
}

#LeftHeaderSymbol {
	float: right; text-align: right
}


/*------MIDDLE-LAYER------------------------------------------------*/
/* Profil, Gästebuch */

#MiddleLayer {
	float: left; width: 451px; margin-top: 0px; }

#MiddleContent {
	width: 431px; margin:auto; margin-top: 0px 
}

/*------Content------*/
#HeaderLeiste {
	width: 431px; margin:auto; height: 15px; border-bottom: 1px solid; border-color: #ff8a00; color: #632c00
}

#HeaderText {
	float:left; text-align: left
}

#HeaderSymbol {
	float: right; text-align: right
}



/*------RIGHT-LAYER------------------------------------------------*/
/* Locations, Map */

#RightLayer {
	float: right; width: 175px; border-left: 1px dotted; border-color:#ffe2a4; position: relative;
}

#RightLayerEdit {
	float: right; width: 175px; margin:auto
	}

#RightContent {
	margin: auto; width: 155px; 
}

/*------Content------*/
#RightHeaderLeiste {
	width: 155px; margin:auto; height: 15px; background-color: #fef2d8; border-bottom: 1px solid; border-color: #ff8a00; color: #632c00
}

#RightHeaderText {
	float:left; text-align: left
}

#RightHeaderSymbol {
	float: right; text-align: right
}

#RightLayerFriendLocation {
	float: left; width: 220px; margin-left: 10px ; border-left: 1px dotted; border-color: #ff8a00;  
}

#RightContentFriendLocation{
	width: 190px; margin-left: 14px;; 
}

#RightLayerTile {
	width: 67px; height: auto; float:left; padding-left: 3px; text-align: center;
}

/*------language------*/

/* language select styles */

#header-navhelp ul li#language_link {
	border-right: 0 !important;
	/*background: url(../images/bg_language_select.gif) no-repeat top right;*/
	/*height:15px;*/
}

#language-select {
	font-size:1.2em;
}

#language-select li {
	display: block;
	margin-left: 0;
}
#language-select li a {
	color: #632c00;
	display: block;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}
#language-select li a:hover {
	background: #632c00;
	color: #ffffff;
	text-decoration: none;
}

#header-language-selector {
	width:120px;
	border:1px solid #ff8a00; 
	background-color:#fef2d8; 
	position:absolute;
	left:715px;
	top: 15px;
	/*padding-left: -10px;
	margin-left: -10px;*/
	text-align:left;
	z-index:100;
}

#header-language-selector ul {
	margin-left: -40px;
	display: inline;
}
/* 
The id header-language-selector refers to the language list, 
which is shown via an onclick event on the link "language". 

#header-language-selector a {
 	color: #646365;
	text-decoration: none;   
}

#header-language-selector a:hover {
 	color: #646365;
	text-decoration: underline;   
}*/

#imageContainerFader {
	position:relative;
	margin:auto;
	width:485px;
	height:180px;
	border:1px solid #000;
}

#imageContainerFader img {
	display:none;
	position:absolute;
	top:0; left:0;
}