/* 	Farben
	Body 
	background:				#535353
	color:					#AAAAAA

	Menu 
	background: 			#606060
	border: 				#797979
	große Schrift: 			#999999
	große Schrift aktiv: 	#FFFFFF
	kleine Schrift: 		#C0C0C0
	kleine Schrift aktiv: 	#DF9018		orange

*/

body {
	font-size: 101%;
	background-color:#535353 ;
/*	background:url(/img/grau-bg.gif); */
	margin: 0; 
	padding: 0;
}

body, p, td {
	/*	color: #646464; */
	color:#CCCCCC;
	font-size:	11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

p { margin: 0; padding: 0 0 1em; }
h1 { font-size: 1em; font-weight: bold; margin: 0; padding: 0 0 0.8em; }
h2 { font-size: .9em; font-weight: bold; margin: 0; padding: 0 0 0.5em; }
h3 { font-size: .9em; margin: 0; padding: 0 0 0.5em; }

/* Thumbwindow Fotounterschriften */
.tdfototitelonline { 
	font-size: 1em; 
	line-height: 1.8em; 
	color: #444444;
}

.tdfototiteloffline { 
	font-size: 1em; 
	line-height: 1.8em; 
	color: #FF0000;
}

.thumbserror {
	font-size: 1.3em;
	vertical-align: middle;
	padding: 4em;
}

/*grundlayout*/
/*------------------------------------------------------------------------------------------------*/

#contend {
	position: absolute; 
	left: 0px;
	top: 30px;
	padding: 0;
	margin: 0;
	width: 100%;
	z-index: 1;
}

#maikschulzefotografie{
	position: absolute;
	left: 90px;
	top: -15px;
}

#menu {
	position: absolute;
	left: 0px;
	top: 10px;
	width: 100%;
	margin: 0;
	padding: 0;
/*	height: 53px;*/
	height:42px;
	background-color:#606060;
/*	border-top: 1px solid #797979;
	border-bottom: 1px solid #797979; */
}

#menudata { 
/*	height: 100%; */
	height:42px;
	padding: 0px 10px 0 90px;  								/* linker Abstand */
	margin: 0;
	font-weight: bold;
}

#menudata .menutextbox, #menudata .menutextbox2{
	float:left;
/*	height:100%; */
	padding:2px 0 0 0;
/*	line-height:29px;*/
	font-size:11px;
}

#menudata .menuarrowbox, #menudata .menuarrowbox2, #menudata .menuarrowboxstep{
	float:left;
/*	height:42px;*/
	padding: 24px 10px 0 10px;
	font-size: 12px;
	font-weight:bold;
	color: #C0C0C0;	
}

#menudata .menutextklein, #menudata .menutextklein2, #menudata .menutextkleinstep{
	font-size:11px;
	line-height: 14px;
	color: #C0C0C0;	
	padding:0;
}

/* inaktive Menupunkte */
#menudata .menutextbox2, #menudata .menutextklein2, #menudata .menuarrowbox2{
	color:#797979;
}

/* aktive Menupunkte */
#menudata .menutextkleinstep, #menudata .menuarrowboxstep{
	color: #DF9018;
}

a.menulink:link, a.menulink:visited {
	color: #999999;
	text-decoration: none; 
}

a.menulink:hover, a.menulink:active { 
	text-decoration: none;
	color:#FFF;
}

#menudata .menutextbox .rootmenu, #menudata .menutextbox2 .rootmenu{
	font-size: 18px;
	padding:0;
}

#logo{
/*	left: 930px; 		_mfx-siegel-gross 
	top: 8px; */
	
	
	left: 940px;		/* mfx-siegel */
	top: 15px;

	position:absolute;
}	

.logolink{
	border:0px;
	text-decoration: none; 	
}

#keinjavascript{
	position:absolute;
	left: 200px;
	top: 200px;
	width: 200px;
	background-color:#FF6633;
	color:#FFFFFF;
	font-size:12px;
	padding: 20px;
	z-index: 200;
	visibility:visible;
}

/*------------------------------------------------------------------------------------------------*/

#slidegallery, #slidesubgallery, #slidethumbs, #gallerybackground, #subgallerybackground, #thumbsbackground, #gallery, #subgallery, #thumbs {
	height: 530px;
	width: 720px;
	position: absolute; 
	padding: 0;
	margin: 0;
}

#gallerybackground, #subgallerybackground, #thumbsbackground, #gallery, #subgallery, #thumbs, #thumbsmenu, #gallerymenu, #subgallerymenu {
	left:0px;
	top: 0px;
}

/*-------------------------------------------------------------------------------------------------*/

#slidegallery, #slidesubgallery, #slidethumbs{
	visibility: hidden;
	position: absolute;	
	left: 40px;							/* linker Abstand Thumbsmenu */
	top: 10px;
	border:0;
}

