/* Standard-CSS für www.mkaiserphotography.de */

/* Wichtige Farben:
Dunkelgrau = #323031
*/

/*Abstände aller Elemente werden auf Null gesetzt + weitere Formatierungen*/

html, body, div, ul, ol,
span, a, form, img{
        margin: 0;
        padding: 0;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        }
body{
	background-color: #485060;
}

h1{
		font-size:14px;
		margin-top: 10px;
}

input, select{
    background-color:#DDDDDD;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: black;
    text-align: left;
	border: 1px solid black;
	z-index:0;
}

textarea{
    background-color:#DDDDDD;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: black;
    text-align: left;
	border: 1px solid black;
	z-index:0;
	width:400px;
	height:150px;
}

/*----------------Links-------------------*/

a:link{
        font-family: Verdana;
        font-size: 12px;
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
}

a:visited{
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
}

a:hover{
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
}



a:active{
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
        color: #ff9900;
        text-decoration: none;
        border: thin;
}

/*----------------HG-------------------*/

#body{
        position:absolute;
        left: 50%;
        width: 1000px;
        margin-left: -500px; /* negative Hälfte von width: 500px */
        height: 700px;
	
	
}

#logo{
        position:absolute;
        left: 26px;
        top: 25px;
        width: 300px;
        height: 102px;
	color: #485060;
        background-image: url(../images/logo.gif);
        z-index: 3;
        cursor:pointer;
}

/*----------------HG-Ende------------------*/

/*----------------Kategorien-------------------*/

#kategorien{
        position:absolute;
        left: 695px;
        top: 30px;
        width: 300px;
        height: 125px;
        z-index: 3;
        color: #ffffff;
        font-size: 14px;
}

.first{
        font-size: 23px;
}
/*
ul.menu {
	margin:0px;
	padding:0px;
    list-style:none;
    text-decoration:none;
}
.menu li{
    list-style:none;
	text-decoration:none;
	display:block;
	width:84px;
	height:108px;
	float: right;
	text-align:center;
}
.menu li a{
	display:block;
	text-decoration:none;
    list-style:none;
	margin:0px;
	padding:0px;
	width:84px;
	height:108px;

}
.menu li a:hover, .menu li a.aktuell:hover {
	z-index:5;
    list-style:none;
	text-decoration:none;
	display: block;
	padding:0px;
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	background-position:right;
	width:84px;
	height:108px;

}
.menu li a:active, .menu li a.aktuell:active {
	margin:0px;
	z-index:10;
    list-style:none;
	text-decoration:none;
	display:block;
	padding:0px;
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	background-position:right;
	width:84px;
	height:108px;

}
.menu li a:visited, .menu li a.aktuell:visited {
	margin:0px;
	z-index:5;
    list-style:none;
	text-decoration:none;
	display: block;
	padding:0px;
	width:84px;
	height:108px;

}
.menuinuse{
	display: block;
	z-index:10;
	color: #000000;
	background-image:url(../images/menu.png);
	background-repeat:no-repeat;
	background-position:right;
	width:84px;
	height:108px;
	padding:0px;
}
*/

/*----------------Kategorien-Ende------------------*/

/*----------------content------------------*/

#error{
        position:relative;
        left: 50px;
        top: 250px;
        z-index: 3;
        color: #ff9900;
        font-size: 13px;
}

#content{
        position:absolute;
        left: 26px;
        top: 200px;
        width: 970px;
        height: 430px;
        z-index: 3;
        color: #ffffff;
}

#content_1{
	position:absolute;
	left:10px;
}

#me_pic{
	position:absolute;
	top:-30px;
	left:20px;
}

/*----------------content-Ende------------------*/

/*----------------Fotos-------------------*/

#photos{
        position:absolute;
        left: 0px;
        top: 0px;
        width: 650px;
        height: 430px;
        z-index: 3;
        color: #ffffff;

}

#thumbs{
        position:absolute;
        left: 690px;
        top: -3px;
        width: 285px;
        height: 320px;
        z-index: 3;
        color: #ffffff;
}

#next_thumb{
	position:absolute;
    top:290px;
    height:22px;
	width:100%;
	text-align:right;
        right: 11px;
}

.klick{
	cursor:pointer;
}

