@charset "UTF-8";

/************************** Fonts **************************/

h1{
    font-family: Impact, serif;
    font-size: 30px;
    /*text-transform: uppercase;*/
    margin-top: 23px;
    margin-bottom: 7px;
    padding:0;
    line-height: 30px;
    float:left;
    font-weight: normal;
    color: #0c4d60;
}

h2{
    font-family: Impact, serif;
    font-size: 16px;
    /*text-transform: uppercase;*/
    font-weight: normal;
    color: #0c4d60;
    margin: 20px 0 5px 0;
    letter-spacing: 0.02em;
}

h3{
    font-family: Impact, serif;
    font-size: 16px;
    font-weight: normal;
    color: #0c4d60;
}

h4{
    font-family: Impact, serif;
    font-weight: normal;
    color: #0c4d60;
}

h5{
    font-family: Impact, serif;
    font-weight: normal;
    color: #0c4d60;
}

#trennlinie{
    height: 4px;
    width: 100%;
    background: url(/media/img/puenktli.png);
    clear:both;
    margin:0 0 20px 0;
}


hr{
    height: 0px;
    font-size: 0;
    size: 0;
    line-height: 0;
    margin:0 0 20px 1px;
    padding:2px 0;
    border:none;
    color: none;
    /*border-bottom: dotted black 4px;*/
    clear:both;
    background: url(/media/img/puenktli.png);
    background-color: none;
}

hr.unten{
    margin:30px 0 0px 1px;
}

a{
    /*color:#64cc11;
    color:#5a48c5;
    color:#660074;*/
    color:#008ec1;
    text-decoration: none;
}

a:hover{
    /*text-decoration: underline;
    border-bottom: dotted 2px;*/
    color: #ff00d9;
}

p{
    margin: 5px 0 10px;
}
/************************ Booty ************************/

body{/* More on the bottom, see Sticky Footer */
	font-family: "Comic Sans MS", sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #222222;
	margin:0;
	padding:0;
    background:url(/media/img/hintergrund.jpg) center 0;
    overflow-x:hidden;
}

/************************ Wrapper ************************/

#wrapper{/* More on the bottom, see Sticky Footer */
    background:url(/media/img/design/head.jpg) no-repeat center 0;
}
/************************ Head **************************/

#content_holder{
    height:125px;
    margin:0 0 0 -505px;
    width: 1010px;
    position:relative;
    left:50%;
    /*background:url(/media/img/design/extention.jpg) repeat-y 0 -38px;
*/
}

/************************** WiderGsang Schild **************************/

#widergsang_schild{
    display:block;
    width:146px;
    float:left;
    margin:0 0 0 428px;
    height:90px;
    background:url(/media/img/buttons/widergsang.jpg) no-repeat;
}
#widergsang_schild:hover{
    background-position: 0 -90px;
    border:none;
}

/************************** SUCHE **************************/

#suche{
    /*border: red solid 1px;*/
    width:300px;
    float:left;
    height:55px;
    margin:70px 0 0 60px;
    
}    

#searchbar{
    width:140px;
    /*height: 15px;
     padding: 5px;*/
    margin:20px 0 0 33px;
    float:left;
   
}    
#submit_div{
    float:left;
    padding:20px 0 0 22px;
}
#submit_button{
    border: none;
    height: 24px;
    width:65px;
    margin:0;
    padding:0;
    background:url(/media/img/buttons/suche.jpg) no-repeat;
    cursor: pointer;
}

#submit_button:hover{
    background-position: 0 -24px;
}

/************************** MENU **************************/

#menu-holder{
    /*border: red solid 1px;*/
    width:183px;
    float:left;
    height:500px;
}

#menu{
    /*border: red solid 1px;*/
    width:95px;
    list-style:none;
    height:500px;
    padding:0;
    margin:3px 0 0 2px;
    float:left;
}

/************************** MENU items **************************/


#foyer{
    /*border: red solid 1px;*/
    
    height:100px;
    width: 70px;
    display:block;
    background:url(/media/img/design/buttons/foyer.jpg) no-repeat;
}

#foyer:hover{
    background-position: 0 -100px;
    border:none;
}

#foyer.mark{
    background-position: 0 -200px;
}

#buehne{
    /*border: red solid 1px;*/
    height:97px;
    width: 70px;
    display:block;
    background:url(/media/img/design/buttons/buehne.jpg) no-repeat;
}

#buehne:hover{
    background-position: 0 -97px;
    border:none;
}

#buehne.mark{
    background-position: 0 -194px;
}


#k_eingang{
    /*border: red solid 1px;*/
    height:131px;
    width: 70px;
    display:block;
    background:url(/media/img/design/buttons/kinnauss.jpg) no-repeat;
}