#gallerybackground, #subgallerybackground, #thumbsbackground{
	border:0;
	background-color: #FFFFFF;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
}

#thumbs, #gallery, #subgallery {		/* liegt genau auf DIV thumbsbackground */
/*	visibility: hidden; */
	height: 450px;						/* height 450px + padding-top 60px + padding-bottum 20px = 530px = height der slide-divs */
 	width: 680px;
	padding: 50px 20px 20px 20px;
}

#thumbsmenu, #gallerymenu, #subgallerymenu {
/*	visibility: hidden; */
	position: absolute;
	height: 42px;
	width:718px;
	background-color: #666666;
	border: 1px solid #888888;
}

/*--------- Gallery --------- z-index 100-135 -----------------------------------------------------*/

#slidegallery{
	z-index:100;								
}

#gallerybackground{
	z-index:105;
}
	
#gallery{								
	z-index: 110;
}

#gallerymenu{
	z-index: 120;
}


/*--------- SubGallery ------ z-index 140-175 -----------------------------------------------------*/

#slidesubgallery{
	z-index:140;								
}

#subgallerybackground{
	z-index:145;
}

#subgallery {							
	z-index: 150;
}

#subgallerymenu{
	z-index: 160;
}

/*--------- Thumbs ---------- z-index 180-215 -----------------------------------------------------*/

#slidethumbs{
	z-index:180;								
}

#thumbsbackground{
	z-index:185;
}

#thumbs {							
	z-index: 190;
}

#thumbsmenu {							
	z-index: 200;
}

/*------------------------------------------------------------------------------------------------*/

.menutitel{
	font-size: 13px;
	font-weight:bold;
	color: #E5E5E5;
	float: left;
	padding: 15px 0px 0px 40px;
}

.menubuttons{
	float: right;
	border: 0px;
	padding: 15px 5px 0px 5px;
	text-decoration:none;
	font-size: 10px;
	font-weight:bold;
	vertical-align:middle;
	color: #E5E5E5;
}

.menubuttontext{
	font-size: 11px;
	font-weight:bold;
	color: #E5E5E5;
	float: right;
	vertical-align:top;
	padding: 25px 5px 0px 0px;
}

#bigimage, #bigimagelandscape, #bigimageportrait, #bigimagesquare, #bigimagemonitor,
#topbigimage, #topbigimagelandscape, #topbigimageportrait, #topbigimagesquare, #topbigimagemonitor{
	height: 400px;
	width: 600px;
	position: absolute;
	left: 90px;					/* linker Abstand BigImage */
	top: 80px;
	border: solid 1px black;

	z-index: 80;	
	line-height:1px;			/* für IE nötig damit der Border unten keinen Abstand hat */
	font-size:1px;				/* für IE nötig damit der Border unten keinen Abstand hat */

	background: #666666 url(loader.gif) no-repeat 50% 50%;
}

#topbigimage, #topbigimagelandscape, #topbigimageportrait, #topbigimagesquare, #topbigimagemonitor{
	z-index: 81;
	background:none;
}

#PhotoDiv, #TopPhotoDiv{
}

#bigimagelandscape{
}

#bigimagemonitor{
	height: 450px;
}

#bigimageportrait{				/* größeres DIV für Portait Fotos */
	height: 600px;
	width: 400px;
}

#bigimagesquare{				/* kleineres DIV für Portait Fotos */
	width: 400px;
}

/*---------------- rechte Spalte ---------------------------------------------------------------------------*/

#imagetextbackground{
	position: absolute;
	height: 403px;
/*	top: 53px; */
	top:80px;
	width: 300px;
	left: 765px;						/* linker Abstand Infobereich */
	background-color:#666666;
/*	border: 2px solid #454545;*/
	border-top:none;
	/*	visibility:hidden; */
	z-index: 90;

	-moz-border-radius: 20px;
/*	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;*/
/*	border-right-style: none;*/
}

/* Header der Textbox */
	
#imagemenubox, #imagemenubox2, #imagemenubox3{
	position:relative;
	top: 0px;
	left: 0px;
	width: 100%;					
	height: 30px;
/*	background-color:#838383;*/
	border-bottom:solid 1px #454545;
}

#imagemenubox2, #imagemenubox3{
	top: 260px;
	height: 20px;
	border-top:solid 1px #454545;
}

#imagemenubox3{  /* download box */
	top: 100px;
}

.imagemenuline{
	width: 100%;		
	height:10px;
	margin-top:5px;
	border-top:solid 1px #454545;
}

.imagemenuline2{
	width: 100%;		
	height:10px;
	border-bottom:solid 1px #454545;
}

#imagemenu, #imagemenu2 {
	padding: 5px 20px 0px 20px;
}

#imagemenu2 {
	padding-top: 0px;
}

