/* Jan Delay Soulmap */


/*///////////////////// Allgemein ////////////////////*/

html {
	background-color: #000000;
	background-image: url(../images/allgemein/bg_verlauf.jpg);
	background-repeat: repeat-x;
}

body {
	font-family: Arial,"Lucida Grande",Helvetica,sans-serif;
	font-size: 11px;
	letter-spacing: 0.05em;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url(../images/allgemein/bg_verlauf.jpg);
	background-repeat: repeat-x;
}

a { color: #3ebad7; text-decoration: none; }
a:hover { color: #3ebad7; text-decoration: underline; }

h1,h2,h3 { font-weight: normal; }

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
}

h1,h2,h3,p {
	margin-bottom: 4px;
}

td { vertical-align: top; }
td textarea { width: 350px; height: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#text1 {
	height: 80px;
}
#urls {
	height: 60px;
}
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.hidden { display: none; }

a.bigLink { font-size: 14px; }

a.FB_Link { color: #3ebad7 !important; }
a.FB_Link:hover { color: #3ebad7 !important;  }

.biggerText {
	font-size: 12px;
	letter-spacing: 120%;
	line-height: 15px;
}




/*///////////////////// Container DIVs ///////////////*/

#browserweiche { display: none; }

#container {
	position: relative;
	margin-top: -200px;
	/*background: #333333;
	overflow: hidden;*/
}

#headerpic {
	width: 100%;
	height: 200px;
	background: url(../images/allgemein/headerpic_neon.jpg) top center no-repeat;
}

#mainnavi {
	position: absolute;
	width: 260px;
	height: 30px;
	top: 149px;
	left: 50%;
	margin-left: 220px;
	z-index: 288;
}

#header {
	height: 203px;	
}

#facebookConnect {
	background: url(../images/allgemein/bg_facebooklogin.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: 30px;
	width: 460px;
	height: 60px;
	line-height: 60px;
}

#mapBig {
	height: 450px;
}

#mapSmall {
	height: 280px;
}

#info {
	min-height: 120px;
	line-height: 15px;
}

#createTeaser {
	/*height: 104px;*/
	margin-top: -35px;
}

#suche {
	height: 80px;
}

#tags {

}

#newestEntries {
	
}

#ownSpots {
	
}

#comments {
	
}

#searchResult {
}

#paginierung div.greyBox {
	height: auto;
}

#albumteaser {
	/*height: 220px;*/
}
#albumteaser div.greyBox {
	min-height: 245px;
}

#cover3d {
	position: absolute;
	margin-left: -30px;
	margin-top: 10px;
	width: 154px;
	height: 132px;
	background: url(../images/allgemein/cover3d.gif) no-repeat;
}

#tourdates {
	min-height: 280px;
}

#send2friend {
	/*height: 60px;*/
}

#send2friend div.greyBox {
	height: 65px;
}

#jandelayfacebook div.greyBox {
	height: 65px;
}

#footer {
	background: url(../images/allgemein/bg_footer.jpg) repeat-x;
	height: 85px;
}

#links {
	padding-top: 10px;
	padding-bottom: 10px;
	text-indent: 10px;
}

#fotos {
	height: 320px;
	min-height: 320px;
}

#fotos div.greyBox {
	min-height: 280px;
}

.hochruecken {
	margin-top: -240px;
}

#spotDetails {
	margin-top: -340px;
	min-height: 600px;
}
#spotDetails div.greyBox { min-height: 580px; font-size: 12px; }

#makeComment {

}


#toplink {
	text-indent: 10px;
}

