/* CSS Document for Faulmann */

html { padding:0px;margin:0px;color:#000000;background:#e9e9e9;}
body { margin: 0px;padding:0px;font-family:arial;line-height:19px;font-size:13px;color:#000000;}
a {color:#4f4f4f;text-decoration:underline;} a:hover {color:#000000;text-decoration:none;}
		
.clean {clear:both;height:0px;}
img { border:0px;}

table { width:820px;border:0px}

#mid {width:862px;margin: 18px auto;}
#top {background: transparent url(../images/layout/top_back.gif);width:862px;height:140px;}
#nav{background: transparent url(../images/layout/nav_back.gif);width:862px;height:34px;}
#pic {background: transparent url(../images/layout/pic_back.jpg);width:862px;height:278px;}

.pic-left {width:597px;height:265px;float:left;padding:4px;overflow:hidden;}
.pic-right {width:231px;height:279px;float:left;}
.cont-img {padding:5px 5px 5px 20px;width:231px;}
.cont {padding-left:20px;width:231px;text-align:center;font-size:0.8em;line-height:1.1em;}

#main{width:862px;clear:both;color:#4f4f4f;margin-top:10px;}
#main .main-text {width:560px;padding:20px 17px 0px 20px;float:left;}
#main .main-text h1{font-weight:normal;font-size:1.2em;padding:5px 0px 10px 0px;margin:0px;}

#main{width:862px;clear:both;color:#4f4f4f;margin-top:10px;}
#main .main-gallery {width:560px;padding:20px 17px 0px 20px;float:left;}
#main .main-gallery h1{font-weight:normal;font-size:1.2em;padding:5px 0px 10px 0px;margin:0px;}
#main .main-gallery img {display:inline;width:80px;}
#main .gallery-img {background:white;padding:5px;border:1px solid #eee;width:80px;margin-bottom:10px;float:left;margin-right:10px;overflow:hidden;}

#main .main-pics {width:237px;float:right;padding:20px 4px;}
#main .main-pics img {padding-bottom:20px;}

.to_gallery {padding:10px 0px 0px 0px;}
.to_gallery_right {float:right;padding:10px 0px 0px 0px;}

#footer {width:862px;padding:20px 0px 20px 0px;text-align:center;font-size:0.8em;color:#63615B;}

#info {background:#f8f8f8; border:0;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:850px; height:20px; position:relative; z-index:100; font-family:arial, sans-serif;margin-left:10px;padding-top:7px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:800px; w\idth:800px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0px;margin:0;list-style-type:none;}
.menu ul ul {width:149px;background:#fff;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:13px;text-decoration:none; color:#333; height:20px;padding:0px 10px 0px 10px;line-height:20px;white-space: nowrap;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:40px}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:20px;t\op:20px;width:149px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;width:149px;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ffffff; color:#333;border-bottom:1px solid #eee; height:auto; line-height:25px;width:149px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:149px;w\idth:149px;}

/* style the top level hover */
.menu a:hover {color:#000;background:#ededed;}
.menu ul ul a:hover {color:#000;background:#ededed;border-bottom:1px solid #bbb;}
.menu :hover > a {color:#000;background:#ededed; }
.menu ul ul :hover > a {color:#000;background:#ededed;border-bottom:1px solid #bbb;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/*============================ Lightbox JS v2.0 =================================================*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*============================ Lightbox JS v2.0 - Ende ============================================*/

.news {background:#f0f0f0;margin-bottom:5px;}
.news-box {background:#f0f0f0 url(../images/layout/news.gif) no-repeat;padding:11px 0px 0px 20px;}
.news-text {padding:5px;font-size:0.9em;}
.news img {padding-left:3px;}

.error {color:red;}
.success {color:green;}
.status_warn {color:red;font-size:0.9em;}
.status_ok {color:green;font-size:0.9em;}

#breadcrumb {padding-left:20px;font-size:0.9em;color:#4f4f4f;}

#edit {width:820px;}
.edit_top_left {float:left;width:310px;margin-bottom:20px;}
.edit_top_middle {float:left;width:310px;}
.edit_top_right {float:left;width:200px;}
.edit_left {float:left;width:510px;}
.edit_left_1a {float:left;width:350px;}
.edit_left_gallery {float:left;width:350px;padding-bottom:10px;}
.edit_left_1b {float:left;width:150px;}
.edit_left_2 {float:left;}
.edit_right {float:left;width:310px;}
.edit_right_1 {float:left;width:400px;}
.edit_right_1 ul {list-style-type:none;margin:0;padding:19px 0 0 15px;}
.edit_right_1 li {padding-bottom:5px;}
.edit_bilder {float:left;width:304px;height:238px;border:1px #000 solid;overflow:auto;}
.edit_bild {float:left;width:140px;padding:2px;}
.edit_bild_aktiv {float:left;width:140px;padding:2px;background-color:red;}
.edit_gallery {float:left;width:600px;}
.edit_gallery_sub1 {float:left;width:100px;height:75px;overflow:hidden;padding:5px;}
.edit_gallery_sub2 {float:left;width:480px;}
.edit_gallery_sub2 ul {list-style-type:none;margin:0;padding:5px 0 0 0;}
.edit_gallery_sub2 li {padding-bottom:5px;}
.edit_dateien {float:left;width:816px;height:250px;border:1px #000 dotted;overflow:auto;}
.edit_datei {float:left;width:400px;padding:3px;border:1px #CFCFCF solid;}

#addElement {padding:10px 0;}

#kontaktform {list-style-type:none;}
#kontaktform li {padding-bottom:5px;width:500px;line-height:35px;height:35px;}
#kontakt_form label {width:100px;display:inline;float:left;line-height:35px;height:35px;}
#kontakt_form input,#kontakt_form select,#kontakt_form textarea {width:300px;}
#kontakt_form .submit {width:120px;border:1px solid #999;float:right;margin-right:100px;}
/*textarea {width:480px;height:190px;}*/