/* global */
html{height: 100%;}

body
{ font-family: arial, sans-serif, verdana ;
  padding: 0px;
  margin: 0px;
  font-size: 12pt;
  background-image:  url("../bilder/people_dateien/celine_k/2011/studio/background_extra.jpg");
  background-repeat: no-repeat;
  background-color: #141414;
  color: #FAFAFA;
  text-align: center;
}

p {
	font-style: normal;
	font-weight: normal;
	font-size: 12pt;
	font-family: arial, sans-serif;
	margin-top: 1px;
	margin-bottom: 1px;
}

h1 {
	font-style: normal;
	font-weight: normal;
	font-size: 12pt;
	font-family: arial, sans-serif;
	margin-top: 1px;
	margin-bottom: 1px;
}


.underline {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}

.font18 {
	font-size:18pt;
}

.font8 {
	font-size:8pt;
}
.font10 {
	font-size:10pt;
}
.font6 {
	font-size:6pt;
}
.font12 {
	font-size:12pt;
}
.font3 {
	font-size:3pt;
}


#iconboxleft {
	/* background-color: none; */
	position : fixed;
	bottom : 25px;
	right : 15px;
	width : 50px;
	height : 30px;
	z-index : 10;
}

#iconbox_fb {
	/* background-color: none; */
	position : fixed;
	bottom : 90px;
	right : 15px;
	width : 50px;
	height : 30px;
	color: #003399;
	line-height: 100%;
	font-size:8px;
	z-index : 10;
}

#iconbox_google {
	/* background-color: none; */
	position : fixed;
	bottom : 130px;
	right : 15px;
	width : 50px;
	height : 50px;
	z-index : 10;
}

#google {
position: absolute;
left: 2px;
top: 1px;
width: 100px;
height: 18px
}

/* main container */
#main
{ position: relative;
  top: 0px;
  /* background-color: #1E1E1E;*/
  background-image:  url("../bilder/grunddateien/mainbackground.png");
  background-repeat: repeat;
  width: 1000px;
  margin-left: auto; 
  margin-right: auto;
  border-top:none; /*1px solid #c7c7c7;*/
  border-left:1px solid #c7c7c7;
  border-right:1px solid #c7c7c7;
  z-index: 1;
  /* filter:alpha(opacity=100);*/
  /* -moz-opacity:1.0;*/
  /* opacity:1.0;*/
}


.tdbild1 {
	background-image:  url('../bilder/grunddateien/maksworldfotografie_weiss_90px_2012.png');
	background-repeat: no-repeat;
	text-align:left
}
.tdbild2 {
	background-image:  url('bilder/grunddateien/maksworld_schriftzug_farbig.jpg');
	background-repeat: no-repeat;
	text-align:left
}
.tdbild3 {
	background-image: url('../bilder/grunddateien/maksworldcomposing_weiss_90px.png');
	background-repeat: no-repeat;
	background-position:  right top;
}

#navi_button {
  position: fixed;
  background-image:  url("../bilder/grunddateien/header_button.png");
  top: 0px;
  right : 30px;
  width: 90px;
  height: 90px;
  vertical-align: middle;
  z-index : 10;
}

#navi_button_text {
  position: relative;
  top: 30px;
}

#highlights {
  position: relative;
  left: 20px;
}

.boxgrid{ 
  width: 180px; 
  height: 270px; 
  margin:0px; 
  float:none; 
  overflow: hidden; 
  position: relative; 
}
  
.boxgrid270_405{ 
  width: 270px; 
  height: 405px; 
  margin:0px; 
  float:center; 
  overflow: hidden; 
  position: relative; 
}

.boxgrid135_202{ 
  width: 135px; 
  height: 202px; 
  margin:0px; 
  float:none; 
  overflow: hidden; 
  position: relative; 
}
				
  .boxcaption{ 
  float: none; 
  position: absolute; 
  background: #000; 
  height: 50px; 
  width: 100%; 
  opacity: .7; 
  /* For IE 5-7 */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  /* For IE 8 */
  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  }

.captionfull .boxcaption {
  top: 270px;
  left: 0px;
  }

#head
{
  position: relative;
  top: 0px;
  /* background-color: none; */
  margin-left: auto;
  margin-right: auto;
  width: 1002px;
  height: 70px;
  /* filter:alpha(opacity=100);*/
  /* -moz-opacity:1.0;*/
  /* opacity:1.0;*/
}

#headtable {
  position: fixed; /* fixed = navigation bleibt 'stehen'*/
  /* background-color: #141414;*/
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #c7c7c7;
  top: 0px;
  width: 1002px; 
  height: 70px;
  background-image:  url("../bilder/grunddateien/headerbackground.png");
  z-index: 20;  
}

#weitersagen
{
position: relative;
bottom: 1px;
right: 1px;
}

/* inhalt links */
#links{ 
  /* background-color: none; einstellungen für den headbereich (#1E1E1E)*/
  width: 990px; 
  margin-left: auto; 
  margin-right: auto; 
  text-align: right; 
  z-index: 2;
}