.smallImage {
	float:left;
	padding-right:4px;
}
.smallFoto{
	width:35px;
	height:35px;
}
/*///////////////////// Details ///////////////*/
#paginierung ul { display: block; margin-bottom: 20px; }
#paginierung li { float: left; display: block; width: 26px; height: 26px; line-height: 26px; margin-left: 4px; margin-bottom: 4px; text-align: center; border: #FFFFFF 1px solid; }
#paginierung li.activePage { border: #303030 1px solid; }
#createSpotButton { background: url(../images/allgemein/createspot_hg.jpg) no-repeat; width: 440px; height: 60px; padding-top: 55px; padding-left: 8px; }
#createSpotButton a { display: block; font-size: 17px; font-family: Georgia, "Times New Roman", Times, serif; color: #ffffff; text-decoration: none; font-weight: normal; }
#createSpotButton a:hover { text-decoration: underline; }
#createSpotBadge { position: absolute; margin-left: 330px; margin-top: -110px; }
#suche input { width: 250px; font-family: Arial, Helvetica, sans-serif; }
#facebookConnect { font-size: 17px; font-family: Georgia, "Times New Roman", Times, serif; }
#facebookConnect .userImage { float: left; margin: 5px 5px 0 5px; }
#facebookConnect .userName { }
#facebookConnect .userName a { color: #FFFFFF; }
#facebookConnect .userLogOut { position: absolute; height: 20px; width: 120px; top: 30px; left: 50%; margin-left: 120px; line-height: 20px; }
#facebookConnect .userLogOut a { color: #3ebad7; text-decoration: none; }
#facebookConnect .userLogOut a:hover { text-decoration: underline; }
#facebookConnect .userLogin { margin: 5px 0 0 20px; }
#buySection { /*margin-left: 140px;*/ }
#links a { color: #3ebad7; text-decoration: none; }
#links a:hover { text-decoration: underline; }
#comments .greyBox { margin-bottom: 2px; }
#startImage { margin-bottom: 3px; }
#fanwerden { background-color: #F7F7F7 !important; }


/*///////////////////// Klassen ///////////////*/

.autosize, input.autosize {
	width: auto !important;
}

.spotBox {
	background: #303030;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	min-height: 100px;
}

.spotBox td { vertical-align: top; }
.spotBox a { color: #3ebad7; text-decoration: none; }
.spotBox :a:hover { text-decoration: underline; }
.strichellinie { background: url(../images/allgemein/strichellinie.gif) repeat-x; }

.abstand {
	margin-bottom: 20px;
}

.einruecken {
	padding-left: 20px;
}

/* IE6 */
* html .einruecken  {
	padding-left: 0px;
}
* html .container_12 .grid_6 {
	padding-left: 0px;
	width:440px; 
}

.greyBox {
	background-color: #303030;
	padding: 8px 8px 8px 8px;
}

h2.boxHeadline {
	margin: 10px 0 10px 0;
	color: #3ebad7;
}

h2.spotNameHead {
	font-size: 20px;
	margin: 10px 0 10px 0;
	color: #3ebad7;
}

img.boxHeadline {
	margin: 10px 0 10px 10px;
}

a.tag_background1, a.tag_background2 {
	font-size: 18px;
	text-decoration: none;
	margin-right: 10px;
}

/*
a:hover.tag_background1, a:hover.tag_background2 { text-decoration: underline; }
a.tag_background1 { color: #3ebad7; }
a.tag_background2 { color: #FFFFFF; background-color: #3ebad7; }
*/
a.tag_background1, a.tag_background2 { color: #3ebad7; }
a:hover.tag_background1, a:hover.tag_background2 { color: #FFFFFF; background-color: #3ebad7; }


.tagCloud { line-height: 20px; }

.spotThumb {
}
.spotHeadline h1 a {
	font-size: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3ebad7; 
	text-deocration: none;
}
.spotHeadline h1 a:hover { text-decoration: underline; }

.spotUsername {
	font-size: 17px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.spotTags { color: #3ebad7; }

.cover2d { float: left; margin: 10px 20px 10px 10px; }

textarea.commentbox { width: 700px; height: 80px; }

.spotUserCreator {
	margin: 0 20px 20px 20px;
	padding: 5px 5px 5px 5px;
	background-color: #666666;
}

.adminbox {
	margin: 0 20px 20px 20px;
	padding: 5px 5px 5px 5px;
	background-color: #666666;
}
.adminbox a { display: block; }

.tagwords { color: #3ebad7; }

#errorMessage{
	display:none;
	position:absolute;
	padding: 8px;
	top:300px;
	left:50%;
	width:400px;
	height:100px;
	margin-left:-200px;
	z-index:213;
	background-color:#666666;
	font-size:12px;
}

#errorMessage h1{
	margin: -8px;
	margin-bottom: 4px;
	padding: 8px;
	color:#000000;
	background-color:#bb1d82;
	line-height:20px;
	font-size:16px;
	font-weight:bold;
}
#errorMessageClose{
	text-align:right;}