@charset "UTF-8";
/* CSS Document */

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

body {
	background: #d9d9d9 url(../images/background_content.gif) repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	
}

h1 { font-size: 14px; }
h2 { font-size: 14px; padding: 0 0 8px 0; }

img {
}

#header {
	position: absolute;
	min-width:960px;
	width: 100%;
	background:url(../images/header_bg.png);
	height: 47px;
}
#logo {
	width: 45px;
	float: left;
	border: none;
}

.navi_top_left{
	float:left;
	padding: 7px 0px 7px 0px;
}

.search{
	float:left;
	padding: 4px 0px 7px 15px;
}

.input {
	background: url(../images/search_bg.png);
	padding: 0 0 0 20px;
	height: 22px;
	color: #fff;
	width: 147px;
}

.navi_top_left a{
	color:#FFF;
	text-decoration:none;
	padding: 14px 12px 13px 7px;
	background:url(../images/header_bg2.png);
	width: 800px;
}
.navi_top_left a:hover, .navi_top_left a:active {
	background:url(../images/header_bg_hover2.png);
}

.navi_top_left li{
	list-style:none;
	width: 92px;
}

#header ul{ float: left; height: 43px; border-left: 1px solid #0099cc; border-right: 1px solid #82cde6; }
#header li{ float: left; list-style: none; }
#header li a{ display: block; padding: 0 0 0 30px; border-right: 1px solid #0099cc; border-left: 1px solid #82cde6; text-decoration: none; }
#header li a:hover{ background: url(../images/header.png) no-repeat center left; }
#header li a:active, #header li a.a{ background: url(../images/header.png) no-repeat bottom left; border-width: 0px; padding: 0 1px 0 31px; }
#header li a span{ display: block; padding: 14px 30px 13px 0px; color:#fff; font-size: 14px; }
#header li a:hover span{ background:url(../images/header.png) center right; }
#header li a:active span, #header li a.a span{ background:url(../images/header.png) bottom right; }

#main{ min-width: 960px; margin: 0; }
#content{ padding: 30px 10px 10px 10px; font-size: 14px; }
#content p{ padding: 0 0 10px 0; }
#content a, #gallery a{ color: #007cb9; text-decoration: underline; }
#content a:hover, #gallery a:hover{ text-decoration: none; }

#navigationLeft {
	width:301px;
	float:left;
	margin: 0;
	padding: 70px 0 0 0;
}

#navigationLeft > ul{
	padding: 0 0 2px 0;
	background: url(../images/menue_left_bottom.gif) no-repeat bottom left;
}

#navigationLeft ul li{
	padding: 12px 10px 10px 30px;
	background: url(../images/menue_left_bg2.png) no-repeat;
	list-style: none;
	font-size: 12px;
}

#navigationLeft ul li a{ color: #434343; font-weight: bold; text-decoration: none; }
#navigationLeft ul li a:hover{ text-decoration: underline; }

#navigationLeft ul ul li{
	background: none;	
	padding: 5px 0 0 15px;
}

#navigationLeft ul ul li a{ font-weight: normal; }

#breadcrumb_left {
	height: 34px;
	background: url(../images/breadcrumb_bg_left.png) no-repeat #434343;
	margin:0 40px 0 0;
	color: #fff;
	padding: 15px 0 0 12px;
}

#breadcrumb_left h1 { float: left; font-size: 20px; }

#breadcrumb_right {
	width: 8px;
	background: url(../images/breadcrumb_bg_right.png) no-repeat ;
	height: 49px;
	float:right;
	margin:-15px -8px;
}

.quick-nav {
    padding: 10px 0 0 0;
}

    #gallery .quick-nav a, #gallery .quick-nav span {
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        border-radius: 5px;
        padding: 22px 22px 20px 60px;
        margin-right: 10px;
        color: #fff;
    }
    
    #gallery .quick-nav span {
        padding: 22px;
        background: #ababab;
    }
    
    #gallery .quick-nav a.default {
        background: #ababab url(../images/icon-zip-default.png) no-repeat 5px 5px;
    }
    
    #gallery .quick-nav a.hq {
        background: #ababab url(../images/icon-zip-hq.png) no-repeat 5px 5px;
    }

