/* GENERAL RULES */


body#channel-1 #header {
	background-image: none !important;
	background-color: #FFF;
	
}

#header {
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
}

.highscoreTable{
	font-size: 14px;
	color: #444444;
}

.highscoreTable td{
	padding: 4px 10px;
}

.highscoreTable .header td{
	font-weight: bold;
}

#logo {
	z-index: 10000;
	cursor: pointer; 
	top: 0px; 
	left: 0px;
}

.w-suche label.finish input {
	float:left;
	width:98px !important;
}

body {
	padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/* LAYOUT OF MAIN INTERFACE */

.gmap {
	position: relative;
	height: 300px;
	width: 100%;
}

#sessionExpirationNotification,
#serverOfflineNotification,
#markerInfoContainer {
	display: none;
	width: 255px;
	height: 73px;
}

.loading {
	position: absolute;
}

.loggerContent{
    position: relative;
    width: 99%;
    margin: 0px auto;
    height: 300px;
}

.loggerContent>div{
	height: 280px !important;
}

.crosshair{
    background-image: url(images/crosshair.gif);
    background-repeat: no-repeat;
    width: 31px;
    height: 31px;
    cursor: pointer;
	border: none;
}

.crosshair{
	border: 1px solid #EFEFEF;
}















/* MAP OBJECTS */


/**
MAP POINT
**/

.mapPoint {
    position: absolute;
    z-index: 3;
	overflow: hidden;
	display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px;
    background-image: url(images/mapobjects/mapPoint.gif);
	background-repeat: no-repeat;
    cursor: pointer;
}

.mapPoint.droppable {
    width: 13px ! important;
    height: 13px ! important;
    margin-top: -6px ! important;
    margin-left: -6px ! important;
	background-image: url(images/mapobjects/dropIndicator.gif);
}

.linecolor {
	color: #00CEFF;
	background-color: #000000;
}

/**
CLUSTER
**/

.cluster {
    position:absolute;
    z-index: 3;
    overflow: visible;
	display: block;
    width: 1px;
    height: 1px;
}

.clusterImage {
    position:absolute;
    z-index: 3;
    overflow: hidden;
	display: block;
    width: 18px;
    height: 18px;
    
    margin-top: -16px;
    margin-left: -6px;
    
    cursor: pointer;
}

.clusterBounds {
    position:absolute;
    z-index: 2;
    overflow: hidden;
	display: block;
    width: 18px;
    height: 18px;
    
    margin-top: -9px;
    margin-left: -9px;
    
    border: 1px dashed black;
    
    cursor: pointer;
    
	/* fix for safaris dreadful opacity performance: use png*/
    background: url(images/mapobjects/cluster-bg.png); 
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	color: #000000;
	vertical-align: 10px;
}

/**
MARKER
**/

.marker {
    position:absolute;
    z-index: 3;
    overflow: visible;
	display: block;
    width: 1px;
    height: 1px;
}

.marker.selected {
    z-index: 4;
}

.markerImage {
    position:absolute;
    z-index: 3;
    overflow: hidden;
	display: block;
    width: 26px;
    height: 25px;
    margin-top: -25px;
    margin-left: -4px;
    cursor: pointer;
    background: url(/img/icn_img_photo.gif); 
    background-repeat: no-repeat;
}

.marker.image .markerImage {
    background: transparent url(images/mapobjects/icn_img_photo.gif) no-repeat; 
}

.marker.post .markerImage {
	background: transparent url(images/mapobjects/icn_img_doc.png) no-repeat; 
}

.marker.video .markerImage {
	background: transparent url(images/mapobjects/icn_img_video.gif) no-repeat; 
}

.marker.lineMarker .markerImage {
	 background: transparent url(images/mapobjects/icn_img_line.gif) no-repeat; 
}

.marker.image.selected .markerImage {
     background: url(images/mapobjects/icn_img_photo_act.gif); 
     height: 23px;
     margin-top: -22px;
     margin-left: -4px;
}

