/* @group General Styles */

body     { color: #666666; font: 0.9em Garamond, "Book Antiqua", "Times New Roman", Georgia, serif; background: #7dc4f0; text-align: center; margin-top: 20px; margin-right: auto; margin-left: auto; width: 890px }

p { 
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

b, strong { 
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}

a:link  { color: #7dc4f0; text-decoration: underline }

a:visited  { color: #8fb3c5; text-decoration: underline }

a:hover, a:active  { color: #8fb3c5; text-decoration: none }

img {
	border-style: none;
}

#content img.half {
	width: 40%;
}

#content img.full {
	width: 100%;
}

#content .left  { margin: 0.5em 0.5em 0.5em 0; padding: 0.5em 0.5em 0.5em 0; float: left }

.image-left {
	margin: 3px;
	padding: 3px;
	float: left;
}

.image-right {
	margin: 0.5em;
	padding: 0.5em;
	margin-right: 0;
	padding-right: 0;
	float: right;
}

.clear {
	clear: both;
}

ul {
	list-style: circle;
	color: #174588;
}

ul li {
	padding: 0;
	margin: 0;
}
	
/* @end */

/* @group Layout */

#container    { background-color: #e7eaee; background-repeat: repeat-y; text-align: center; margin-right: auto; margin-left: auto; position: relative; width: 100%; border: solid 1px white }

#pageHeader       { background: white url(images/apfelgalerie_600x200.jpg) no-repeat; text-align: left; text-indent: 230px; position: relative; width: 890px; height: 200px; border-top: 140px solid white }

#pageHeader img    { margin: 10px 10px 0; padding: 0; width: 890px; height: 180px; float: right; border-top: 100px none }

#pageHeader h1      { color: black; font-size: 65px; font-family: Garamond, "Book Antiqua", "Times New Roman", Georgia, serif; font-weight: 500; line-height: 60px; text-align: right; letter-spacing: 4px; margin: -110px 0 0; padding: 0 130px 0 0; position: relative; border-width: 0 }

#pageHeader h2       { color: #666; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: 100; line-height: 50px; text-align: right; letter-spacing: 0; padding: 0 135px 0 0; position: relative }

#pageHeader #logo img   { position: relative; top: -145px; right: 0; width: 516px; height: 130px }

#mainContent      { background-color: transparent; top: 0; left: 0; width: 890px; outline-width: 0 }

#mainContent #sidebar {
	position: relative;
	/*height: 100%;*/
 	width: 220px;
	padding: 0px;
	margin: 0;
	background: #e7eaee;
	float: left;
	text-align: left;
}


#mainContent #sidebar #sidebar_header    { font-family: Verdana, Arial, Helvetica, sans-serif; background: url(images/sidebar_header_220x83.jpg) no-repeat left top; width: 220px; height: 95px }

#mainContent #content       { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; background-color: white; text-align: left; margin: 0; padding: 40px; height: auto; overflow: auto }

#mainContent #content p    { font-size: 0.8em; line-height: 1.6em; background-color: transparent; position: relative; width: 610px; height: auto }

#footer     { color: yellow; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #39f; margin-right: auto; margin-left: auto; padding: 4px 10px 1px 220px; position: relative; height: 16px; clear: both }

#mainContent #sidebar #sidecontainer
  { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; text-align: center; padding: 10px; width: 200px; border-top: 1px solid #fff }
	
/* @end */

/* @group Bread-crumb */

#breadcrumbcontainer    { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; text-align: right; margin: 0; padding: 5px 0 0; position: absolute; top: 176px; left: 0; width: 100% }

#breadcrumbcontainer ul {
	padding: 0;
	list-style-type: none;
	padding-top: 0;
	margin: -2px 1em 0 0;
}

#breadcrumbcontainer li { 
	margin: 0 0 0px 0;
	display: inline;
	padding: 0;
}

#breadcrumbcontainer a  { color: white; text-decoration: none; margin: 0; padding: 0 }

#breadcrumbcontainer a:hover {
	text-decoration: none;
	color: #f0edff;
}
	
/* @end */

/* @group Toolbar */

/* Toolbar Styles */

#navcontainer {
	line-height: 2.0em;
	width: 220px;
	/*background: url(images/sidebar_menu_220x300.jpg) no-repeat;*/
	padding-top: 0px;
	text-align: center;
}

#navcontainer #current    { color: #ff3; background: #39f }

/* Parent - Level 0 */

#navcontainer ul {
	list-style: none;
	margin: 0px;
	padding: 0;
	margin-bottom: 2px;
}

#navcontainer li { 
}

#navcontainer a   { color: #39f; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.7em; text-decoration: none; display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; border-top: 1px solid white }

#navcontainer a:hover  { color: #5f6476; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #e1e1e1 }

/* Child - Level 1 */

#navcontainer ul ul  { background-color: #b5dcff; margin: 0; padding: 0; border-bottom: none }

#navcontainer ul ul li { 
}

#navcontainer ul ul li>a {
}