#gallery{
	margin-left:300px;
	min-width: 660px;
	padding: 70px 0 40px 30px;
}

.box{ background: url(../images/box_bg.png); margin: 10px 10px 0 0; width:180px; height:209px; float:left; padding: 8px; text-align: center; }
img.thumb{ margin: 0 0 8px 0; }
.title { width: 164px; display: block; text-align: left; color: #fff; font-size: 11px; line-height: 15px; }
.thumbButtons{ width: 164px; text-align: left; margin: 0; }
.thumbButtons ul { margin: 5px 0 0 0;  }
.thumbButtons ul li{ margin: 0 10px 0 0; padding: 0; list-style: none; width: 8px; float: left; }
.thumbButtons a{ float: left; display: block; color: #03f; width: 20px; height: 20px; background: url(../images/lightbox_navi.png); }
.thumbButtons a span{ display: none; }		

.thumbButtons a.light {	background-position: 0px 0px; }
.thumbButtons a.download {	background-position: -20px 0px; }
.thumbButtons a.zoom {	background-position: -40px 0px; }		
.thumbButtons a.check {	background-position: -60px 0px; }
.thumbButtons a.del {	background-position: -80px 0px; }

.thumbButtons a.light:hover {	background-position: 0px -20px; }
.thumbButtons a.download:hover {	background-position: -20px -20px; }
.thumbButtons a.zoom:hover {	background-position: -40px -20px; }		
.thumbButtons a.a {	background-position: -60px -20px; } /*.thumbButtons a.check:hover, */
.thumbButtons a.del:hover {	background-position: -80px -20px; }
.ivcb{ display: none; }

.galleryFolders li { list-style: none; font-size: 1.3em; }
.galleryFolders .box{ background: url(../images/box_bg_folder.png); }
#gallery .galleryFolders li a { color: #fff; font-weight: bold; text-decoration: none; }
#gallery .galleryFolders li a:hover { text-decoration: underline; }
		
.add {
	background:url(../images/light_bg.png) no-repeat;
	text-decoration:underline;
	padding: 3px 2px 0 19px;
}

a:hover.add { background:url(../images/light_bg_hover.png) no-repeat; }
.zip {
	background:url(../images/download.png) no-repeat;
	text-decoration:underline;
	padding: 3px 0 0 20px;
}
a:hover.zip { background:url(../images/download_hover.png) no-repeat; }

.bottomSelectAll {
	background:url(../images/select.png) no-repeat;
	text-decoration:underline;
	padding: 3px 0 0 20px;
}
a:hover.bottomSelectAll {
	background:url(../images/select_hover.png) no-repeat;
}

.bottomDeselectAll {
	background:url(../images/select_hover.png) no-repeat;
	text-decoration:underline;
	padding: 3px 0 0 20px;
}
a:hover.bottomDeselectAll {
	background:url(../images/select.png) no-repeat;
}

.bottomDelete {
	background:url(../images/delete.png) no-repeat;
	text-decoration:underline;
	padding: 3px 0 0 20px;
}
a:hover.bottomDelete {
	background:url(../images/delete_hover.png) no-repeat;
}

.thumb_navi_1 {
	background:url(../images/light_bg.png);
}

.thumb_navi_1 a:hover{
	background:url(../images/lupe.png);
}

.clearBoth{
	clear:both;
}
#cart{ margin: 150px 0 0 0; color: #fff; }
#cart_left a{ color: #fff; }

#cart_left{ height: 49px; background: url(../images/breadcrumb_bg_left.png) no-repeat #434343; margin: 30px 40px 0 0; padding: 0 0 0 12px; color: #fff; font-size:12px; }
#cart_right{ background: url(../images/breadcrumb_bg_right.png) top right no-repeat; height: 39px; padding: 10px }

#lightbox {
	float:left;
}

#gallery_footer {
	margin: 30px 0 0 0;
}
#footer_left {
	height: 49px;
	width: 600px;
	background: url(../images/breadcrumb_bg_left.png) no-repeat #434343;
	margin: 0 auto;

	color: #fff;
}