.marker.post.selected .markerImage {
    background: url(images/mapobjects/icn_img_doc_act.gif); 
    height: 23px;
    margin-top: -22px;
    margin-left: -4px;
}

.marker.video.selected .markerImage {
    background: url(images/mapobjects/icn_img_video_act.gif); 
    height: 23px;
    margin-top: -22px;
    margin-left: -4px;
}

.marker.empty.selected .markerImage {
     background: url(images/mapobjects/icn_img_photo_act.gif);
     height: 23px;
     margin-top: -22px;
     margin-left: -4px; 
}



.marker.selected .markerNumbers{
	display: none;
}

.marker.droppable .markerImage {
    background: url(/img/icn_img_photo.gif); 
}

.marker.highlighted .markerImage {
    margin-top: -19px;
    margin-left: -8px;
}

.markerShadow {
    position:absolute;
    visibility: hidden;
    z-index: 2;
    overflow: hidden;
	display: block;
    width: 18px;
    height: 18px;
    
    margin-top: -16px;
    margin-left: -5px;
    
    cursor: pointer;
    
    background: url(images/mapobjects/marker-shadow.gif); 
}

.marker.highlighted .markerShadow {
    visibility: visible;
}

.markerNumbers {
    position:absolute;
    z-index: 4;
    overflow: visible;
	display: block;
	bottom: 18px;
	width: 15px;
}

.markerDigit {
	margin-left: -1px;
}

.markerHotspot {
    position:absolute;
    z-index: 1;
	display: block;
    width: 19px;
    height: 19px;
    
    margin-top: -9px;
    margin-left: -9px;

    background: url(images/mapobjects/marker-hotspot-2.png);
    
    cursor: pointer;
}

.markerIcons {
	/* TODO */	
}

/**
LINE
**/

.line {
    z-index: 0;
    position: absolute;
}

.linesegment {
    z-index: -9000001;
    position: absolute;
}


/**
PIXEL
**/

.linepixel {
    position: absolute;
    z-index: -9000001;
    
    width: 2px;
    height: 2px;
    margin-left: -1px;
    margin-top: -1px;
    
    background-color: #00CEFF;
    border: 1px solid #000000;
    
    overflow: hidden;
	display: block;	
}


/* Marker & line buttons */

.markerPanel {
    position:absolute;
    width: 15px;
}




.detachmarkerbutton {
    position: absolute;
	width: 13px;
    height: 13px;
    z-index: 99;
    margin-top: 3px;
    cursor: pointer;
    background: url(images/mapobjects/detachMarker.gif);
}

.followmarkerbutton {
    position: absolute;
	width: 13px;
    height: 13px;
    z-index: 99;
    margin-top: 3px;
    cursor: pointer;
    background: url(images/mapobjects/markerArrowDown.gif);
}

.followmarkerbutton.up {
    background: url(images/mapobjects/markerArrowUp.gif);
}
.followmarkerbutton.down {
    background: url(images/mapobjects/markerArrowDown.gif);
}
.followmarkerbutton.left {
    background: url(images/mapobjects/markerArrowLeft.gif);
}
.followmarkerbutton.right {
    background: url(images/mapobjects/markerArrowRight.gif);
}

.followlinebutton {
    position: absolute;
	width: 13px;
    height: 13px;
    z-index: 99;
    margin-top: 3px;
    cursor: pointer;
}

.followlinebutton.up {
    background: url(images/mapobjects/lineArrowUp.gif);
}
.followlinebutton.down {
    background: url(images/mapobjects/lineArrowDown.gif);
}
.followlinebutton.left {
    background: url(images/mapobjects/lineArrowLeft.gif);
}
.followlinebutton.right {
    background: url(images/mapobjects/lineArrowRight.gif);
}


.tracelinebutton {
    position: absolute;
	width: 13px;
    height: 13px;
    z-index: 99;
    margin-top: 3px;
    cursor: pointer;
}

.tracelinebutton.up {
    background: url(images/mapobjects/lineFollowUp.gif);
}
.tracelinebutton.down {
    background: url(images/mapobjects/lineFollowDown.gif);
}
.tracelinebutton.left {
    background: url(images/mapobjects/lineFollowLeft.gif);
}
.tracelinebutton.right {
    background: url(images/mapobjects/lineFollowRight.gif);
}

