@CHARSET "UTF-8";

@import url("reset.css");

p {margin:10px 0 0 0;}
h1 {font-size:14px; font-weight: bold; display:inline; color: #333333;  }
h2 {font-size:14px; font-weight: bold; display:inline; color: #333333;  }
h4 {font-size:12px; font-weight: bold; color: #333333; margin:10px 10px 10px 10px;}
li {margin:0px 0 0 20px;}
hr { height: 1px; background-color: #DDDDDD; color:#DDDDDD; border-style: none; border-width: 0px;}
.hline{	width:100%;	height:1px;border-bottom:1px solid #81b4e9;clear:both;padding:5px 0 0 0;}
.vline{	height:100%;width:10px;border-left:1px solid #81b4e9;margin:10px 0px 0px 4px;float:left;}

/**************************************
		main structure 
*************************************/

body
{
background-color: #ffffff;
background-image: url(../images/page/background.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: 0% -158px;
}

#container
{
width: 850px;
margin: 0px auto -1px auto; 
color: #333;
line-height: 130%;
font-family: Arial, Helvetica, Sans-serif; font-size:12px;
/*font-family: Verdana, Geneva, sans-serif; font-size: 11px;*/
}

#header
{
width: 100%;
height:100px;
margin-top: 0px;
background: url(../images/page/v13.jpg) no-repeat;
background-position: 25px 0%;
/*border-bottom: 1px solid gray;*/
}

#content
{
clear: both;
width: 100%;
}

#leftside
{
float: left;
width: 169px;
margin: 0;
padding: 5px;
}

#main
{
float: left;
padding: 10px;
width: 800px;
min-height:550px;
color:#585858;
/*border-left: 1px solid gray;*/
}

#footer
{
clear: both;
height: 15px;
width: 100%;
padding-top: 20px;
color: #666666;
border-top: 1px solid gray;
text-align:center;
font-size: 11px;
}

#footer_large 
{
height: 15px;
background-image: url(../images/page/index/6.gif);
background-attachment: scroll;
background-repeat: repeat-x;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
clear: both;
padding-top: 20px;
color: #666666;
text-align:center;
font-size: 11px;
}

/*****************************************
        header
******************************************/

#header #logo{width:137px;height:82px;display:block; float: left;}
#header #topnavi{width:600px;height:25px;margin:65px 0 0 80px;color:#8c8c8c;font-size:12px;font-weight:600;text-decoration:none;word-spacing:4px;float:left;}
#header #topnavi a:link {text-decoration:none; color:#8c8c8c;}
#header #topnavi a:visited {text-decoration:none; color:#8c8c8c;}
#header #topnavi a:hover {text-decoration:none; color:#008EC1;}
#header #topnavi a:active {text-decoration:none; color:#8c8c8c;}

#header #rss {float: right;}

/*****************************************
        main
******************************************/

#main .pagetitel{display:inline;font-size: 14px;color: #333333;font-weight: bold;}
#main a:link {font-weight:bold; color: #0079A1;text-decoration:none;}
#main a:visited {font-weight:bold;color: #0079A1;text-decoration:none;}
#main a:hover {font-weight:bold;color:#0079A1;text-decoration:underline;}
/* ul li{list-style-type: circle;list-style-image: url(../images/page/menu-leaf.gif);list-style-position: outside;}*/


/**************************************
		left and right side 
*************************************/

#leftside p, #rightside p { margin: 0 0 1em 0; }

#leftside a:link {text-decoration:none; color:#656565;}
#leftside a:visited {text-decoration:none; color:#656565;}
#leftside a:hover {text-decoration:underline; color:#0079A1;}
#leftside a:active {text-decoration:none; color:#656565;}


/*****************************************
        footer
******************************************/

#footer a, #footer_large a{color: #666666;text-decoration: none;font-variant: normal;}
#footer a:hover, #footer_large a:hover{color: #666666;text-decoration: underline;font-variant: normal;}

/*****************************************
        index
******************************************/
#index1{width:797px;height:353px;background: url(../images/page/index/1.gif) no-repeat;}
#mainfoto{width:348px;height:231px;margin: 25px;background: url(../images/page/index/index7.jpg) no-repeat;float:left ;border: 1px solid gray;}
#maintext{width:370px;height:231px;margin: 25px 0;float:left ;font-size:12px; font-weight: bold; color: #ffffff; }
#maintext ul li{margin:7px;}
#index1bottom{width:780px;height:60px;margin: 5px;float:left ;}
#index1button{width:149px;height:41px;margin:10px 0 0 0;float:right ;background: url(../images/page/index/2.gif) no-repeat;}
#index1vsplitter,#searchfotografbox,#logincustomer {height:120px;padding:6px;float:left;margin:10px 0 0 0;}
#searchfotografbox,#logincustomer {width:376px; background-color: #F4F4F4;border: 1px solid #E3E3E3;}
#index1vsplitter {width:4px;background-position: 0px -150px;}
#galscontainer{height:200px;width:800px;float:left;}
.galframe{height:151px;width:138px;float:left;margin:5px 27px 0 0px;background: url(../images/page/index/5.jpg) no-repeat;}
.galframe .imgbox{height:104px;width:114px;float:left;margin:11px 12px ;}
.galframe .autorname{height:20px;width:120px;float:left;margin-left:11px;font-size:10px;overflow: hidden; }
.boxtitle{font-size:16px; font-weight: bold; color: #A0A0A0;}
/**************************************
		FORM 
*************************************/

input,
select,
textarea
{
    border: 1px solid #D1D1D1;
}

input[type='radio'],input[type='checkbox']{border: none;}

input.image{border: 1px solid transparent;}

form input.submit_image {border:none;}
form p{padding-top:15px;}

table.form_table td {height:20px;padding: 4px 12px;}

table.member_login{width:400px;margin: 20px 5px;}
table.member_login td{height:20px;padding: 4px 12px;} 
 
.mandatory_field {
    background-repeat: no-repeat;
    background-position: center right;
    padding: 2px 10px 0px 0px;
    background-image: url(../images/page/mandatory_field.gif);
}

/************************************************************
			Notifications
*************************************************************/

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.error ul li{list-style-type:disc;}
	


/************************************************************
			Forum
*************************************************************/

.forum {font-size: 12px; color: #333333;border-style:none;border-collapse:collapse;padding:0;margin:0;border-bottom: 15px solid #93A8AE;}
.forum th {height:20px;padding:5px 7px 5px 5px;font-size: 13px;font-weight: bold;color: #333333;text-align:left; background-color: #93A8AE; border-bottom: 1px solid #F6F6F6;}
.forum td {height:35px;padding:5px 7px 15px 5px; vertical-align: text-top; border-style:none;border-collapse:collapse;border-right: 1px solid #E6E6E6;border-left: 1px solid #E6E6E6;}
.forum td .icon{margin-top:7px;}
.forum .Alternate{	background-color:#E9EAEA;}
.forum .Header{background-color:#DFEEFD;font-weight:bold;}
.forum .CellSelected{background-color:#F6F6F6;}
.forum .White{	}

/************************************************************
			Normal table
*************************************************************/

.normtable {font-size: 12px; color: #333333;border-style:none;border-collapse:collapse;padding:0;margin:0;}
.normtable th {height:20px;padding:5px;font-size: 13px;font-weight: bold;color: #333333;text-align:left; background-color: #E3E3E3;border: 1px solid #C9C9C9;}
.normtable td {height:20px;padding:5px; vertical-align: text-top; border-collapse:collapse;border: 1px solid #C9C9C9;}
.normtable .tablefooter{border-top: 2px solid #C9C9C9;font-weight: bold;}

/************************************************************
			Order table
*************************************************************/

.ordertable {border-style:none;border-collapse:collapse;padding:0;margin:0;}
.ordertable td {padding:5px 0; vertical-align:top; border-collapse:collapse;border-bottom: 1px solid #ccd3da;}
.ordertable img {border: 3px solid #C9C9C9; padding:0;margin:0;}

/************************************************************
			"command" label
*************************************************************/

.comlabel {font-size: 11px;color:#003399;font-weight:bold;text-decoration:none;}
.comlabel a:link {color: #003399;text-decoration:none;}
.comlabel a:visited {color: #003399;text-decoration:none;}
.comlabel a:hover {color:#003399;text-decoration:underline;}

/************************************************************
			Left navi
*************************************************************/
.lm_verh {margin:0;padding:0;height:11px;width:169px;background-image:url(../images/page/menu-verh.gif);background-repeat:no-repeat;}
.lm_niz {margin:0;padding:0;height:11px;width:169px;background-image:url(../images/page/menu-niz.gif);background-repeat:no-repeat;}
.lm_cont {margin:0;padding:0;height:auto;width:169px;min-height:300px;overflow:hidden;background-image:url(../images/page/menu.gif);background-repeat:repeat-y;}
.lm_header {height:23px;width:165px;color:#333333;font-size: 13px;font-weight: bold;text-align:center;text-decoration: none;padding-top: 2px;}
.lm_item {margin:0;height:20px;width:165px;top:0px;color: #0000CC;font-size: 12px;text-align:left;text-decoration: none;cursor:pointer;padding: 5px 5px 0 10px;}
.lm_item a:link {color: #0000CC;text-decoration:none;}
.lm_item a:visited {color: #0000CC;text-decoration:none;}
.lm_item a:hover {color:#0079A1;text-decoration:underline;}

/************************************************************
			Gallery
*************************************************************/


.gallery_item
{
	height:200px; 
	width:130px; 
	float:left; 
	margin: 0px 5px 15px 5px; 
	padding: 0px 0px 10px 0px; 
	overflow:hidden;
	font-size: 11px;
    font-weight: 800; 
    border:1px solid #cccccc;
}

.gallery_item_top{height:30px; overflow:hidden;padding-left:5px;border-bottom:1px solid #cccccc}
.gallery_item_imagebox{height:140px; overflow:hidden;border-bottom:1px solid #cccccc;}
.gallery_item_imagebox img{display:block;margin-left:auto;margin-right:auto;border:1px solid #cccccc;}
.gallery_item_bottom{height:30px; overflow:hidden;padding-left:5px;}
.gallery_item_edit{height:30px; overflow:hidden;padding:2px 0 0 5px;border-top:1px solid #cccccc;}
.gallery_item a:link {color: #8c8c8c;text-decoration:none;}
.gallery_item a:visited {color: #8c8c8c;text-decoration:none;}
.gallery_item a:hover {color:#8c8c8c;text-decoration:underline;}

/************************************************************
			Pagination
*************************************************************/

  .pagenavi{}
  .pagenavi a{text-decoration: none; font-size: 11px; line-height: 20px;  color:#333; background: url(../images/page/paging-bg.jpg) no-repeat right top; height: 20px; float: left; padding: 0 7px 0 0; margin-right: 5px}
  .pagenavi a span{background: url(../images/page/paging-bg.jpg) no-repeat left top; height: 20px; display: block; float: left; padding: 0 0 0 7px}
  .pagenavi a:hover{background: url(../images/page/paging-bg.jpg) no-repeat right -40px;}
  .pagenavi a:hover span{background: url(../images/page/paging-bg.jpg) no-repeat left -40px;}  
  .pagenavi a.current{background: url(../images/page/paging-bg.jpg) no-repeat right -20px;}
  .pagenavi a.current span{background: url(../images/page/paging-bg.jpg) no-repeat left -20px; font-weight: bold;}
  .pagenavi a.arrow{font-size: 14px; line-height: 17px}
  .pagenavi .left{margin-right: 10px; float: left}
  .pagenavi .right{margin-left: 10px; float: left}