/* CSS Document */
/* GLOABAL SETTINGS - STANDARD SETTINGS*/
body, html
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#ffffff;
	width:99%;
	height:99%;
	margin:0px;
	padding:0px;
	color:#333333;
	font-style:normal;
}

table, tr, td, div, p, hr
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	color:#333333;
	font-style:normal;
}

a
{
	color:#333333;
	font-style:normal;
}

a:hover
{
	color:#333333;
    filter:alpha(opacity=80);
    opacity:0.8;
	font-style:normal;
	
}

span#SplashStartText
{
	font-size:36px;
	font-weight:bold;
}

#tableContainer 
{
	width:100%;
	height:100%;
	padding:0px;
	text-align:center;
}

#tableContainerCell
{
	vertical-align:middle;
	text-align:center;
}

/* MAINCONTAINER */
div#mainContainter
{
    background-color:#eaeaea;
	position:relative;
	width:970px;
	height:782px;
	margin:auto;
	border:solid 0px #cccccc;
}

#mainContainter #topNavi_top
{
    position:absolute;
    left:0px;
    top:60px;
    background-color:#dddddd;
	width:120px;
	height:180px;
}
#mainContainter #topNavi_top #galleryTitle
{
    position:absolute;
    left:0px;
    top:0px;
    background-color:#cccccc;
	width:120px;
	height:60px;
    text-align:left;

}

#mainContainter #topNavi_top #galleryTitle span.galleriesLink
{
    margin:0px;
    background-color:#123452;
    font-weight:bold;
    color:#ffffff;

}


#mainContainter #topNavi_bottom
{
    position:absolute;
    left:0px;
    top:602px;
    background-color:#dddddd;
	width:120px;
	height:180px;
}



div#logo_container
{
    text-align:left;
    background-color:#ffffff;
    position: absolute; 
    left:0px;
    top:00px;
    width: 970px;
    height: 60px;
    z-index:4;
}
div#logo 
{
    text-align:left;
    position: absolute; 
    left:0px;
    top:15px;
    width: 488px;
    height: 40px;
    z-index:4;
}
div#flags
{
	margin:auto;
    width:970px;
    z-index:5;
}
div#footer
{
	margin:auto;
    width:970px;
    z-index:5;
}

div.textbalken
{
    position:absolute;
    top:59px;
    left:488px;
    width: 480px;
    height: 180px;
    overflow:hidden;
    border:solid 1px #ffffff;
    z-index:10;

}
div.werbung
{
    position:absolute;
    top:600px;
    left:488px;
    width: 450px;
    height: 180px;
    overflow:hidden;
    border:solid 1px #ffffff;
    z-index:10;


}
div#shoppingBasketIcon
{
    position: absolute; 
    left:853px;
    top:10px;
    border:none;
    height:80px;
    width:130px;
    z-index:5;
    text-decoration:none;
    background-color:#ffffff;    
}

/* SEARCHBOX */
div#search 
{
    position:absolute;
    left:0px;
    top:115px;
    width: 480px;
    height: 110px;
}
div#searchForm 
{
    position:absolute;
    left:120px;
    top:00px;
    height: 120px;
}
.searchBox
{
    width:200px;
    border:solid 2px #cccccc;
    background-color:#ffffff;    
}

.searchLupe
{
    border:none;
    background-color:#eaeaea;    
}

.searchSampleText
{
    width:200px;
    font-size:10px;
    color:#666666;
    background-color:#eaeaea;    
}

.searchInfoText
{

    font-family:Arial, Helvetica, sans-serif;
    font-size:12px; 
    font-weight:bold;
    line-height:30px; 
    text-decoration:none; 
    color:#333333;
    
}

/* NAVIGATION */

div#emptyThumbNailPager 
{
    position:absolute;
    top:160px;
    left:0px;

    width: 480px;
    height: 50px;
	
}