.lineHoverButton,
.cornerHoverButton,
.lineDropButton,
.lineHoverNonEditable {
    position: absolute;
    visibility: hidden;
	width: 10px;
    height: 10px;
    z-index: -8999999;
    margin-top: -5px;
    margin-left: -5px;
    cursor: pointer;
    overflow: hidden;
    background: url(images/mapobjects/lineMouseOver.png);
    background-repeat: no-repeat;
}

.cornerHoverButton {
    background: url(images/mapobjects/cornerMouseOver.gif);
}

.lineHoverNonEditable {
    background: url(images/transparent.gif);
}

.lineDropButton {
	width: 13px;
    height: 13px;
    margin-top: -6px;
    margin-left: -6px;
    background: url(images/mapobjects/dropIndicator.gif);
}

.lineCorner,
.lineCornerDelete {
    position: absolute;
    visibility: hidden;
	width: 8px;
    height: 8px;
    z-index: -9000000;
    margin-top: -4px;
    margin-left: -4px;
    overflow: hidden;
    background-image: url(images/mapobjects/corner.gif);
    background-repeat: no-repeat;
}

.lineCornerDelete {
    background-image: url(images/mapobjects/cornerDelete.gif);
}

.markerInfo {
	position: absolute;
	visibility: hidden;
	top: 0px;
	left: 0px;
	background-color: white;
	padding: 2px;
	width: 240px;
	height: 60px;
	opacity: 0.95;
	font-size: 11px;
	z-index: 99999;
}

.mapFilter{
	width: 190px;
	height: 185px;
}




.loadingBar{
	height: 20px;
	border: 1px solid #379AD5;
	width: 100%;
	margin: 5px 0;
}

.progressBarContent{
	background-color: #00CEFF;
	background-image: url(images/progressBlue.png);
	background-repeat: repeat-x;
	height: 100%;
	width: 0%; 
}

.progressBarStatus,
.progressBar{
	position: relative;
	height: 12px;
	padding: 0px;
	background-color: #FFF;
	border: 1px solid #00CEFF;
	background-repeat: repeat-x;
	overflow: hidden;
}

.progressBarStatus {
	position: absolute;
	top: 3px;
	left: 140px;
	width: 200px;
}

.dragProxy{
	position: absolute;
    color: #333333;
    background-color: #ffffaa;
    border: 1px solid #999999;
    /*opacity: 0.7;*/
    font-size: 10px;
    margin-top: 10px;
    margin-left: 10px;
    padding: 10px;
    z-index: 9999;
}

.mapSlider{
	height: 225px;
	width: 40px;
	top: 15px;
	left: 15px;
	position: absolute;
	z-index: 1000099;
}

.mapSlider img{
	position: absolute;
	top: 0px;
	left: 0px;
}

.mapSlider .zoomIn {
	width: 30px;
	height: 30px;
	top: 0px;
	left: 0px;
	position: absolute;
	cursor: pointer;
}

.mapSlider .zoomOut {
	width: 30px;
	height: 30px;
	bottom: 0px;
	left: 0px;
	position: absolute;
	cursor: pointer;
}


.mapSlider .mapSliderActiveArea{
	position: absolute;
	left: 5px;
	top: 35px;
	height: 150px;
	width: 23px;
}

.mapSliderActiveArea .mapSliderSelect{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 24px;
	width: 23px;
	z-index: 10002;
	cursor: pointer;
}

.mapSliderBg{
	height: 225px;
	width: 40px;
}


.autocomplete .shortButton{
	background-color: #837B64;
	padding: 0 2px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	display: inline;
}