/* inhalt footerlinie */
#footerlinie
{ /* background-color: none; einstellungen für den headbereich (#1E1E1E)*/
  border-top:1px solid #c7c7c7;
  width: 1000px; 
  margin-left: auto; 
  margin-right: auto; 
  z-index: 2;
}

/* inhalt footerlinie */
#footerlinie_2
{ /* background-color: none; einstellungen für den headbereich (#1E1E1E)*/
  border-top:1px solid #c7c7c7;
  width: 1000px; 
  margin-left: auto; 
  margin-right: auto; 
  z-index: 2;
}

#loginposition{
position: relative;
top: 1px;
margin-right: 1px;
}

input{
border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;
background: #F8F8F8;
font:10px Arial;
/*color: #00000;*/
width:65px;
}

.button{
/* cursor:hand;*/
border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;
background: #E0E4EE;
font:10px Arial;
color: #000000;
width:50px;
}

.eingabe td {font-family:Verdana,Arial,Helvetica;font-size:11px;font-weight:normal;text-decoration:none;color: #000000;}

.mini{font-family:Verdana,Arial,Helvetica;font-size:10px;color:#000000;}




/* kalkuliert die allgemeine höhe/breite des 1. levels und zentriert diese */
.menu {width:721px; height:40px; margin:0 auto;}

/* einstellungen der allgemeinen werte (default) */
.nav,
.nav ul {margin:0; padding:0;list-style:none;}
.nav a {text-decoration:none;}
.nav {width:80px; float:left; margin-right:-1px;}

/* einstellungen der breite */
.nav .drop {width:80px;}
.nav a {width:80px; margin-right:-79px; margin-bottom:-1px;} /* rahmen (margin) ist 1px weniger als die breite (width) */
.nav ul li {max-width:80px;}

/* styled die links unter benutzung des b-elements */
.nav b {display:block; font:normal 10px arial, sans-serif; text-align: center; padding:6px 3px; border:1px solid #fff; cursor:pointer;}
.nav b.top {height:26px; line-height:100%;}
.nav a.sub-link b {background:url(../bilder/grunddateien/arrow1.gif) no-repeat right bottom;}

/* styled die farben der listeneinträge */
.nav a {color: #FAFAFA; background: #555555; /* filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;*/}
.nav ul a {background: #252525;}
.nav ul ul a {background: #252525;}
.nav ul ul ul a {background: #252525;}

/* styled die farben für hover, active und fokus */
.nav a:hover,
.nav a:focus,
.nav a:active {background: #252525; color: #ff6ff7;}

/* styled den pfad für hover ausser bei IE5.5 und 6 */
.nav li:hover > a {color: #ff6ff7;}


/* styled die position des ul-elements auch wenn der text 2 oder drei reihen braucht */
.nav {height:40px;}
.nav .drop {height:40px;}

.nav ul {position:relative; left:0; top:0; z-index:100;} /* für dropdown */
.nav ul ul {left:80px; top:-26px;} /* für rechts kasten */
.nav ul ul.two {top:-26px;}
.nav ul ul.three {top:-52px;}
.nav ul ul.four {top:-78px;}
.nav ul ul.five {top:-104px;}
.nav ul ul.six {top:-130px;}
.nav ul ul.seven {top:-156px;}
.nav ul ul.eight {top:-182px;}
.nav ul ul.nine {top:-208px;}
.nav ul ul.ten {top:-234px;}
.nav ul ul.eleven {top:-260px;}
.nav ul ul.twelf {top:-286px;}
.nav li.left ul ul {left:auto; right:95px;} /* für links kasten */

/* unterhalb dieser linie NICHTS aendern */
/* ------------------------------------------------------------ */
.nav li,
.nav ul {float:left;}
.nav ul li {clear:left;}
.nav a {position:relative; display:block; z-index:10;}
.nav a.sub-link {float:left; margin-top:10000px;}
.nav .drop,
.nav .fly {margin-top:-10000px;}
.nav ul {margin-bottom:-5000px;}

.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0;}

/*IE5-7 fixes*/
.nav .fly {width:100%;}
a:active {}

/*OPERA fix*/
.nav ul:hover {clear:left;}


/* -----------------------ende NICHTS aendern----------------------- */

#content { 
  top: 100px;
  left: 3px;  
  width: 1000px;
  height: 1000px;
}


#fotograf {
  position:fixed;
  top: 145px;
  left: 0px;
}

hr{
  color: #FAFAFA;
}



span.fotograf {
  color: #FAFAFA;
  font-family: arial, verdana, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}





h1 {
  color: #FAFAFA;
  font-family: arial, verdana, sans-serif;
  font-size: 18pt;
  font-style: normal;
  font-weight: bold;
  margin-top: 1px;
  margin-bottom: 1px;
}

h2 {
  color: #FAFAFA;
  font-family: arial, verdana, sans-serif;
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
  margin-top: 1px;
  margin-bottom: 1px;
}









a:link {
  color: #FAFAFA;
  text-decoration:none;
}

a:visited {
  color: #FAFAFA;
  text-decoration:none;
}

a:active {
  text-decoration:none;
}

a:hover {
  color:#ff6ff7;
  text-decoration:none;
}

* html #head, html #nav {
position: absolute;
}

#content p, #nav p {
padding: 120px 20px 20px;
}