/* Text Überschrift rechte Seite */
.imagemenutext, 
.imagemenutext3, 
.imagemenutitel{ /* Überschrift BigImage */
	line-height:20px;
	font-size: 12px;
	font-weight:bold;
	color:#C5C5C5;
	text-decoration: none;
}

/* Überschrift Download Foto */
.imagemenutext3 {
	font-size: 10px;
}

/* Überschrift neues/zufälliges Foto */
.imagemenutext2 {
	font-size: 10px;
	color:#C5C5C5;
	float: left;
	margin-bottom:5px;
/*	width:118px; */
}

/* Textkasten der Textbox */	
	
#imagetextbox, #imagetextbox2, #imagetextbox3, #imagetextboxBigImg{
	position: absolute;
	top: 45px;
	left: 20px;
	width: 260px;
	color:#C5C5C5;
}	

#imagetextbox2{
	top: 330px;
}

#imagetextbox3{   /* download box */
	top: 165px;
}

#imagetextboxBigImg{ /* BigImage */
	position: relative;	
	top: 10px;
	left: 0px;
}

#imagetextbackground h2, #imagetextbackground h3, #imagetextbackground p, #imagetextbackground td{
/*	color: #E0E0E0;*/
	color: #AAAAAA;
	line-height:1.5em;
}

#imagetextbackground td{
	line-height:1.2em;
}

#imagetextbackground strong{
	font-weight:normal;
}

.imagephototext{
	float: left;
	line-height:20px;
	font-size:12px;
	color:#AAAAAA;
}

#newphoto, #randomphoto{
	height:72px;
	width:118px;
	border: solid 1px #E0E0E0;
	overflow:hidden;
}

#randomphoto{
	margin-left:14px;
}

#randomphoto a img, #randomphoto a:visited img, #randomphoto a:hover img,
#newphoto a img, #newphoto a:visited img, #newphoto a:hover img{ 	 	
	border:0;
	text-decoration: none; 	
}
	

/*------------------------------------------------------------------------------------------------*/	
	
#footer, #footerlandscape, #footerportrait, #footersquare, #footermonitor {
	position: absolute;
	left: 0px;
	top: 505px;
	height: 40px;
	margin: 0;
	padding: 0;
	width: 100%;
}

#footerbg, #footerbg2{
	height: 20px;
/*	width: 100%; */
	padding: 0 0 0 90px;		/* linker Abstand entsprechend #bigimage left */
}

#footerbg{
	background-color:#606060;
/*	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;	*/
}

#footermonitor{
	top: 560px;
}

#footersquare{
	top: 600px;
}

#footerportrait {
	top: 690px;
}

#footerdata, #footerdata2 { 
	width: 600px;
	margin: 0;
	line-height: 20px;			/* höhe #footer */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	vertical-align: middle;
}

#footerdata2 { 
	font-size: 10px;
	color:#999999;
}

a.footerlink:link, a.footerlink:visited {
	color: #AAAAAA;
	text-decoration: none; 
}

a.footerlink:hover, a.footerlink:active { 
	color: #FFFFFF; 
	text-decoration: none;
}

a.footerlink2:link, a.footerlink2:visited {
	color: #BBBBBB;
	text-decoration: none;
	padding-right:1.2em; 
}

a.footerlink2:hover, a.footerlink2:active { 
	color: #FFFFFF; 
	text-decoration: none;
	padding-right:1.2em;	 
}

/*------------------------------------------------------------------------------------------------*/

.varrow { 
	width: 20px;
	position: absolute;
	left: 55px;
	top: 395px;
	padding: 0;
}

.zarrow { 
	width: 20px;
	position: absolute;
	left: 55px;
	top: 425px;
	padding: 0;
}

#arrowbackground{
	position: absolute;
	left: 0px;
	top: 320px;
	height: 162px;
	width: 80px;
/*	background-color:#777777; */
/*	border: 2px solid #666666;*/
	border-left:none;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
}

#arrowbackground .fototext{
	padding: 150px 0px 0px 20px;
	color: #E0E0E0;
	font-weight:bold;
	font-size:10px;
}

/*------------- Tabbed Panels -----------------------------------------------------------------------------*/

.TabbedPanels, .TabbedPanelsBigImg{
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
/*	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/

	position: absolute;
/*	top: 260px; */
	top: 10px;
	width: 300px;
}

.TabbedPanelsBigImg{
	top: 13px;
}

.TabbedPanelsTabGroup {
	margin: 0px 20px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 2px 10px;
	margin: 0px 3px 0px 0px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;

	background-color:#535353;	
	color:#AAAAAA;	
	border:1px solid #535353;
	
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
}

.TabbedPanelsTabHover {
	color:#FFFFFF;
	background-color:#535353;	
}

.TabbedPanelsTabSelected {
	color:#DDDDDD;
	background-color:#606060;		
	border:1px solid #535353;
}