.w-verbinden li,
.w-photoshow li,
.welt-start li,
.comments li{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

.welt-start{
	margin-left: 0px !important;
}

.w-verbinden{
	margin-left: 0px !important;
	padding-left: 0px;
}

.comments ul{
	margin: 0 0 25px 0 !important;
}

.clear{
	clear: both;
}




.zoombutton {
	top: -10px;
	left: -2px;
    width: 17px;
    height: 17px;
    z-index: 99;
    cursor: pointer;
    background: url(/images/icon_crosshair_map.gif);  
}

.linebutton {
    width: 13px;
    height: 13px;
    z-index: 99;
    margin-top: 3px;
    cursor: pointer;
    background: url(images/mapitems/line.gif);
	display: none;
}

.deletebutton{
	width: 13px;
    height: 13px;
    z-index: 99;
    margin-top: 3px;
    cursor: pointer;
    background: url(images/mapitems/delete.gif);
	display: none;
}

.markerInfo{
	background-color: #FFF;
	border-top: 2px solid #00CEFF;
	width: 250px;
	height: 73px;
}

.tags li{
	list-style-type: none;
}

.deleteInline {
	float: left; 
	display: none;
}

.imageUploadList{
	padding: 10px 5px;
}

#welt-head-box h2 img{
	top: 0px;
}

.main-side .w-top-stories ul {
	height: 950px;
	position: relative;
}

input[type='radio'],
input[type='checkbox'] {
	border: 0px solid #FFF;
}

input[type='hidden'] {
	visibility: hidden !important;
}

.loading{
	background-image: url(images/loading.gif);
	width: 174px;
	height: 36px;
}

.mapWrapper .loading{
	left: 65px;
	top: 333px;
}

#sidebar {
	position: relative;
	z-index: 9999;
}

#sidebar .loading{
	left: -195px;
	z-index: 9999;
}


.mapWrapper{
	width:970px; 
	height:410px;
	margin-bottom: 17px;
	background-color: #FFF;
}

#header.bigger {
	height:410px;
	margin-bottom: 12px;
}

.mehrzu .shortButton{
	padding: 2px !important;
	cursor: pointer;
}

.medienListItem{
	cursor: pointer;
}

.medienListItem:hover{
	background-color: #EFEFEF;
}

.geocoder h2 {
	color:#00CEFF;
	font-size:14px !important;
	margin:0pt 0pt 1px !important;
}

#navi {
	z-index: 100000;
}

.welt-start h3{
	color: #00CEFF !important;
	font-size: 16px !important;
}

#main ul.welt-start h3.listItemTitle{
	color: #00CEFF !important;
	font-size: 16px !important;
}

ul.welt-start li{
	cursor: pointer;
	overflow: hidden;
}

#main p{
	margin-left: 3px;
	margin-right: 3px;
}

#main.welt h3{
	color: #00CEFF !important;
	font-size: 18px !important;
}

.mainListContainer{
	min-height: 100px;
}

.w-suche label {
	width:94px;
}

.sl2 .chk{
	margin: 2px 2px 0 0;
}

#welt-head-box .sl2 p {
	width:95px;
}

.dialog {
	background-color:#FFF;
	border: 1px solid #CECAC1;
	min-width:100px;
	padding:5px 10px 10px 10px;
	position:absolute;
	width:auto;
	z-index:999999;
}

.dialog #dialogtitlebartext{
	color: #00CEFF;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 4px;
}

.dialog #dialogclosebutton{
	position: absolute;
	top: 3px;
	right: 3px;
	background-image: url(images/dialog_close.gif);
	width: 13px;
	height: 13px;
	cursor: pointer;
}

.dialog #dialogbottomarrow{
	width: 37px;
	height: 37px;
	position: absolute;
	bottom: -37px;
	background-image: url(images/dialog_arrow_north.gif);
	margin-right: -20px;
}

#dialogMessageContainer {
	padding: 0 0 15px 0;
}

.sidepanelPostIcon{
	top: -12px;
	left: -7px;
	position: relative;
}

.schoner-reisen{
	padding-bottom: 10px;
}

.main-side .w-fotoshow ul {
	background-color: #FFF !important;
}

.copyrightText{
	background-color: #EFEFEF;
	border: 1px solid #333;
	margin: 20px 15px;
	padding: 5px 10px;
	position: absolute;
}

.w-suche .column1 {
	width:70px;
}