div#nav 
{
    position:absolute;
    top:240px;
    left:0px;
    width: 488px;
    height: 360px;
    background-color:#ffffff;
}
    /* BIG BUTTONS */
    a.naviButtonBig 
    {
        border:solid 1px  #ffffff;

        background-color:#333333; 
        width:120px; 
        height:118px;  
        line-height:120px; 
        text-decoration:none; 
        float:left;
        color:#ffffff;
    }
    a.naviButtonBig:hover 
    { 
        border:solid 1px #eaeaea;
        
        background-color:#cccccc; 
        text-decoration:none;
        color:#FFFFFF; 
    }
    
    /* SMALL BUTTONS */
    a.naviButtonSmall 
    {
        border:solid 1px #eaeaea;
        background-color:#333333; 
        width:120px; 
        height:26px; 
        line-height:26px; 
        text-decoration:none;
        float:left;
        color:#eeeeee;
    }
    a.naviButtonSmall:hover 
    { 
        border:solid 1px #eaeaea;
        background-color:#cccccc; 
        text-decoration:none;
        color:#FFFFFF; 
    }

    a.naviButtonSmallDummies
    {
        border:solid 1px #eaeaea;
        
        background-color:#333333; 
        width:120px; 
        height:26px; 
        line-height:26px; 
        text-decoration:none; 
        float:left;
        color:#eeeeee;
    }



    a.naviButtonSmallActive 
    {
        border:solid 1px #eaeaea;
        background-color:#666666; 
        
        width:120px; 
        height:26px; 
        line-height:26px; 
        text-decoration:none; 
        float:left;
        color:#ffffff;
    }
    a.naviButtonSmallActive:hover 
    { 
        border:solid 1px #eaeaea;
        background-color:#cccccc; 

        text-decoration:none;
        color:#FFFFFF; 
    }

    a.naviImgButton 
    {
        border:solid 1px #e3e3e3;
        background-color:#eeeeee; 
        display:block;
        width:120px; 
        height:90px; 
        text-decoration:none; 
        float:left;
    }
    a.naviImgButton:hover 
    {
        display:block;
        width:120px; 
        height:90px; 
        text-decoration:none; 
        float:left;
        filter:alpha(opacity=80);
        opacity:0.8;
        
    }



    a.naviImgButtonBasket
    {
        display:block;
        width:120px; 
        height:90px; 
        text-decoration:none; 
        float:left;
    }
    a.naviImgButtonBasket:hover
    {
        display:block;
        width:120px; 
        height:90px; 
        text-decoration:none; 
        float:left;
        filter:alpha(opacity=80);
        opacity:0.8;
    }

    
    /* PAGER */
    
a.pagerSelect {display:block;width:6px; height:20px; text-decoration:none; background-position:0px -20px;background-repeat:no-repeat;margin-right:0px;margin-bottom:0px;}
a.pagerSelect:hover {display:block;width:6px; height:20px; text-decoration:none; background-position:0px 0px;background-repeat:no-repeat;}

a.pagerMinus {float:left; display:block;width:20px; height:21px; text-decoration:none; background-position:0px 0px; background-repeat:no-repeat;margin-right:0px;margin-bottom:0px;margin-left:220px;}
a.pagerMinus:hover {float:left; display:block;width:20px; height:21px; text-decoration:none; background-position:0px -21px;background-repeat:no-repeat;}

a.pagerPlus {float:left; display:block;width:20px; height:21px; text-decoration:none; background-position:0px 0px;background-repeat:no-repeat;margin-right:0px;margin-bottom:0px;}
a.pagerPlus:hover {float:left; display:block;width:20px; height:21px; text-decoration:none; background-position:0px -21px;background-repeat:no-repeat;}





/* BIGIMAGE */

div#BigImage
{
    position:absolute;
    top:240px;
    left:488px;
    width: 480px;
    height: 360px;
    overflow:hidden;
    border:solid 1px #ffffff;
}
img.imageBig
{
    border:solid 1px #cccccc;
}
img.imageBig:hover
{
    border:solid 1px #cccccc;
    filter:alpha(opacity=80);
    opacity:0.8;
}




/* other Images */
div#div30x40
{
    background-color:#ffffff;    
    position:absolute;
    left:488px;
    top:59px;
    width: 240px;
    height: 180px;
    overflow:hidden;
    z-index:7;
    border:solid 1px #ffffff;
}
div#div60x80
{
    background-color:#ffffff;    
    position:absolute;
    left:728px;
    top:59px;
    width: 240px;
    height: 180px;
    overflow:hidden;
    z-index:7;
    border:solid 1px #ffffff;
}
div#divfw
{
    background-color:#ffffff;    
    position:absolute;
    left:488px;
    top:600px;
    width: 240px;
    height: 180px;
    overflow:hidden;
    z-index:7;
    border:solid 1px #ffffff;
}

div#divod
{
    background-color:#ffffff;    
    position:absolute;
    left:728px;
    top:600px;
    width: 240px;
    height: 180px;
    overflow:hidden;
    z-index:7;
    border:solid 1px #ffffff;
}

img.previewImage
{
    border:solid 1px #cccccc;
    z-index:8;
}
img.previewImage:hover
{
    border:solid 1px #cccccc;
    z-index:8;
    filter:alpha(opacity=80);
    opacity:0.8;
    
}