.TabbedPanelsTabFocused {
	outline:none;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-top:solid 1px #454545;
}

.TabbedPanelsContent, .TabbedPanelsContentBigImg {
	padding: 20px 0px;
}

.TabbedPanelsContentBigImg{
	padding-top:20px;		
}

.TabbedPanelsContentVisible {
}

.TabbedContentData{
	padding: 0 20px;
}


/*------------- Start Portal Seite ----------------------------------------------------------------*/

.linkboxdiv{
	position:absolute;
	left: 90px;
	top: 60px;
	width:100%;
}

.linkbox{
	width:840px;
	margin-top:20px;
	padding:10px;
	background-color:#666666;
	-moz-border-radius: 20px;	
}

.linkboxpic{
	width:250px;
	float:left;
}

.linkboxpicborder{
	border:#FFFFFF 1px solid;
}

.linkboxtext{
	width:300px;
	padding: 0px 18px;
	float: left;
	text-align:left;
}

.linkboxtext p{
	color:#C5C5C5;	
}

a.menulinkstart:link, a.menulinkstart:visited {
	color: #797979;
	text-decoration: none; 
}

a.menulinkstart:hover, a.menulinkstart:active { 
	text-decoration: none;
	color:#FFF;
}

a.piclinkstart:link, a.piclinkstart:visited {
	border:none;
	text-decoration: none; 
}

a.piclinkstart:hover, a.piclinkstart:active { 
	border:none;
	text-decoration: none;
}


/*------------------------------------------------------------------------------------------------*/

/*adminlayout*/
.line { color: #e8e8e8; background-color: #c4c4c4; height: 1px; }
.linemargin { height: 5px; }
.admin { background-color: #fcb; }
#adminimagetext { background-color: #efefef; margin-left: 20px; padding: 0 10px 20px; width: 300px; min-height: 300px; float: left; }


#adminimagetext{				/* AdminImageText neben dem Foto */
	width: 300px;		
	left: 680px;
	border: solid 1px black;
	position: absolute;
	top: 80px;
	background-color: #FFFFFF;
	padding: 20px;
	z-index: 90;
}

/*------------------------------------------------------------------------------------------------*/

/* ERROR-Dokument CSS */

.errortitel{
	color: #FFFFFF; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: bold;
}

.errortext{
	color: #FFFFFF; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal;
}

.errortbg{
	background-color:#777777;
	border:solid 1px #EEEEEE;
	padding: 20px;
}
 
.tracker, .htaginfotext, #sitemap { 
	width: 400px; 
	height: 200px; 
	overflow:hidden; 
	visibility: hidden; 
	position:absolute; 
	top:0px; 
	left:0px;  
}

/*------------------------------------------------------------------------------------------------*/

/*links*/
.textboxtable  { background-color: #f22600; margin-right: 15px; width: 290px; float: left ; padding-top: 20px; padding-bottom: 20px; }
/*Formulare*/
.adminform  { color: #858585; background-color: #fff; margin: 5px 0; padding: 0; border: solid 1px    }
.adminform1  { color: #102400; background-color: #f5f5f5; margin-bottom: 2px; border: solid 1px white }
.adminform2  { color: #102400; background-color: #f5f5f5; margin-bottom: 7px; border: solid 1px white }
input.adminformbutton { color: #102400; font-size: 10px; background-color: #ff8900; width: 80px; margin: 0.8em 0 0; border: solid 1px #838383       ; cursor: pointer; }
input.adminformbutton:hover { color: #fff; background-color: #838383; }
.adminformdel { color: #ff0004; background-color: #e8e8e8; padding: 2px }
.anfrageform, .anfrageform2 { margin-top: 5px; margin-bottom: 5px; border: solid 1px #858585; background:#999999 }
.anfrageform2 { color: #EEEEEE}
a.links:link, a.links:visited { color: #DDDDDD; font-style: normal; font-weight: normal; text-decoration: none; padding: 1px  }
a.links:hover, a.links:active { color: #FFFFFF; text-decoration: none;}
/*sonstige*/
.floatleft { float: left }
.floatright { float: right }
.clearall { clear: both; }
.center { text-align: center }
.bspace5 { margin-top: 1em; margin-bottom: 0.4em }
.padding95 { padding-left: 95px; }
.p10 {padding-top: 10px}
.p20 {padding-top: 20px}
/*nicht genutzt*/
.galerietitel  { color: #f5f5f5; font-size: 1.3em; font-weight: bold; margin: 0; padding: 2em 0 0.67em; }
.fototitel  { font-size: 11px; font-weight: bold }
.fototext  { font-size: 11px; font-weight: normal }
#textbox { background-color: #feeecd; width: 900px; height: 320px; float: left  }
#feedback { text-align: center; width: 480px; height: 320px; }

/* CSS für die Thumbs */