.bigIconWrapper {
	background-color: #EFEFEF; 
	margin: 3px; 
	width: 186px; 
	height: 136px; 
	overflow: hidden;
	background-image: url(images/standard_gross.jpg);
	text-align: center;
	position: relative;
}

.redaktionIcon,
.userIcon {
	position: absolute;
	width: 17px;
	height: 17px;
	top: 6px;
	right: 35px;
}


.redaktionIcon {
	background-image: url(images/redaktion.gif);
}

.userIcon {
	background-image: url(images/user.gif);
}

.w-platzieren a.target {
	background:transparent url(/img/welt/w_target.png) no-repeat scroll 0%;
}

.w-platzieren .target {
	background:transparent url(/img/welt/w_target.png) no-repeat scroll 0%;
	display:block;
	height:49px;
	text-indent:-9999em;
	width:49px;
	cursor: pointer;
}

.mapWrapper .credit{
	display: none !important;
}

#storyListClipArea{
	position: relative;
	height: 550px;
	overflow: hidden;
}


.thumbList{
	margin: 0px;
	padding: 8px;
	overflow: auto;
	position: relative;
}

.thumbList ul{
	padding: 0px;
	margin: 0px;
}

.thumbList li{
	list-style: none;
	position: relative;
	margin: 5px;
	padding: 0px;
	width: 75px;
	height: 90px;
}

.pagesLink {
	padding:0 2px 0 2px;
	color: #00CCFF;
	text-decoration:underline;
}

.pagesLink:focus,
.pagesLink:hover {
	color:#FFFFFF;
	background-color: #00CCFF;
	text-decoration:none;
}

.pages {
	clear:both;
	border-top:1px solid #DCDCDC;
	padding-top:5px;
	text-align: center;
}

.pagesTop{
	clear:both;
	border-bottom:1px solid #DCDCDC;
	padding-bottom:5px;
	text-align: center;
}




.areaSelect{
	border: 1px solid #000;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	left: 10px;
	cursor: pointer;
}

.areaSelect .corner{
	border: 1px solid #000;
	width: 7px;
	height: 7px;
	position: absolute;
	overflow: hidden;
}

.innerAreaBorder{
	width: 5px;
	height: 5px;
	position: absolute;
	border: 1px solid #EFEFEF;
	overflow: hidden;
}

.areaSelect .message{
	border: 0px solid #000;
	width: 200px;
	height: 20px;
	position: absolute;
	left: 0px;
	bottom:-30px;
}

.areaSelect .leftTop{
	left:-5px; 
	top: -5px;
	cursor: nw-resize;
}

.areaSelect .leftBottom{
	left: -5px;
	bottom:-5px;
	cursor: ne-resize;
}

.areaSelect .rightTop{
	right:-5px;
	top: -5px;
	cursor: ne-resize;
}

.areaSelect .rightBottom{
	right: -5px;
	bottom:-5px;
	cursor: nw-resize;
}

.cropImageLoading{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	background-color: #FFF;
	opacity: .85;
	z-index: 99999;
}

.profileTab,
.profileTab-selected{
	float: left;
	padding: 3px 10px;
	margin: 0 3px 0 0;
	font-size: 14px;
	height: 16px;
}

.profileTab{
	background-color: #EFEFEF;
}

.profileTab a{
	color: #00CCFF;
	text-decoration: none;
	line-height: 14px;
}

.profileTab-selected{
	background-color: #00CCFF;
}

.profileTabBar{
	width: 100%;
	height: 8px;
	margin: 0px 0px 10px 0px;
	background-color: #00CCFF;
	line-height: 14px;
	vertical-align: top;
	clear:both;
}

.profileTab-selected a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

.tabBar{
	margin-top: 15px;
	margin-bottom: 0px;
	height: 22px;
	padding: 0px;
}

.profileArea{
	width: 573px;
	vertical-align: top;
}

.profileHeader{
	width: 570px;
}	

.profileLinkArea{
	width: 185px;
	vertical-align: top;
	padding-left: 5px; 
	padding-right: 10px;
	padding-top:0px;
}