.thumbs_pics{
	width:86px;
	height:86px;
    float: left;
    margin: 3px;
	padding: 0px;
}

.showpic{
	position:absolute;
    z-index: 100;
	padding:0px;
}
.pics{
    border: 1px solid #f9f9f9;
}

#loading{
    position:absolute;
    width: 80px;
    left:45%;
    top:40%;
    text-align:center;
}

.load_text{
    font-size: 10px;
    font-weight:bold;
}

/*----------------Fotos-Ende------------------*/

/*----------------Footer-------------------*/
#bloglink{
    position:absolute;
    left: 675px;
    top: 318px;
    z-index: 4;
    color: #ffffff;
    text-align:right;
    background-image:url(../images/blog.png);
    background-repeat:no-repeat;
    background-position:right;
    width:81px;
    height:81px;
}

#facebook{
    position:absolute;
    left: 884px;
    top: 382px;
    z-index: 7;
    color: #ffffff;
    text-align:right;
    width:100px;
    height:20px;
}

#footer{
        position:absolute;
        left: 723px;
        top: 350px;
        width: 250px;
        height: 20px;
        z-index: 3;
        color: #ffffff;
        text-align:right;
}

.active{
	color:#ff9900;
}

/*----------------Footer-Ende------------------*/

/*----------------Admin-------------------*/

#adminmenu{
        position:absolute;
        left: 0px;
        top: 150px;
        width: 150px;
        height: 400px;
        z-index: 3;
        color: #ffffff;
}

#admincontent{
        position:absolute;
        left: 160px;
        top: 150px;
        width: 800px;
        z-index: 3;
        color: #ffffff;
}

#adminckat{
        float: left;
        left: 0px;
        top: 50px;
        width: 480px;
        z-index: 3;
        color: #ffffff;
}

#admincnokat{
        float: right;
        left: 500px;
        top: 0px;
        width: 300px;
        z-index: 3;
        color: #ffffff;
}
.katepics{
	width:86px;
	height:86px;
    position: relative;
    float: left;
    margin: 3px;
	border: 1px solid #f9f9f9;
	cursor:pointer;
}

.moveablepic{
    position: relative;
	width:86px;
	height:86px;
    float: left;
    cursor: move;
    margin: 3px;
	border: 1px solid #f9f9f9;
}
.growpic{
	z-index: 100;
	position: absolute;
	cursor:pointer;
	border: 1px solid #f9f9f9;
}

#donocat{
    position: relative;
	width:86px;
	height:86px;
    float: left;
    cursor: move;
    margin: 3px;
	border: 1px solid #f9f9f9;
}

td{
	vertical-align:top;
	padding-right:20px;
}

ul.admenu {
	margin:0px;
	padding:0px;
    list-style:none;
    text-decoration:none;
	vertical-align:middle;
}
.admenu li{
    list-style:none;
	text-decoration:none;
	width:120px;
	height:20px;
	border-bottom:1px solid #FFFFFF;
	text-align:left;
	vertical-align:middle;
}
.admenu li a{
	display:list-item;
	text-decoration:none;
    list-style:none;
	margin:0px;
	padding:0px;
	width:120px;
	height:20px;

}
.admenu li a:hover, .admenu li a.aktuell:hover {
	z-index:5;
    list-style:none;
	text-decoration:none;
	display:list-item;
	padding:0px;
	background-color: #FFFFFF;
	width:120px;
	height:20px;

}
.admenu li a:active, .admenu li a.aktuell:active {
	margin:0px;
	z-index:10;
    list-style:none;
	text-decoration:none;
	display:list-item;
	padding:0px;
	background-color: #FFFFFF;
	width:120px;
	height:20px;

}
.admenu li a:visited, .admenu li a.aktuell:visited {
	margin:0px;
	z-index:5;
    list-style:none;
	text-decoration:none;
	display:list-item;
	padding:0px;
	width:120px;
	height:20px;

}
.admenuinuse{
	display:block;
	z-index:10;
	background-color: #FFFFFF;
	color: #000000;
	width:100%;
	height:20px;
	padding:0px;
}

#recycle{
	position:absolute;
	text-align:center;
	left:100px;
	top:100px;
	width:300px;
	font-size: 10px;
}
/*----------------admin-Ende------------------*/