#k_eingang:hover{
    background-position: 0 -131px;
    border:none;
}

#k_eingang.mark{
    background-position: 0 -262px;
}


#backstage{
    /*border: red solid 1px;*/
    height:154px;
    width: 70px;
    display:block;
    background:url(/media/img/design/buttons/backstage.jpg) no-repeat;
}

#backstage:hover{
    background-position: 0 -154px;
    border:none;
}

#backstage.mark{
    background-position: 0 -308px;
}

/************************** Sub-MENU items Buehne **************************/

#sub-menu{
    float: left;
    list-style:none;
    height:500px;
    padding:0;
    margin:3px 0 0 0px;
    width:78px;
}

#profi{
    /*border: red solid 1px;*/
    height:84px;
    width: 42px;
    display:block;
    background:url(/media/img/buttons/profi.png) no-repeat;
}

#profi:hover{
    background-position: 0 -84px;
    border:none;
}

#profi.mark{
    background-position: 0 -84px;
}

#fun{
    /*border: red solid 1px;*/
    height:79px;
    width: 38px;
    display:block;
    background:url(/media/img/buttons/fun.png) no-repeat;
}

#fun:hover{
    background-position: 0 -79px;
    border:none;
}

#fun.mark{
    background-position: 0 -79px;
}

/************************** Sub-MENU items Kuenstler **************************/

#upload{
    /*border: red solid 1px;*/
    height: 94px;
    width: 43px;
    display:block;
    background:url(/media/img/buttons/upload.png) no-repeat;
}

#upload:hover{
    background-position: 0 -94px;
    border:none;
}

#upload.mark{
    background-position: 0 -94px;
}

#anleitung{
    /*border: red solid 1px;*/
    height: 137px;
    width: 44px;
    display:block;
    background:url(/media/img/buttons/anleitung.png) no-repeat;
}

#anleitung:hover{
    background-position: 0 -137px;
    border:none;
}

#anleitung.mark{
    background-position: 0 -137px;
}

#proberaum{
    /*border: red solid 1px;*/
    height: 135px;
    width: 44px;
    display:block;
    background:url(/media/img/buttons/proberaum.png) no-repeat;
}

#proberaum:hover{
    background-position: 0 -135px;
    border:none;
}

#proberaum.mark{
    background-position: 0 -135px;
}

/************************** Sub-MENU items BAckstage **************************/

#info{
    /*border: red solid 1px;*/
    height: 71px;
    width: 43px;
    display:block;
    background:url(/media/img/buttons/info.png) no-repeat;
}

#info:hover{
    background-position: 0 -71px;
    border:none;
}

#info.mark{
    background-position: 0 -71px;
}

#team{
    /*border: red solid 1px;*/
    height: 78px;
    width: 44px;
    display:block;
    background:url(/media/img/buttons/team.png) no-repeat;
}

#team:hover{
    background-position: 0 -78px;
    border:none;
}

#team.mark{
    background-position: 0 -78px;
}

#mitmachen{
    /*border: red solid 1px;*/
    height: 130px;
    width: 44px;
    display:block;
    background:url(/media/img/buttons/mitmachen.png) no-repeat;
}

#mitmachen:hover{
    background-position: 0 -130px;
    border:none;
}

#mitmachen.mark{
    background-position: 0 -130px;
}

#unterstuetzen{
    /*border: red solid 1px;*/
    height: 166px;
    width: 44px;
    display:block;
    background:url(/media/img/buttons/unterstuetzen.png) no-repeat;
}

#unterstuetzen:hover{
    background-position: 0 -166px;
    border:none;
}

#unterstuetzen.mark{
    background-position: 0 -166px;
}

#partner{
    /*border: red solid 1px;*/
    height: 110px;
    width: 44px;
    display:block;
    background:url(/media/img/buttons/partner.png) no-repeat;
}

#partner:hover{
    background-position: 0 -110px;
    border:none;
}

#partner.mark{
    background-position: 0 -110px;
}

/************************** mini-menu **************************/

#strich{
    width: 2px;
    height: 22px;
    border-left: solid 3px #0c4d60;;
    float: left;
    margin: 28px 3px 0 8px;
}

.mini-menu{
    margin: 25px 0 0 0px;
    padding: 0px 0 0 0px;
    float: left;
    font-size: 11px;
    font-weight: normal;
    /*text-transform: uppercase;*/
    font-family: Impact, serif;
    letter-spacing: 0.03em;
}

.mini-menu ul{
    margin: 0 0 0 0;
    padding:0;
    
}

.mini-menu li{
    list-style: none;
    float:left;
    padding: 0 5px;
    margin:2px 0;
    line-height: 9px;
    border-right: solid 1px gray;
}

.mini-menu li.mark a{
    color: gray;
}

