/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0;padding:0;}
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
ol,ul,li{ list-style:none; list-style-position:outside;}
a img{ border:0;}
.clear{ clear:both;}
.hidden {display: none;}
a{ color:#333; text-decoration:none;}
.und {font-family:Baskerville,"Goudy Old Style","Palatino",serif; font-size:1.2em; font-style:italic; font-weight:normal;}

body{ font-size:12px; color:#444; font-family:Arial, sans-serif; background:#eee url(/img/start/bg.jpg) repeat-x center top;}
#header{ background:transparent url(/img/start/polaroids.png) no-repeat left top; background-position: 0px 20px; height: 440px; padding: 0px 0px 0px 340px;}
#headeruser{ padding:20px 0 50px 0;}
.user_area { float:right; color: #fff; text-align:right; background-color: #38a9be; padding: 5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.user_area strong a {color: #fff;}
	.user_area a:hover {color: #0E7282 !important;}
	.user_area .loggedin {color: #5BBBCC;}
	.user_area .loggedin a {color: #C1E5ED; margin: 0 5px 0 5px;}
	.user_area .avatar {vertical-align: middle; border: 2px solid #3FB2C7; margin-right: 5px; height: 20px; width: 20px;}
	.user_area span.span_log{ color:#8ed0dc; padding-right:5px;}
	.user_area span.span_log a{ color:#8ed0dc; font-weight:bold;}
	.user_area span.span_reg { color:#fff; padding:0 5px 0 10px; border-left: 1px solid #2C8B9F;}
	.user_area span.span_reg a{ color:#fff; font-weight:bold;}
.nachricht {color: #FF6600; font-weight: bold; float:right; text-align:center; background-color: #134a54; padding: 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-right: 10px;}
	.nachricht a {color: #fff;}
		#inprofile {display:none; position:absolute; background-color:#38A9BE; padding:15px 15px 10px 15px;  -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}
	#inprofile a {color: #fff;}
	#inprofile li { padding-bottom: 5px;}
	#inprofile .menuetrenner {border-bottom: 1px dotted #74c3d2; height: 5px; margin: -9px 0 5px 0;}
	.einstellungen {text-indent:-9999px;}
	a.einstellungenpf span { color: #38A9BE; background:url(/img/profil/pfeil.gif) no-repeat 0px 5px transparent; padding:0 10px 0 0; }
	a.profile-open span {background:url(/img/profil/pfeil-up.gif) no-repeat 0px 5px transparent; padding:0 10px 0 0; }
#wrapper, .mitte, .center {width:970px; margin:0 auto; }
#wrapper {padding-top: 20px;}
.mitte {padding: 30px 0 10px 0; }
#logo {margin: 0px 0px 10px -78px;}
h1 {background:transparent url(/img/start/intro.png) no-repeat 0px 0px; width:470px; height:85px; text-indent:-1000em; margin-bottom: 13px;}
.center blockquote {padding:30px 0 35px 0; border-bottom: 1px dotted #ccc; font-family: Georgia, serif; font-size: 26px; line-height: 32px; font-style: italic;  color: #999; text-align: center; width: 735px;}
.center blockquote img {margin-top: 15px;}
#features {position: absolute; top: 365px;}
#features li {font-size:13px; line-height: 20px; float: left; width: 300px; color: #fff; padding-right: 10px;}
#features .entdecken {background:transparent url(/img/start/entdecken.png) no-repeat 0px 0px;}
#features .bewerten {background:transparent url(/img/start/stern.png) no-repeat 0px 0px;}
#features h2 {margin: 0 0 10px 0; padding: 5px 0px 0px 33px; font-size: 24px; font-weight:normal; text-shadow: 1px 1px 0 #111;}

.rund {position:absolute; z-index: 103; margin:0 0 0 135px; top: 300px; height:30px; width: 260px; background:transparent url(/img/start/facepile.png) repeat-x 0px 0px;}
#facepile {background:transparent url(/img/start/bereitsdabei.png) no-repeat 6px 6px; overflow:hidden; height:40px; position:absolute; z-index: 101; padding-left: 117px; top: 300px; width:215px;}
#bereitsdabei {position:absolute; z-index: 100; margin:0 0 0 135px; top: 300px;}

#mitmachen {background:transparent url(/img/start/mitmachen.png) no-repeat 0px 0px; width: 330px; margin-right:5px;}
#iphoneapp {background:transparent url(/img/start/iphoneapp.png) no-repeat 0px 0px; width: 175px;}
#mitmachen,#iphoneapp {float: left; height: 52px; display: block; text-indent:-1000em;}
a:hover#mitmachen,a:hover#iphoneapp {background-position: 0 -113px; font-weight: bold;}
a:active#mitmachen,a:active#iphoneapp {background-position: 0 -55px; font-weight: bold;}

#stadtwahl {background:url(/img/start/stadtbg.png) no-repeat 0px 0px transparent; width:990px; height:115px; margin: 50px 0 0 0;} 
a.staedte {position: relative; left: 360px; top: 53px; background:transparent url(/img/start/stadtauswahl.png) no-repeat 0px 0px; width: 264px; height: 45px; display: block; color: #fff; font-size: 30px;  text-shadow: 2px 2px 0 #cc6a00; padding: 10px 0px 0px 15px; font-weight:bold;}
a.staedte:hover {background-position: 0 -64px;}
#stadtwahl .staedte-open {background-position: 0 -128px;}

#staedtecontent {background:#fff url(/img/start/pattern.png) no-repeat center bottom; padding-bottom: 80px;}
.leute {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-color: #f1f1f1; padding: 10px;}
.leute p {float: right; font-size: 11px;}
.leute a {color: #1CA0B8; text-shadow: 1px 1px 0px #fff;}
	.leute h4 {font-weight: normal; font-size: 16px; margin-bottom: 10px;}
.right {width: 300px; float: right;}
.left {width: 620px;}
h3 {font-weight: normal; background:url(/img/dot_line_grey.gif) bottom repeat-x; padding-bottom:5px; font-size: 16px; margin-bottom: 15px;}
#suchenbewerten {position:absolute; margin: 100px 0 0 725px;}

/* städte auswahl */
.friendship_created, .new_blog_comment, #sticker-stream li {border-bottom: 1px dotted #ccc; margin-bottom: 10px; padding-bottom: 10px; line-height: 15px;}
  	ul.dashboard {list-style:none outside none; margin:35px 0 0 0; overflow:hidden; padding:0;}
  	.dashboard li {float: left; background-color: #164e59; margin-right: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
  	.dashboard a { display: block; outline: 0 none; color: #fff; padding: 10px 20px; font-size: 18px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
  	
  	.dashboard .selected {background-color:#fff; color: #333;}

/* profil */
.mitte .avatar { background-color: #fff; border:1px solid #ECECEC; margin-right:8px; padding:5px;}
.activity-content .avatar {height: 25px; width: 25px;}
.peepinfo .avatar {height: 50px; width: 50px;}
.leute li {float:left; padding:0 20px 10px 0; width:50px;}
a.benutzername, .friends a, .new_badge a {color: #2C98CD; font-weight: bold; -webkit-transform: rotate(0deg)!important; -moz-transform: rotate(0deg)!important;}
.weitereberichte a {color: #ff6600; font-weight: normal;}
a:hover.benutzername, .friends a:hover {-webkit-box-shadow: none!important; -moz-box-shadow: none!important;}
.mehr {text-align:center;}
.mehr a {-moz-border-radius: 5px; border-radius: 5px; background-color:#eee; text-shadow:1px 1px 1px #fff; padding:5px 10px;}

/* menue */
.menu {margin:0; list-style:none; height: 200px;}
.menu li {float:left; margin-right:20px;}
.menu .last {margin-right:0px !important;}
.menu a { font-size: 14px; padding-top: 65px;}
.menu a { color:#ff5a00; font-weight: bold; text-decoration: none; }
.menu a:hover { color:#1ca0b8;}
.menu li {background-image: url(/img/kategorien/hauptkategorien.png); background-repeat: no-repeat; width: 85px; text-align: center; padding-top: 68px; margin-bottom: 15px; text-shadow:1px 1px 0 #fff;}
.menu .restaurants {background-position:10px -326px;}
.menu .cafes {background-position:10px -109px;}
.menu .bars {background-position:10px 0px;}
.menu .shopping {background-position:10px -543px;}
.menu .nightlife {background-position:10px -434px;}
.menu .kultur {background-position:10px -218px;}
.menu .gesundheit {background-position:10px -652px;}
.menu .hotels {background-position:10px -761px;}
.menu .schoenheit {background-position:10px -870px;}
.menu .dienstleistungen {background-position:10px -979px;}

.more {color: #999; border-top: 1px dotted #ddd; margin-bottom: 20px; padding: 10px; line-height: 16px;}
.more a {color: #1ca0b8;}

/* polaroid */
			ul.polaroids { margin: 0 0 0 -20px;}
			ul.polaroids li { display: inline; }
			ul.polaroids span { display: block; height: 150px; overflow: hidden; }
			a.pola { background-color: #eee; border: 1px solid #eee; display: inline; float: left; margin: 0 0 30px 20px; width: auto; padding: 10px 10px 15px; text-align: center; font-family: "Marker Felt", "Segoe Print", sans-serif; text-decoration: none; color: #444; font-size: 15px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); -webkit-transform: rotate(3deg); -moz-transition: -moz-transform .15s linear; transition: transform .15s linear; -moz-transform: rotate(3deg); }
			ul.polaroids img { display: block; margin-bottom: 10px;}
			ul.polaroids .bewertung {margin-bottom: 0px; margin-left: 30px;}
			ul.polaroids li:nth-child(even) a { -webkit-transform: rotate(2deg);  -moz-transform: rotate(2deg); }
			ul.polaroids li:nth-child(2n) a { -webkit-transform: rotate(-3deg); position: relative; -moz-transform: rotate(-3deg); }
			ul.polaroids li a:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); position: relative; z-index: 5;}
			/* kategorien */
			ul.polaroids .restaurants {background: #eee url("/img/start/kategorien/restaurants.png") no-repeat 11px 128px !important;}
			ul.polaroids .cafes {background: #eee url("/img/start/kategorien/cafes.png") no-repeat 11px 128px !important;}
			ul.polaroids .bars {background: #eee url("/img/start/kategorien/bars.png") no-repeat 11px 128px !important;}
			ul.polaroids .shopping {background: #eee url("/img/start/kategorien/shopping.png") no-repeat 11px 128px !important;}
			ul.polaroids .nightlife {background: #eee url("/img/start/kategorien/nightlife.png") no-repeat 11px 128px !important;}
			ul.polaroids .kultur {background: #eee url("/img/start/kategorien/kultur.png") no-repeat 11px 128px !important;}

/* stream */
#neuesschatten {background: transparent url("/img/start/schatten.png") repeat-y; position: absolute; height: 145px; width: 110px;}
#neuesschattenrechts {background: transparent url("/img/start/schatten.png") 100% 50% repeat-y; position: absolute; height: 145px; width: 110px; margin-left: 835px;}
.mitte h5 {text-align:center; font-size:16px; font-weight:normal; margin-bottom: -10px;}
.mitte h5 span {padding: 0 7px; background: #eee;}

.carousel-frame {width: 620px !important; padding: 25px 150px 0 150px; margin: 0 auto; border-top: 1px solid #FFFFFF;}
#stream {font-size:12px; width:900px;}
#stream .activity-inner {height:45px; overflow:hidden; background:#fff url("/img/start/papier-gross.png") no-repeat; padding:5px 0 10px 17px; line-height: 15px; font: normal 11px/15px 'Courier New',Arial; margin:5px 50px 0 0;}
#stream .blogs {float:left; height:100px;}
.activity-inner p {overflow: hidden; height: 45px;}
.zeit {color:#999; font-size:11px;}
hr {border: 1px dotted #fff;}
/* freunde */
#freundenews {margin-top: 20px;}
#freundenews li {margin:0 15px 120px 0; background:url("/img/start/papier.png") no-repeat; padding:10px; height:250px; width:220px; display:block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; float:left;}
#freundenews .anriss {position:absolute; width:200px; margin:180px 0 0 20px; line-height: 15px; font: normal 11px/15px 'Courier New',Arial;}
#freundenews .benutzerimg {position:absolute; margin-top:270px;}
#freundenews .avatar {border: 1px solid #ECECEC; padding:5px;}
#freundenews .benutzer {position:absolute; margin:274px 0 0 45px; color: #999;}
#freundenews .weitereberichte {position:absolute; margin:304px 0 0 45px; color: #999;}
#sticker-stream {margin-bottom:50px;}
.dersticker {float:right; width:150px;}


#freundeeinladen {margin-top:55px;}
#freundeeinladen li {float:left; margin-right:20px;}
#freundeeinladen a {height:32px; width:30px; display:block;}
#freundeeinladen p {margin:-10px 0 15px 0;color: #999;}

/* footer */
#footer { clear: both; width:100%; height: 50px; background-color: #444444;}
	.foot_links { width:940px; margin:0 auto; overflow:hidden; padding-top: 8px; text-align: center; color: #777;}
	.foot_links li{ display: inline; padding-right:20px;}
	.foot_links li a{ color:#fff;}
	.foot_links .blog a {background:url(/img/profil/icons/blog.png) no-repeat; padding: 0 0 0 18px;}
	.foot_links .twitter a {background:url(/img/profil/icons/twitter.png) no-repeat; padding: 2px 0 0 22px;}
	.foot_links .facebook a {background:url(/img/profil/icons/facebook.png) no-repeat; padding: 2px 0 0 13px;}

/* @group Browser incompatibility */
#incompatibility-notice {color: #fff; background: #000 url(/img/ie/warnung.png) repeat-x bottom; font: 11px/1.3 Arial, FreeSans, sans-serif; padding: 10px 0 15px; margin: 0;}
#incompatibility-notice .browser-ie ,
#incompatibility-notice .browser-ff {margin: 0 auto; padding: 0 0 0 40px; width: 730px; display: block;}
#incompatibility-notice .browser-ie { color: #fff; background: transparent url(/img/ie/browser_ie.png) no-repeat left;}
#incompatibility-notice a:link ,
#incompatibility-notice a:visited {color: #ff9; background: transparent; text-decoration: underline;}
#incompatibility-notice a:hover ,
#incompatibility-notice a:focus ,
#incompatibility-notice a:active {color: #ff9; background: transparent; text-decoration: none;}
/* @end */

/* TipTip CSS - Version 1.2 */
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999;}
#tiptip_holder.tip_top { padding-bottom: 5px;}
#tiptip_holder.tip_bottom { padding-top: 5px;}
#tiptip_holder.tip_right { padding-left: 5px;}
#tiptip_holder.tip_left { padding-right: 5px;}
#tiptip_content {font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555;}
#tiptip_arrow, #tiptip_arrow_inner {position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0;}
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92);}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	 #tiptip_content { 	padding: 4px 8px 5px 8px; 	background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner {  	border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner {  	border-top-color: rgba(20,20,20,0.92); }
}

/* neue startseite */
.ohhai {background-position: -100px -10px;}
	#mainnavi a:active, #submenu a:active, #menu a:active {position: relative; top:1px;}
	.logouser { float:left; display:inline; margin:-20px 0 0 0;}

	.place{ padding-top: 6px;}
	@-moz-document url-prefix() {.place {padding-top: 4px;}}
	.place span{ float:left; font-size:30px; color:#333; letter-spacing:-1px; text-shadow: 1px 1px 0 #5BBBCC;}
	#navigation{ width:620px; overflow:hidden; float:left; font-size:18px; padding:0 0 0 15px;
				 background:url(/img/nav_line.gif) 0 0px no-repeat; margin:9px 0 0 7px;}
	#navigation ul { width:690px; overflow:hidden;}
	#navigation li { float:left; margin-right:25px; padding-bottom:4px;}
	#navigation li.last { margin-right:0px;}
	#navigation li a { color:#fff; text-shadow: 1px 2px 0px #0e7282;}
	#navigation li.current-cat a { font-weight:bold; border-bottom:4px #a7cc00 solid; color:#fff;}
	#navigation li a:hover { border-bottom:4px #a7cc00 solid; color:#fff;}

.place a.topics { float:left; width:12px; height:7px; margin:15px 0 0 6px; text-indent:-9999px; overflow:hidden; }
a.topics { padding:4px; text-decoration:none; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
a.topics:hover { background:#fff; }
a.topics,#topnav a.topics:hover { background-position:0 3px!important; }
a.topics span { background-image:url(/img/ico_arrow_down.gif); background-repeat:no-repeat; padding:0 15px 0 0; }
a.menu-open { background:#fff!important; outline:none; }
a.topics.menu-open span { background-image:url(/img/ico_arrow_up.gif); color:#fff; }

#stadt_dropdown { -webkit-border-radius:5px; -moz-border-radius:5px; display:none; background-color:#333; position:absolute; z-index:50; border:1px transparent; text-align:left; padding:5px; margin:35px 0px 0px 65px;color:#789; font-size:13px; }
#stadt_dropdown ul, #allestaedte ul { padding:0; list-style:none; display:inline; float:left; width: 150px; border-right:1px solid #444; }
#stadt_dropdown li a,#stadt_dropdown li a:visited, #allestaedte li a,#allestaedte li a:visited { color:#fff; font-size:18px; display:block; padding:5px 10px; text-shadow: #222 2px 2px 0px;}
#stadt_dropdown li a:hover, #allestaedte li a:hover { color:#fff; background:#222; text-decoration:none; }
#stadt_dropdown ul.last, #allestaedte ul.last {border: none;}
#stadt_dropdown span, #allestaedte span {font-size:11px; color:#ff6600;}
#allestaedte {display:none; position: absolute; margin: -10px 0 0 260px; -webkit-border-radius:5px; -moz-border-radius:5px; background-color:#333; width:465px; z-index:50; border:1px transparent; text-align:left; padding:5px; color:#789; font-size:13px; }

#cats_dropdown { -webkit-border-radius:5px; -moz-border-radius:5px; display:none; background-color:#0F7989; position:absolute; width:210px; z-index:50; border:1px transparent; text-align:left; padding:5px; margin:40px 0 0 720px; color:#789; }
#cats_dropdown ul { padding:0; width:100%; list-style:none; display:inline; }
#cats_dropdown li a,#cats_dropdown li a:visited { color:#fff; font-size:18px; display:block; padding:5px 10px; }
#cats_dropdown li a:hover { color:#FFF; background:#1CA0B8; text-decoration:none; }
a.cats-open { color:#0F7989 !important; outline:none; }

		.map_search{ float:right; width:336px; height:27px; background:#fff; margin-bottom:11px; overflow:hidden;}
		.map_search input.input_txt{ float:left; width:285px; display:inline; margin:6px 0 0 9px; border:0; font-size:12px; color: #444;}
		.map_search input.input_submit{ float:right; display:inline; margin:4px 6px 0 0; width:19px; height:19px; border:0; cursor:pointer; background:url(/img/ico_search.gif) no-repeat;  padding: 0!important;}

li.wetter {background:none; opacity:0.5;}
li.wetter:hover {opacity:1;}
.wetter a {padding:0; font-family: Georgia, serif; font-size: 15px; padding: 8px 0px 0px 3px;}
.wetter img {vertical-align: middle;}

#weiterestaedte {background-color:#444; text-shadow:1px 1px 0 #222; font-size:16px; line-height:23px; color:#fff; text-align:center; padding: 20px 25px 40px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
#weiterestaedte ul { margin: 0 auto; text-align:center; width: 525px; }
#weiterestaedte a { color: #2ca9c0; font-weight: bold; }
#weiterestaedte a:hover { color: #ff6600; }
#weiterestaedte li { float: left; margin-right: 15px;}

.add { background: top left repeat-x #f3f3f3;border: 1px solid #ddd;padding: 3px 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;text-decoration: none;color: #444;font-size: 11px;font-weight: normal;cursor: pointer;text-shadow: 0 -1px 0 #fff;position:relative;top:6px;}
.add:hover { border-color: #444;color: #fff;text-shadow: 0 -1px 0 #333;background: top left repeat-x #444;outline: none;}
#neuefreunde {margin-bottom: 65px;}
#neuefreunde li {margin-bottom: 15px;}
.weitere {position:absolute; margin:195px 0 0 0;}
.weitere a {color: #999;}