/* style sheet for marion-koch.de */

/* page layout */

body {
         margin:0 0 0 0;
         padding:0 0 0 0;
         text-align:left;
	background-color:#ffffff;
         background-image:url(../images/background.gif);
         background-repeat:repeat-x;
	font-family:Verdana,Helvetica,Arial,sans-serif;
         font-size:10pt;
}

div#container {
	position:relative;
         width:1002px;
         height:573px;
         margin:0 0 0 0;
         padding:0 0 0 0;
	background-color:#ffffff;
         text-align:left;
}

div#navbar {
	position:relative;
         width:100%;
         height:87px;
         margin:0 0 0 0;
         padding:0 0 0 0;
	border:0;
	background-color:#ffffff;
}

div#navbarheading { /* text "Marion Koch" */
	position:absolute;
         top:50px;
         left:100px;
}

div#navbaritems { /* entries in the navigation bar */
	position:absolute;
         top:50px;
         left:230px;
}

div#shade1 {
         width:100%;
         height:22px;
         margin:0 0 0 0;
         padding:0 0 0 0;
	border:0;
	background-color:#ffffff;
}

div#shade1left {
	position:relative;
         width:148px;
         height:100%;
         float:left;
	background-color:#eef0ed;
}

div#shade1center {
	position:relative;
         left:6px;
         width:500px;
         height:100%;
         float:left;
	background-color:#eef0ed;
}

div#shade1right {
	position:relative;
         left:12px;
         width:342px;
         height:100%;
         float:left;
	background-color:#eef0ed;
}

div#right { /* right part, 342px * 400px */
	position:relative;
	float:right;
         width:342px;
         height:400px;
         margin:0 0 0 0;
         padding:0 0 0 0;
	border:0;
	background-color:#5c6750;
         overflow:hidden;
}

div#right_textbox {
	position:absolute;
         width:342px;
         height:400px;
         overflow:auto;
}
div#right_textbox p,h1 {
         padding-left:20px;
}

div#right_textbox_bottom {
	position:absolute;
         bottom:20px;
}
div#right_textbox_bottom p {
         padding:10px 10px 0px 10px;
}

div#leftcontainer {
	position:relative;
	width:654px;
	height:400px;
         margin:0 0 0 0;
         padding:0 0 0 0;
	border:0;
	background-color:#ffffff;
}

div#left_center { /* combined left and center part; size is 654px * 400px */
         position:relative;
	width:100%;
         height:100%;
         background-color:#5c6750;
         overflow:auto;
}

div#left { /* separate left part, 148px * 400px */
         position:relative;
         float:left;
	width:148px;
         height:100%;
         background-color:#5c6750;
         overflow:hidden;
}

div#center { /* separate center part, 500px * 400px */
         position:relative;
         float:left;
         left:6px;
	width:500px;
         height:100%;
         background-color:#5c6750;
         overflow:hidden;
}

div#center_textbox { /* for text in the center part */
	position:absolute;
         width:100%;
         height:400px;
         overflow:auto;
}

div#center_textbox p { /* margin for text in center part */
	padding:0px 10px 0px 10px;
}
div#center_textbox h1,h2 {
	padding:10px 10px 0px 10px;
}
img#imageborder { /* image with border */
	padding:10px 0px 0px 10px;
}

div#shade2 {
         width:100%;
         height:22px;
         margin:0 0 0 0;
         padding:0 0 0 0;
	border:0;
	background-color:#ffffff;
}

div#shade2left {
	position:relative;
         width:148px;
         height:100%;
         float:left;
	background-color:#eef0ed;
}

div#shade2center {
	position:relative;
         left:6px;
         width:500px;
         height:100%;
         float:left;
	background-color:#eef0ed;
}

div#shade2right {
	position:relative;
         left:12px;
         width:342px;
         height:100%;
         float:left;
	background-color:#eef0ed;
}

div#shade3 {
         width:100%;
         height:17px;
         margin:0 0 0 0;
         padding:0 0 0 0;
	border:0;
	background-color:#ffffff;
}

div#shade3left {
	position:relative;
         width:148px;
         height:100%;
         float:left;
	background-color:#dfe2dd;
}

div#shade3center {
	position:relative;
         left:6px;
         width:500px;
         height:100%;
         float:left;
	background-color:#dfe2dd;
}

div#shade3right {
	position:relative;
         left:12px;
         width:342px;
         height:100%;
         float:left;
	background-color:#dfe2dd;
}

div#shade4 {
         width:100%;
         height:25px;
         margin:0 0 0 0;
         padding:0 0 0 0;
	border:0;
	background-color:#ffffff;
}

div#shade4left {
	position:relative;
         width:148px;
         height:100%;
         float:left;
	background-color:#eef0ed;
}

div#shade4center {
	position:relative;
         left:6px;
         width:500px;
         height:100%;
         float:left;
	background-color:#eef0ed;
}

div#shade4right {
	position:relative;
         left:12px;
         width:342px;
         height:100%;
         float:left;
	background-color:#eef0ed;
}


/* table layout (for image galleries) */

table {
	border:0;
	padding-left:3ex;
}

td {
	vertical-align:top;
         padding-left:1em;
         padding-top:1ex;
}


/* text layout */

p,li,td,h2 {
	color:#ffffff;
	font-family:Verdana,Helvetica,Arial,sans-serif;
         font-size:10pt;
}

h1 {
         font-size:120%;
	color:#ffffff;
}

a {
	color:#ffffff;
/*         text-decoration:none;*/
}