.mini-menu li.kein_strich{
    border-right: none;
}


/************************** Uebersichts-Liste **************************/


#uebersicht .video_entry{
    clear:both;
    list-style: none;
    padding: 20px 0 20px 0;
    
}

#durchsichtig a{
	display: block;
	position: absolute;
	width:200px;
	height:150px;
	/*border: red solid 1px;*/
	background: url('/media/img//durchsichtig.png')
}

#uebersicht .embedded_video{
    float:left;
    width: 200px;
}

#uebersicht .video_info{
    float:left;
    padding-left: 20px;
    width: 400px;
}

#uebersicht .title{
    font-size: 16px;
    font-weight: bold;
    display: block;
}

#uebersicht .uploader{
    clear:left;

    font-weight: bold;
}
#uebersicht .score{
    display: block;
}

.mini-menu.sortierung{
    margin:-12px 0 20px 0;
}

.pagination{
    float:right;
    margin:-15px 0 0 0;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: Impact, serif;

}




/************************** Forms **************************/

form th{
    padding-top: 10px;
    vertical-align: top;
    display:block;
    text-align: left;
    font-family: Impact, serif;
    font-size: 16px;
    /*text-transform: uppercase;*/
    width: 400px;
    font-weight: normal;
    color: #0c4d60;
    letter-spacing: 0.02em;
}
form td{
    vertical-align: top;
    display:block;
    width: 400px;
    font-size: 12px;
}

form input{
    width: 400px;
}

form textarea{
    width: 400px;
}

#id_public, #id_draft{
    width:auto;
}


.errorlist{
    font-weight: bold;
    color: red;
}

.thanks{
    color: blue;
    font-weight: normal;
    font-family: Impact, serif;
    font-size: 16px;
    text-transform: uppercase;

}

#profile-search input{
    width: 100px;
}

/************************** Detail Seite **************************/

#embedded_video{
    padding-bottom: 20px;
}

#medium-typ{
    margin: 34px 0 0 5px;
    font-family: Impact, serif;
    float:left;
    font-weight: normal;
}



#rating_share{
    padding: 0px 0 20px 0;
}

#rating_share .ratingholder{
    float:left; 
}

#share{
    float: right;
}

#side_box{
    float:right;
    margin: 15px 0 0 30px;
    padding: 0 10px 10px 10px;
    border: #ddd solid 1px;
    width: 170px;
}

#rest_content{
    /*float: left;*/
}
#comments ul{
    padding-left: 10px;
}
#comments li{
    list-style: none;
    padding: 0 0 20px 0;
}

#comments strong{
    list-style: none;
    margin: 0 0 0 -10px ;
}

/************************** CONTENT **************************/

#content{
    float:left;
    /*border: red solid 1px;*/
    width:635px;
    padding: 20px 0px 0px 0px;
    overflow: auto;
}


/************************** TAGS **************************/
#tag-cloud{
    margin-top: 10px;
    text-align: center;
}

/************************** UPLOAD-PFEIL **************************/
#upload-pfeil{
    /*border: red solid 1px;*/
    width:99px;
    float:right;
    height:270px;
}

a#upload-button{
    margin: 68px 0 0 30px;
    display: block;
    height:117px;
    width:39px;
    background:url(/media/img/buttons/upload.jpg) no-repeat;
}

a#upload-button:hover{
    background-position: 0 -117px;
    border:none;
}





/************************ Background holder ************************/

#background_holder{
    background:url(/media/img/design/extention.jpg) repeat-y 0 -38px;
    position: relative;
    top:0;
    left: 50%;
    width:1600px;
    /*
    height:1600px;
    */
    
    margin: 0 -800px;
}

/************************ Feinheit ************************/


a#feinheit {
    background:transparent url(/media/img/feinheit.gif) no-repeat scroll 0 0;
    display:block;
    height:54px;
    position:fixed;
    right:0;
    text-indent:-7777px;
    top:0;
    width:16px;
}

/********************************************* Andere Klassen *********************************************/

.clear{
    clear:both;
}

.hidden{
    visibility:hidden;
    height:1px;
    padding:0;
    margin:0;
    line-height:0;
}
.display_none{
    display: none;
}

/************************ Sticky Footer ************************/

/************************
Sticky Footer
by: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
************************/


html, body, #wrapper, #footer, #push {
    margin: 0;
}
html, body {
    /*height: 100%;*/
}
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -164px;
}


#footer, #push {
    clear:both;
    height: 164px;

}

/***** colors *****/

#wrapper {
    /*background: #aaa;*/
}

#footer{
    position: absolute;
    /*top: 2000px;*/
    left: 50%;
    margin: 0 0 0 -800px;
    width: 1600px;
    background:url(/media/img/design/footer.png) no-repeat center 0;
}