#footer_right {
	width: 8px;
	background: url(../images/breadcrumb_bg_right.png) #fff no-repeat ;
	height: 49px;
	float:right;
		
}

a.pagecounter{
	background: #000;
	border:#666 1px solid;
	padding: 3px 8px;
	margin: 5px 0 0 5px;
	color: #fff;
	float:right;
	display: block;
}
.pagecounter2 {
	color: #c0c0c0;
	font-size: 12px;
	padding: 20px 0 0 5px;
}
a:hover.pagecounter, a:active.pagecounter {
	margin: 0 0 0 5px;
	border: #666 1px solid;
	background:#fff;
	font-size:18px;
	color:#666;
}

#footer_center {
	margin:0 0 0 10px;
	float:left;
}
#footer_navi {
	float:left;
	margin: 0 10px 0 90px;
}

#formGallery{ padding-top: 15px; }

.gallery_back {
	background:url(../images/arrow_back.png);
}

.gallery_forth {
	background:url(../images/arrow_forth.png);
	margin: 0 0 0 8px;

}

.date {
	float: left;
	font-size:12px;
	padding: 5px 20px 0 0;
}
		

/* Dialog */
#dialog{ display: none; position: fixed; top: 0px; left: 0px; background: url(../images/dialog_background.png); width: 100%; height: 100%; }
#dialog a{ color: #007cb9; text-decoration: none; }
#dialog a:hover{ color: #000; }
#dialog .dbox{ display: none; width: 860px; margin: 0 auto; height: 550px; background: #dfdfdf; }
#dialog .navigation{ padding: 20px; }
#dialog .navigation li{ float: left; list-style: none; }
#dialog .navigation a{ display: block; background: #fff; padding: 3px 10px; margin: 0 10px 0 0; color: #007cb9; }
#dialog .navigation a:hover, #dialog .navigation li a:active{ color: #000; }
#dialog .content{ padding: 20px; height: 420px; overflow: hidden; }
#dialog .footer{ padding: 20px; text-align: right; }

#dialogLeft{ float: left; width: 400px; height: 420px; margin-right: 20px; overflow: auto; }
#dialogRight{ float: left; width: 400px; height: 420px; overflow: auto; }

#dialog table{ width: 100%; }
#dialog table th, #dialog table td{ padding: 3px 10px; background: #fff;  } 
#dialog table th{ background: #007cb9; text-align: left; color: #fff; }
#dialog .formRow, #formLogin .formRow{ height: 30px; }
#dialog form, #formLogin{ margin: 0; padding: 0; }
#dialog h2{ margin: 0; padding: 3px 5px 10px 5px; }
#dialog form label, #dialog form input[type=text], #dialog form input[type=password], #dialog form input[type=button],
	#formLogin label, #formLogin input[type=text], #formLogin input[type=password], #formLogin input[type=submit]
	{float: left; display: block; width: 150px; padding: 3px 5px; }
#dialog form label, #formLogin{ font-weight: bold; }
#dialog p{ padding: 3px 5px 10px 5px; }
.error{ color: #e80000; }

#dialog .foldersList, #dialog .foldersList ul{ padding: 3px 0 0 20px; }
#dialog .foldersList li{ padding: 0 0 3px 0;}

#importing{ display: none; }

/* Preview */
#preview{ position: absolute; display: none; padding: 20px; background: #000; width: 480px; height: 350px; }
#pImage{ text-align: center; height: 330px; background: url(../images/preview-loader.gif) no-repeat center center; }
#pCaption{ padding: 10px 0; color: #fff; }

/* Login */
#formLogin{ padding: 150px 0 0 320px; }

/* Folderlist // Admin panel */
/*ul.foldersList ul ul li { display: none; } */

/* User rights // admin panel */
#userRightsSaveButton {
	position: absolute; top: 490px;
}

#console {
    display: none;
}