#profileContainer{
	margin-bottom: 20px;
}











.postHeader{
 color: #777;
 font-weight: bold;
 font-size: 12px;
}

.postHeader td{
 border-bottom: 1px solid #BBB;
 font-weight: bold;
 font-color: #444444;
}

.groupPostRowOdd td,
.groupPostRowEven td{
	 height:26px;
	 vertical-align: middle;
	 border-bottom: 1px solid #DDD;
	 padding: 3px;
	 cursor: pointer;
}

.groupPostRowOdd td{
 	background-color: #F3F3F3;
}

.groupPostRowEven:hover td,
.groupPostRowOdd:hover td{
 	background-color: #EFEFEF;
}



.groupPostRowOdd span,
.groupPostRowOdd img,
.groupPostRowEven span,
.groupPostRowEven img{
 	vertical-align: middle;
}


#sendMessageForm td{
	vertical-align: middle !important;
}

#sendMessageForm{
	width: 533px;
}

.iconSelect{
	position: relative;
}
.iconSelect em.type {
	position:absolute;
	right:3px;
	top:3px;
}

.ajaxLoader{
	position: relative;
	margin: 40px auto;
	width: 100px;
	horizontal-align: middle;
}

.feed h3{
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 0px;
}

.feed .feedItem{
	padding: 10px 0;
}

.feedItem p{
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 4px;
}

.sepLine{
	border-bottom: 1px solid #EFEFEF;
}

.triggerBold{
	font-weight: bold;
	text-decoration: underlined;
	color: #444444;
}

.triggerBold:hover{
	background-color: #444444;
	color: #FFFFFF;
}


.profileLeftMenuBar{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-top: 2px solid #DDDDDD;
	border-bottom: 2px solid #DDDDDD;
}

.friendsLeftMenuBar{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: right;
}


.friendsLeftMenuBar li,
.profileLeftMenuBar li{
	padding: 4px 6px;
	color: #00CCFF;
	border-bottom: 1px solid #EFEFEF;
	list-style-type: none;
	margin: 0 0px;
	cursor: pointer;
}

.friendsLeftMenuBar li:hover,
.profileLeftMenuBar li:hover{
	color: #FFFFFF;
	background-color: #00CCFF;
}

.friendsLeftMenuBar li:hover a,
.profileLeftMenuBar li:hover a{
	color: #FFFFFF;
}

.friendsLeftMenuBar li a,
.profileLeftMenuBar li a{
	text-decoration: none;
}

.profileName{
	color: #444444;
	font-size: 15px;
	margin-right: 5px;
}

.messageTable h3{
	text-align: right;
	margin-right: 10px;

}

.messageTable{
	margin-bottom: 30px;
	width: 513px;
}

.messageTable td{
	padding: 10px;
}

.messageLabel{
	color: #00CCFF;
	font-size: 16px;
	vertical-align: middle;
	text-align: right;
	width: 113px;
	font-weight: bold;
}

.messageText{
	font-size: 12px;
}

.contactIcon{
	cursor: pointer;
	margin: 0px;
	border: 1px solid #FFF;
}

.contactWrapper{
	margin: 1px;
	float: left;
	height: 85px;
	width: 59px;
	overflow: hidden;
}

.contactIcon:hover{
	border: 1px solid #00CCFF;
}

#freundeContainer h3{
	color: #444;
	border-bottom: 1px solid #444;
	margin-bottom: 3px;
}

.friendListItem{
	border: 1px solid #CCC;
	margin-top: 5px;
	padding: 5px 5px; 
	position: relative; 
	width: 100%; 
	height: 48px;
}

.type{
	top: 4px;
	right: 4px;
}

.profileField{
	text-align: left !important;
	font-weight: bold;
	font-size: 12px;
}

#tabProfileContainer{
	overflow: visible;
	height: 100%;
	vertical-align: top;
}



#innerProfileContainer{
	overflow: visible;
	height: 100%;
	vertical-align: top;
}




.profilePage{
	width: 
	left: 200px;
	position: relative;
}