#navcontainer ul ul a  { font-size: 11px; font-family: Verdana; line-height: 1.7em; text-decoration: none; display: block; padding-top: 0; border-top: 0 none }

#navcontainer ul ul a:hover {
}

/*Start Commented Backslash Hack \*/

* html #navcontainer ul {
	margin-bottom: 0;
}

* html #navcontainer li {
	
}

* html #navcontainer ul ul li {
	
}

* html #navcontainer li a {
	padding: 0 10px;
	line-height: 1.7em;
	height: 100%;
}

* html #mainContent #content {
	margin-left: 220px;
}

* html #footer {
	height: 25px;
	padding-top: 3px;
}


/*Close Commented Backslash Hack */
	
/* @end */

/* @group Global Classes */

.standout, blockquote {
	font-family: Courier New, Courier, mono;
	border: 1px dotted #004f9e;
	background: #ddedff;
	color: #004f9e;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

h1     { color: #39f; font-size: 24px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: lighter; line-height: 23px; letter-spacing: 1px; margin: 0 0 5px }

h2     { color: #4f97e0; font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: 100; line-height: 22px; margin: 0 }

h3 {
	color: #333;
	margin: 0px;
}

.imageStyle {
	border: 1px solid #dcdcdc;
	padding: 5px;
	margin: 5px;
}
	
/* @end */

/* @group Blog */

.blog-entry  { font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #cccccc }

.blog-entry-title  { color: #5f6476; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: justify }

.blog-entry-date   { color: #aeaeae; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; text-align: justify; padding-bottom: 5px }

.blog-entry-body  { color: #666666; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify }

.blog-entry-comments  { font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 5px }
	
/* @end */

/* @group File Sharing */

.filesharing-description {
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	color: #424242;
}

.filesharing-item {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}

.filesharing-item-title a {
	text-align: justify;
	color: #5f6476;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}

.filesharing-item-description {
	text-align: justify;
	color: #aeaeae;
	font-size: 12px;
	font-style: normal;
	margin-top: 6px;
}

/* @end */

/* @group Photo Album */

/* @group Index Page (Thumbnail view) */
.album-title { font-size: 2.5em; padding: 5px }
.album-description { font-size: 1.4em; padding: 5px }
.album-description { margin-bottom: 60px }
.album-wrapper { display: block; position: relative; width: 99% }
.thumbnail-wrap { text-align: center; margin-right: 10px; margin-bottom: 90px; margin-left: 10px; position: relative; float: left }
.thumbnail-frame { position: absolute; top: 0; bottom: -20px; left: 0 }
.thumbnail-frame img { display: block; margin: auto; position: relative; overflow: hidden; border: none }
.thumbnail-caption { text-align: center; display: block; margin: 0; padding: 0; position: absolute; bottom: -40px; height: 35px }
.thumbnail-frame { background: #f3f3f3; padding: 5px; border: solid 1px #d4d4d4 }
.thumbnail-frame a { }
.thumbnail-frame a:hover { }
.thumbnail-frame img { padding: 0; border: none }
.thumbnail-caption { color: #c00101; font-size: 10px }
/* @end */

/* @group Single Page (Photo view) */

.photo-background  { background: #8fb3c5 }

.photo-navigation {
	margin: 6px; 
	background: #eeeeee;
	color: #5b5b5b;
	text-align: left;
	padding: 4px;
}

.photo-navigation a {
	text-decoration: none;
}

.photo-navigation a:hover {
	text-decoration: underline;
}

.photo-frame{
	padding: 4px;
	border: 1px solid #555555;
	margin: 6px;
	background: white;
}

.photo-links {
	padding: 0px;
}

.photo-title {
	padding: 0px;
	font-weight: bold;
}

.photo-caption {
	padding: 0px;
}

/* @end */
	
/* @end */

/* @group Quicktime Page */

.movie-description {
	text-align: center;
	margin: 5px;
}
	
/* @end */

/* @group Quicktime Album */

/* @group Index Page (Movie Thumbnail view) */

.movie-page-title {
	color: #5f6476;
	font-weight: bold;
	font-size: 14px;
}

.movie-page-description {
	margin-bottom: 20px;
	color: #494949;
}

.movie-thumbnail-frame {
	float: left;
	display: inline;
	padding: 1px;
	border: 1px solid #d4d4d4;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: center;
	width: 131px;
}

.movie-thumbnail-caption {
	color: #aeaeae;
	text-align: center;
	margin-bottom: 3px;
	font-size: 11px;
}
	
/* @end */

/* @group Single Page (Movie View) */

.movie-background {
	background: #ffffff;
	margin-top: 5px;
}

.movie-title {
	color: #5f6476;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

.movie-frame {
	text-align: center;
	margin-bottom: 10px;
}
	
/* @end */


/* @end */

/* @group Contact Form */
.message-text { } 

.required-text {
	color: #b90000;
} 

.form-input-field { } 

.form-input-button { } 
/* @end */