/* ************************************** */
/* BASICS */

BODY {
    background-color: 		#342722;
    color : 			#ffffff;
    font-family : 		Arial;
    font-size : 		12px;
}

INPUT, SUBMIT, BUTTON, TEXTAREA, FILE, CHECKBOX, RADIO{
    background-color : 		#342722;
    color : 			#ffffff;
    font-family : 		Arial;
    font-size : 		13px;
    border : 			1px solid #93613d;
    background-repeat : 	no-repeat;
    margin-bottom:		1px;
}

SELECT{
    background-color : 		#342722;
    color : 			#ffffff;
    font-family : 		Arial;
    font-size : 		10px;
    font-weight:		bold;
    height:			15px;
    border : 			1px solid #93613d;
    background-repeat : 	no-repeat;
    margin-bottom:		1px;
}

TD {
    color : 			#111111;
    font-family : 		Georgia;
    font-size : 		11px;
    list-style : 		square outside;
}

A {
    font-size : 		12px;
    font-family:		georgia;
    text-decoration : 	underline;
    color : 			#93613d;
	cursor:				pointer;
}

A:HOVER {
    text-decoration : 		none;
    color: 			#93613d;
}




/* ************************************** */
/* VARIOUS CLASSES */

    #msg{
	font-weight:		bold;
    }

    img.link {
        border:			1px solid #342722;
    }

    h1{
	font-size:		13px;
	line-height:		16px;
	margin-bottom:		0px;
    }
    
    h2{
	font-size:		15px;
	line-height:		14px;
	margin-bottom:		0px;
    }
    
    h3{
	font-size:		13px;
	line-height:		2px;
	margin-bottom:		0px;
    }
        
    hr{
	border-top: 		solid 1px #0000;
	border-bottom: 		transparent;
    }

    a.black{
	color:			#000000;
    }
    
    .label{
	width:			150px;
	float:			left;
    }


/* ************************************** */
/* CONTENT- CLASSES */


    .base {
        color : 		#000000;
        font-family : 		Georgia;
        font-size : 		12px;
	line-height:		14px;
    }
    


    #base_align {
        width:			100%;
        height:			620px;
    }
    
    #base_holder {
        position:		relative;
        width:			820px;
        height:			620px;
        text-align:		left;
        background-image:	url(../images/base.jpg);
        background-repeat:	no-repeat;
    }

    
    
    /* LEFT - uhrnstubb*/
    
    #title_left_on, #title_left_off {
        position:		absolute;
        top:			10px;
        left:			30px;
    }
    
    #title_left_off{
	cursor:			pointer;
    }

	.title_left_on {
	    background-image:		url(../images/title_left_on.jpg);
	    background-repeat:		no-repeat;
	    width:			280px;
    	    height:			100px;
	}	

	.title_left_off {
	    background-image:		url(../images/title_left_off.jpg);
	    background-repeat:		no-repeat;
	    width:			280px;
    	    height:			100px;
	}
    
    
    #content_left_a {
        position:		absolute;
        top:			110px;
        left:			30px;
	width:			280px;
        height:			140px;
    }
    
    #content_left_b {
        position:		absolute;
        top:			250px;
        left:			30px;
        width:			270px;
        height:			340px;
	padding:		3px;
	background-image:	url(../images/bg.png);
	border:			1px solid #93613d;
	text-align:		justify;
    }
    
    
    
    
    /* RIGHT - kaspertheater*/
    
    #title_right_on, #title_right_off {
        position:		absolute;
        top:			10px;
        left:			510px;
    }
    #title_right_off{
	cursor:			pointer;
    }
    
	.title_right_on {
	    background-image:		url(../images/title_right_on.jpg);
	    background-repeat:		no-repeat;
	    width:			280px;
    	    height:			100px;
	}
	
	.title_right_off {
	    background-image:		url(../images/title_right_off.jpg);
	    background-repeat:		no-repeat;
	    width:			280px;
    	    height:			100px;
	}
    
    
    #content_right_a {
        position:		absolute;
        top:			110px;
        left:			510px;
	width:			280px;
        height:			140px;
    }
    
    #content_right_b {
        position:		absolute;
        top:			250px;
        left:			510px;
        width:			270px;
        height:			340px;
	padding:		3px;
	background-image:	url(../images/bg.png);
	border:			1px solid #93613d;
	text-align:		justify;
    }
    
    
    
    
    /* CENTER - kalender/logo */
    
    #title_center {
        position:		absolute;
        top:			10px;
        left:			310px;
        width:			200px;
        height:			210px;
	background-image:	url(../images/uhrnstubb.jpg);
	background-repeat:	no-repeat;
    }
    
    #kalender_title {
        position:		absolute;
        top:			220px;
        left:			310px;
        width:			200px;
        height:			30px;
    }
    
    #kalender_holder {
        position:		absolute;
        top:			250px;
        left:			310px;
        width:			190px;
        height:			350px;
	padding-right:		10px;
	overflow:		auto;
	overflow-x:		hidden;
    }
    
    
    
    /* FOOTER */
    #footer{
	position: 		absolute;
	top:			620px;
	left:			40px;
	width:			740;
	height:			12px;
	color:			#93613d;
	text-align:		right;
	font-size:		10px;
	font-family:		arial;
    }


/* KALENDER */

    .kalender_event{
	width:			176px;
	padding:		3px;
	padding-top:		7px;
	margin-bottom:		1px;
	text-align:		center;
	background-image:	url(../images/bg.png);
	border:			1px solid #93613d;
    }
    
    .kalender_event_description{
	position:		absolute;
        top:			250px;
        left:			30px;
        width:			270px;
        height:			340px;
	padding:		3px;
	background-image:	url(../images/bg.png);
	border:			1px solid #93613d;
	overflow:		auto;
	overflow-x:		hidden;
    }


    
    
    
    
/* ADMIN */
    
    #login{
	position:		absolute;
        top:			250px;
        left:			510px;
        width:			270px;
        height:			340px;
	padding:		3px;
	background-image:	url(../images/bg.png);
	border:			1px solid #93613d;
	overflow:		auto;
	overflow-x:		hidden;
    }

    #admin_base{
	position: 		relative;
	width:			90%;
	background-image:	url(../images/bg.png);
	border:			1px solid #93613d;
	padding:		5px;
    }
    
    .admin_kalender_item_holder{
	cursor:			pointer;
    }
    
    .admin_kalender_item{
	font-weight:		bold;
	width:			300px;
	float:			left;	
    }