div.previewImagePanel
{
    position:absolute;
    left:0px;
    top:150px;
    width: 240px;
    height: 30px;
    font-weight:bold;
    line-height:30px; 
    text-decoration:none; 
    color:#eeeeee;
    background-color:#333333;
    z-index:9;
}



/* BOTTOM OF PAGE */
div#bottom 
{
    position:absolute;
    left:0px;
    top:452px;
    width: 480px;
    height: 20px;
    margin-top:310px;
    
}






.authBox
{
    width:100px;
    border:solid 2px #cccccc;
    background-color:#eeeeee; 
}

.authButton
{
    width:100px;
    border:none;
    background-color:#333333;
    color:#eeeeee;
    cursor:pointer;
}

.registerBox
{
    width:200px;
    border:solid 2px #cccccc;
    background-color:#eeeeee; 
}

.registerBoxZIP
{
    width:50px;
    border:solid 2px #cccccc;
    background-color:#eeeeee; 
}

a.accountLinks
{
    color:#333333;
	text-decoration:none;
}
a.accountLinks:hover
{
    color:#333333;
	text-decoration:underline;
}
.authErrorMessage
{
    color:#ff0000;
}


/* BOTTOM LINKS */
a.bottomLinks
{
    color:#333333;
}

a.statNavLeftLinks
{
    margin-left:10px;
    margin-right:10px;
    font-size:12px;
    color:#666666;
    text-decoration:none;
    font-weight:bold;
}


a.statNavRightLinks
{
    font-size:12px;
    color:#999999;
    text-decoration:none;
    font-weight:bold;
}

/* MODAL POPUPS AND BACKGROUND */

