* {
    margin:0;
    padding:0;
    border:0;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #333;
	background-color: #000;
	padding: 5px 5px;
	opacity: 0.9;
}
#tooltip h3, #tooltip div { margin: 0;font-size:14px; }

#tooltip .url_info { display:block !important; }

.url_info {
    display:none;
    width:360px;
    }
    .url_info p {
	font-size:14px;
	margin-bottom:5px;
	}
	.url_info p span {
	    font-size:11px;
	}
	



/* clearfix workaround zum clearen von floatenden
   elementen ohne zusätzliches markup (clearer divs)
   mehr informationen:
   http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix {
	display:inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


body {
    background:url(gfx/bg_page.png) fixed;
    font-family:Arial, Helvetica, Tahoma, Verdana, sans-serif;
    font-size:18px;
    color:#fff;
    text-align:center;
}

a {
    color:#0cf;
}

.fakeHref {
    color:#0cf;
    text-decoration:underline;
    cursor:pointer;
}

#homelink {
    display:block;
    position:absolute;
    left:50%;
    margin-left:-290px;
    top:20px;
    width:580px;
    height:81px;
    
    text-decoration:none;
}

h1 {
    display:block;
    margin:20px auto 20px;
    width:580px;
    height:81px;
    background:url(gfx/head.png) no-repeat;
    
    text-indent:-9999em;
    line-height:0;
    font-size:0;
}

h2 {
    font-size:32px;
    font-weight:normal;
}
h3 {
    font-size:24px;
    font-weight:normal;
}

h4 {
    font-size:18px;
    font-weight:normal;
}

.tabrow h4,
.tabrow div {
    float:left;
    margin-right:10px;
    }
    .tabrow h4 {
	color:#0cf;
	text-decoration:underline;
	cursor:pointer;
	}
	.tabrow h4.current {
	    color:#fff;
	}

noscript h4 {
    margin-bottom:20px;
    color:#f66;
}

p.small {
    font-size:12px;
    font-weight:normal;
    margin-top:10px;
}

#outer {
    margin:0 auto 50px;
    width:600px;
}
#cubes_left,
#cubes_right {
    width:10px;
    background:url(gfx/cubes_white.png) left top repeat-y;
    }
    

#page {
    width:550px;
    padding:15px;
    background:url(gfx/bg_content.png) transparent;
    text-align:left;
    display:block;
    }
    
    #page #video_container {
	 margin-left:62px;
    }
    
    #page #youtube_form {
	display:block;
	position:relative;
    }
    
    #page #label_text {
	display:block;
	margin-top:22px;
	margin-bottom:5px;
	cursor:pointer;
	}
	#page #label_text span {
	    border-bottom:2px dashed #0cf;
	}
    
    #page #input_url {
        border:2px solid #0cf;
        display:block;
        padding:2px 20px 2px 5px;
        width:521px;
        font-size:18px;
        line-height:18px;
	color:#aaa;
	background:#fff;
    }
    
    #page #ajax_feedback {
	font-family:monospace;
	font-size:14px;
	text-align:center;
	width:440px;
	height:27px;
	padding-top:4px;
	margin-left:55px;
	background:url(gfx/bg_feedback.png) no-repeat 0 -64px;
	
	}
	#page #ajax_feedback.valid {
	    color:#0a3600;
	    background-position:top left;
	    }
	#page #ajax_feedback.invalid {
	    color:#fff;
	    background-position:0 -32px;
	}
	
	
    #page #ajax_load {
	position:absolute;
	left:-33px;
	top:100px;
	padding:10px 32px;
	border:1px solid #333;
	background:url(gfx/bg_ajaxload.png) center;
	width:549px;
	}
	#page #ajax_load p {
	    margin-bottom:4px;
	}
	
	
	
	#page #ajax_load #image_set {
	    float:left;
	    margin-top:4px;
	    }
	    #page #ajax_load #image_set img {
		float:left;
		width:120px;
		display:none;
	    }
	    #page #ajax_load #image_set #restrictions {
		font-size:14px;
		display:none;
	    }
	
	#page #ajax_load fieldset {
	    display:block;
	    float:right;
	    width:165px;
	    
	}
	#page #ajax_load #label_check {
	    font-size:12px;
	    display:block;
	    cursor:pointer;
	    float:left;
	    width:140px;
	}
	
	#page #ajax_load #check_list {
	    display: block;
	    float: left;    
	    cursor:pointer;
	    margin-right:7px;
	    margin-top:4px;
	}
    
    #page #button_play {
        display:block;
        width:159px;
        height:66px;
	margin-top:10px;
        background:url(gfx/button_play.png) no-repeat;
	cursor:pointer;
        
        text-indent:-9999em;
        line-height:0;
        font-size:0;
    }
    
    #page #gallery {
	margin-top:190px;
	}    
    
    #page .video_list {
	margin-top:10px;
    }
    #page .video_list li {
	width:136px;
	height:100px;
	text-align:center;
	float:left;
	display:block;
	}
    
    
    
#debug {
    display:none;
    
    cursor:move;
    position:absolute;
    right:40px;
    top:20px;
    margin-right:20px;
    background:rgba(255,255,255,0.8);
    width:160px;
    border:10px dashed #fff;
    border-width:10px 0;
    
    padding:5px;
    
    font-family:monospace;
    color:#000;
    font-size:14px;
    text-align:left;
    }
    #debug #output {
	list-style:inside decimal;
	overflow-y:scroll;
	max-height:300px;
    }
    #debug #counter {
	display:none;
	margin-top:2px;
	border-top:1px solid #999;
	padding-top:2px;
    }
    #debug #close {
	cursor:pointer;
	color:#666;
    }


    
#footer {
    z-index:200;
    
    position:fixed;
    left:10px;
    right:10px;
    bottom:0px;
    padding:5px 15px 4px;
    background:url(gfx/bg_content.png);
    font-size:12px;
    }
    
    #footer #left {
	text-align:left;
	float:left;
	}
	#footer #left a {
	    color:#999;
	    padding-right:30px;
	}
	
    #footer #socialbookmarks {
	float:right;
	text-align:right;
	}/*
	#socialbookmarks a {
	    color:#ccc !important;
	}
	#footer #socialbookmarks img {
	    width:16px;
	} */
    
    #footer .fb_share_count_nub_right {
	background-image:url(gfx/1a8txe26.png);
    }