.modalBackground
{
    background-color:#000000;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopupLogin
{
    background-color:#ffffff;
    text-align:left;
    
	width:360px;
	height:350px;

	padding:10px;
}


.modalPopupSignInOrRegister
{
    background-color:#ffffff;
    text-align:left;
    
	width:692px;
	height:540px;

	padding:10px;
}

.modalPopupRegister
{
    text-align:left;

    background-color:#ffffff;

	width:360px;
	height:650px;

	padding:10px;
}

.closeImageButton_modalPopupRegister
{
    position:absolute; 
    top:600px; 
    left:310px;
}
.modalPopupAGBs
{
    background-color:#ffffff;

	width:800px;
	height:600px;

	text-align: center;

	padding:10px;
	overflow:auto;
    z-index:300;
}

.closeImageButton_modalPopupAGBs
{
    position:absolute; 
    top:550px; 
    left:750px;
}


.modalPopupPreOrder
{
    background-color:#ffffff;
    text-align:left;
    
	width:900px;
	height:700px;

	padding:10px;

	overflow:auto;
	z-index:300;
}

.closeImageButton_modalPopupPreOrder
{
    position:absolute; 

    top:650px; 
    left:850px;
}



.modalPopupImage
{
    background-color:#ffffff;

	width:640px;
	height:480px;

	padding:10px;
}

.modalPopupArticle
{
    background-color:#ffffff;

	width:692px;
	height:540px;
	
	padding:0px;

    overflow:hidden;
}

.modalPopupArticleImage
{
    background-color:#ffffff;

	width:480px;
	height:360px;
}

.modalPopupArticleInfoTable
{
    background-color:#ffffff;

	padding:0px;
	
    position:absolute;
    
    top:380px;
    left:10px;
    
	width:480px;
	
}

.modalPopupArticleInfoTableLower
{
    background-color:#ffffff;

	padding:0px;
	
    position:absolute;
    
    top:510px;
    left:10px;
    
	width:480px;
	
}

/* Article Details */
div.divSizeSelectors
{
    position:absolute; 
    top:10px; 
    left:500px;
}
a.sizeSelector
{
    border:solid 1px  #ffffff;
    
    background-color:#333333; 
    width:180px; 
    height:26px; 
    line-height:26px; 
    text-decoration:none; 
    float:left;
    color:#eeeeee;
}
a.sizeSelector:hover
{
    border:solid 1px #ffffff;
    
    background-color:#cccccc; 
    text-decoration:none;
    color:#FFFFFF;   
}

a.sizeSelectorActive 
{
    border:solid 1px  #ffffff;
    background-color:#666666; 
    
    width:180px; 
    height:26px; 
    line-height:26px; 
    text-decoration:none; 
    float:left;
    color:#ffffff;
}
a.sizeSelectorActive:hover 
{ 
    border:solid 1px #ffffff;
    
    background-color:#cccccc; 
    text-decoration:none;
    color:#FFFFFF; 
}

.closeImageButton
{
    position:absolute; 
    top:477px; 
    left:632px;
}

.InShoppingBasket
{
    position:absolute;
    left:600px;
    top:330px;
    border:none;
    text-decoration:none;
    
}
.InShoppingBasketQTY
{
    position:absolute;
    left:560px;
    top:375px;
background-color:#EEEEEE;
border:2px solid #CCCCCC;
color:#000000;
width:50px;
}
.LabelTextBoxInShoppingBasketQTY
{
    position:absolute;
    left:560px;
    top:355px;
    color:#000000;
}

.cropBox
{
    width:50px;
    border:solid 2px #cccccc;
    background-color:#eeeeee; 
    color:#000000;
}
.cropBoxButton
{
    border:solid 2px #cccccc;
    background-color:#eeeeee; 
}


.cropErrorMessage
{
    color:#ff0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}


.tableStandardTd
{
    vertical-align:top;
    text-align:left;
}

.imageWithNoBorder
{
    border-color:#ffffff;
    padding:1px;
}

.imageWithBorder
{
    border-color:#666666;
    padding:1px;
}

div#individualFormats
{
    position:absolute;
    z-index:1000px;
    left:0px;
    top:125px;
}

/* individual formats */


a.naviButtonExclusiveFormats 
{
    position:absolute;
    z-index:1000px;
    left:0px;
    top:140px;    
    text-align:left;
    background-color:#dddddd; 
    text-decoration:none;
    color:#aaaaaa;
    z-index:100;
    width:100px; 
    height:30px; 
    line-height:30px;
    padding-left:10px;
    font-weight:bold;
    display:none;
}
a.naviButtonExclusiveFormats:hover
{
    color:#ffffff;
    background-color:#cccccc; 
}
a.naviButtonIndividualFormats 
{
    position:absolute;
    z-index:1000px;
    left:0px;
    top:675px;    
    text-align:left;
    background-color:#dddddd; 
    text-decoration:none;
    color:#aaaaaa;
    z-index:100;
    width:100px; 
    height:30px; 
    line-height:30px;
    padding-left:10px;
    font-weight:bold;
    display:none;

}
a.naviButtonIndividualFormats:hover
{
    color:#ffffff;
    background-color:#cccccc; 
}

#backgroundPopup{ display:none;  position:fixed;  _position:absolute; /* hack for internet explorer 6*/  height:100%;  width:100%;  top:0;  left:0;  background:#000000;  border:1px solid #cecece;  z-index:1000; }  

#OwnImageListPopup
{
    position:absolute;
    background-color:#ffffff;
    text-align:left;
	width:692px;
	height:540px;
    overflow:hidden;
	padding:10px;
	z-index:1010; 
	display:none;
}

div#closeImageButton{ position:absolute; top:477px; left:632px;}
img#closeImageButton_img{ cursor:pointer;}
div#deleteImageButton{position:absolute;top:10px;left:448px;width:50px;height:50px;z-index:1100;}
img#deleteImageButton_img{ cursor:pointer;}

div#ownImageListSmallImagesWrapperText{position:absolute;top:376px;left:10px;width:482px;height:21px;text-align:center;line-height:20px;border-style:none;}
/*
div#ownImageListSmallImagesWrapperText div#arrowleft{float:left;width:32px;height:21px;display:block;background-color:#cccccc;cursor:pointer;}
div#ownImageListSmallImagesWrapperText div#theText{float:left;width:382px;height:21px;display:block;background-color:#ffffff;}
div#ownImageListSmallImagesWrapperText div#arrowright{float:right;width:32px;height:21px;display:block;background-color:#cccccc;;cursor:pointer;}
*/
div#ownImageListSmallImagesWrapperText div#arrowleft{margin-left:221px; float:left; width:20px;height:21px;display:block;background-color:#ffffff;cursor:pointer;}
div#ownImageListSmallImagesWrapperText div#arrowright{margin-left:0px; float:left; width:20px;height:21px;display:block;background-color:#ffffff;cursor:pointer;}
/* has to be class ACHTUNG*/
div.ownImageListSmallImagesWrapper{position:absolute;top:400px;left:10px;width:485px;height:96px;border:none;overflow:hidden;}
table.ownImageListSmallImagesWrapper_table{position:absolute;left:1px;top:1px;border:none;border-collapse:collapse;}
tr.ownImageListSmallImagesWrapper_tr{}
td.ownImageListSmallImagesWrapper_td{border:solid 1px #cccccc; width:120px; height:90px;}
td.ownImageListSmallImagesWrapper_td_Active{border:solid 1px #cccccc; background-color:#eeeeff; width:120px; height:90px;}
div.ownImageListSmallImagesWrapper_p1{ width:70px; height:40px;}
div.ownImageListSmallImagesWrapper_p2{ width:70px; height:40px;}

div#ownImageListuploadAnImage{position:absolute;top:492px;left:10px;width:482px;height:22px;border:none;overflow:hidden;line-height:22px;display:block;cursor:pointer;border-style:none;padding:0px;}
div#ownImageListuploadAnImageOneClickDiv{cursor:pointer;display:block;}
div#ownImageListuploadAnImageStatus{position:absolute;top:517px;left:10px;width:482px;height:22px;border:none;overflow:hidden;line-height:22px;display:block;cursor:pointer;border-style:none;padding:0px;}
.uploadLinks{text-decoration:none;}
#OwnImageUploadPopup{position:absolute;background-color:#ffffff;text-align:left;width:692px;height:540px;overflow:hidden;padding:10px;z-index:1010; display:none;}
div.ownImageListBigImage{position:absolute;top:10px;left:10px;width:482px;height:362px;border-style:none;}

div#ownTargetData{position:absolute;top:10px;left:502px;width:180px;height:125px;border:solid 1px #cccccc;padding:5px;}
div#ownImageModify{position:absolute;top:150px;left:502px;width:180px;height:179px;border:solid 1px #cccccc;padding:5px;}
div#ownImageData{position:absolute;top:344px;left:502px;width:180px;height:110px;border:solid 1px #cccccc;padding:5px;}

div#qualityLamp{width:120px;height:16px; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; line-height:16px;}

div#ownTargetData input
{
    border:solid 1px #cccccc;
    background-color: #eeeeee;
    width:75px;
}
div#ownTargetData input.OrderButton
{
    width:120px;
    border:none;
    background-color:#333333;
    color:#eeeeee;
    cursor:pointer;
}


table.ownImageBigImagesWrapper_table{position:absolute;left:1px;top:1px;border-style:none;border-collapse:collapse;}
tr.ownImageBigImagesWrapper_tr{}
td.ownImageBigImagesWrapper_td{border:solid 1px #cccccc; width:480px; height:360px;}


div#MyImagePopup
{
    background-color:#ffffff;
	width:510px;
	height:560px;
	z-index:1010; 
	display:none;
}
div#EditMyImagePopup
{
    background-color:#ffffff;
	width:720px;
	height:560px;
	z-index:1010; 
	display:none;
}



div#MyImagePopup img#UploadImageSpace
{
    padding:14px;
}

div#MyImagePopup img#CloseImageButton
{
    position:absolute;
    left:455px;
    top:505px;
	z-index:1020; 
	cursor:pointer;
}

div#EditMyImagePopup img#CloseImageButton
{
    position:absolute;
    left:665px;
    top:505px;
	z-index:1020; 
	cursor:pointer;
}

div.MyImage{position:absolute;top:14px;left:14px;width:482px;height:362px;border-style:none;}
img.MyImage{}

span#SpanAusschnittWaehlen
{
    position:absolute;
    left:510px;
    top:30px;
    font-weight:bold;
}
img#ImgKlassisch{position:absolute;left:510px;top:65px;cursor:pointer;}
img#ImgPanorama{position:absolute;left:510px;top:90px;cursor:pointer;}
img#ImgQuadratisch{position:absolute;left:510px;top:115px;cursor:pointer;}
img#ImgAusschnittDrehenLinks{position:absolute;left:540px;top:155px;cursor:pointer;}
span#SpanAusschnittDrehen{ position:absolute;left:563px;top:158px;text-align:center;width:65px;font-weight:bold; color:#999999;}
img#ImgAusschnittDrehenRechts{ position:absolute;left:630px;top:155px;cursor:pointer;}

img#ImgBildDrehenLinks{ position:absolute;left:540px;top:185px;cursor:pointer;}
span#SpanBildDrehen{ position:absolute;left:563px;top:188px;text-align:center;width:65px;font-weight:bold; color:#999999;}
img#ImgBildDrehenRechts{ position:absolute;left:630px;top:185px;cursor:pointer;}

img#ImgAuschneiden{position:absolute;left:510px;top:275px;cursor:pointer;}
img#ImgZuruecksetzen{position:absolute;left:510px;top:300px;cursor:pointer;}
img#ImgWeiterZuGroesseUndEffekt{position:absolute;left:560px;top:400px;cursor:pointer;}

/***************************************************************************************/
div#MyImagePopup img#CloseImageButton 
{
    right:14px !important;
}