/*
Theme Name: Feuerwehr Sinzig v3
Theme URI: http://feuerwehr.sinzig.de/
Description: Basiert auf dem Drei-Spalten-Layout "Holy Grail" von alistapart.com und entwickelt für foto.5lux.de. Die Inhalte links (passen sich an die Größe des Browserfensters an), in der Mitte die Navigation, rechts Nachrichten am Rande. 
Description: ohne jeglichen Hack :-) 
Version: 1
Author: Ulrike Haessler  */

body { background: lightgoldenrodyellow url(/wp-content/themes/lux/images/desktog-1.png) repeat-x; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 0.8em; line-height: 145%; min-width: 970px; margin: 0; padding: 0 1em; }
/** #noch-n-osterhase { position: absolute; width: 170px; height: 140px; top: 230px; left: 46%; background: url(/wp-content/themes/lux/images/noch-n-osterhase.png) no-repeat; } **/
a.intlink:before { content: url(/wp-content/themes/lux/images/intlink.gif); }



/** Topsetbox oben rechts **/
div#toppic { position: absolute; width: 99%; height: 260px; min-width: 982px; background: url(/wp-content/themes/lux/images/jan12TopRight-4.png) top right no-repeat; top: 0; left: 1px; z-index: 1; }

div#header {  height: 14em; }
div#header h1 { visibility: hidden; font-size: 8em; line-height: 100%; margin: 0; }

#indexHeader { border-collapse: collapse; width: 100%; }
#indexHeader td { border: none; padding: 0; height: 33px; }
#indexHeader td.corner { background: url(/wp-content/themes/lux/images/topol.png) no-repeat; width: 33px; }

div#toppic ul { list-style-type: none; text-align: right; margin-top: 204px; margin-right: 400px; padding-right: 4em;}
div#toppic li { display: inline; padding-right: 8px; }
div#toppic li a:hover { border-bottom: 4px solid salmon; }

div#toppic li h2 { display: inline; padding-right: 0.1em; padding-left: 0.1em; font-size: 0.7em; text-transform: uppercase;}


span.brown { color: brown; font-family: "Comic Sans MS", cursive; }

a { text-decoration: none; color: rgb(180,40,40); }
a:hover { color: rgb(40,40,40); text-decoration: underline; }
a img { border: none; }

hr { clear: both; visibility: hidden; }

strong { color: rgb(60,60,60); }

td, th { vertical-align: top; text-align: left; }
#content { 
	padding-right: 32em;  /* Breite der rechten Spalten */
	overflow: hidden;
	position: relative; }

#content .column { 
	position: relative; float: left; 
	padding-bottom: 10000px;
  	margin-bottom: -10000px; }	

#main { 
	background: white; 
	width: 100%; 
}

#menu { 
	background: rgb(202,205,224);  
	width: 17em;        /* Breite der linken Navigation  */
	margin-right: -32em;
	padding-top: 40px;
}

#rightbar { 
	background: rgb(180,40,40);
	color: white;
	width: 15em;          /* Breite der rechten Spalte */
	right: -17em;   
	margin-right: -100%;
	padding-top: 122px;
} 

#footerwrapper { 
	background: lightgoldenrodyellow;  
	clear: both;
	position: relative; 
	width: 100%;
}

#footer ul { list-style-type: none; }



div.navigation { margin: 2em 8em 4em 2em; }
div.navigation a { color: rgb(120,120,120); }
div.navigation a:hover { color: darkred; }
div.alignleft { float: left; width: 45%; }
div.alignright { float: right; width: 45%; text-align: right; }



.post { margin: 4em 2em 4em 2em; }

.post-meta { display: none; }
.post p { max-width: 40em; color: rgb(80,80,80); margin-bottom: 1em; }
.post ul, .post ol { max-width: 35em; color: rgb(80,80,80); }
.post ul { list-style: disc; }
.post h2 { font-size: 1.3em; line-height: 150%; padding-bottom: 0.3em; border-bottom: 1px dotted rgb(180,180,180); }
.post h3 { color: darkred; font-size: 1.2em; }
.post strong { color: rgb(40,40,40); }

.postbox { float: right; width: 220px; font-size: 0.8em; background: gainsboro; border: 1px solid silver; padding: 2px; margin-left: 1em; }
.articleHeader { margin-bottom: 0; }
.articleHeader span {  float: right; }
.articleHeader a {  color: rgb(120,120,120); }

.followpages { margin-top: 2em; font-size: 0.84em; }
.followpages strong { font-weight: normal; }
.followpages a { border: 1px solid #9aafe5; padding: 2px; }

.relatedActions{ margin: 4em 1em 1em 2em; }
.relatedActions p { margin: 0; }

.relatedArticles { color: gray; background: lavender; border: 1px solid silver; padding: 3px; width: 37em; margin-left: 2em; }
ul.relatedArticles { list-style-type: none; border: none; margin-left: 1.5em; margin-top: 0;  }

table { border-collapse: collapse;  }

td, th {  }
table th {   }

table.compare { width: 95%; line-height: 120%; }
tr.legende { background: rgb(248,248,248); color: rgb(120,120,120); }


/** Bildunterschriften **/
#thePopUp { position: absolute; margin-top: -20px; left: 0; margin-left: 10px; border: 1px solid gray; z-index: 100; background: white url(/wp-content/themes/lux/images/menubg.gif) repeat-x; }

/** Kommentare **/
.commentbox { width: 40em; padding-top: 2em; }
.commentbox h2 { color: rgb(150,150,150); }
.commentbox textarea, .commentbox input  { border: 1px solid silver; background: lavender; }
.commentbox #eineMatheAufgabe { width: 4em; }
.post.commentbox{ margin-left: 0;}

/** sidebar **/
#menuTop { display: block;  padding-top: 0px; padding-left: 2px; }

#menu h4.notruf { color: rgb(146,149,166); font-size: 26px; font-family: Arial, sans-serif; font-weight: bold; letter-spacing: 1px;
	margin-left: 4px; margin-top: 48px; margin-bottom: 46px;  }
	
#symbol { display: inline; font-family: 'Zapf Dingbats'; font-size: larger; }
#texton { display: none; }

#searchform { margin-top: 2em; }

#menu ul { list-style-type: none;  padding-left: 0px; margin-left: 0px; }

#menu ul li a { display: block; color: rgb(40,40,40); background: url(/wp-content/themes/lux/wp/activeBg.png); font-size: 1em; line-height: 1.6em; padding-left: 8px; padding-right: 4px; margin-bottom: 1px; }
#menu ul li a:hover { color: rgb(180,40,40); background: url(/wp-content/themes/lux/wp/inactiveBg.png); text-decoration: none; }

#menu ul li.current_page_item a { color: darkred; background: url(/wp-content/themes/lux/wp/inactiveBg.png); }
#menu ul li.current_page_parent a { color: darkred; background: url(/wp-content/themes/lux/wp/inactiveBg.png); }

#menu ul li.current_page_parent li a { color: darkred; background: rgb(202,205,224); }
#menu ul li.current_page_item   li a { color: darkred; background: rgb(202,205,224); }

#menu ul li.current_page_parent li.current_page_item a { color: darkred; background: rgb(252,255,255); }

#menu ul ul li.current_page_item a { color: darkred; background: rgb(252,255,255); }

#menu ul li li  a { color: rgb(30,30,60); background: rgb(202,205,224); border-top: 1px solid rgb(230,230,240); }
#menu ul li li  a:hover { color: rgb(30,30,60); background: rgb(252,255,255); }

#menu ul ul ul a { color: navy; background: rgb(220,220,220);}

#menu ul:first-child li.current_page_ancestor:first-child a { background: url(/wp-content/themes/lux/wp/inactiveBg.png); }
ul#drawers { margin-top: 0px; }


#menu ul li.current-cat-parent a { color: darkred; background: url(/wp-content/themes/lux/wp/inactiveBg.png); }
#menu ul li.current-cat-parent li a { color: rgb(30,30,60); background: rgb(202,205,224); }

#menu ul li.current-cat-parent li.current-cat a { color: darkred; background: rgb(252,255,255); }

dd.gallery-caption { font-size: 11px; line-height: 13px; }

/* Sidebar Suche */
#searchform input{ display: inline; border: 1px solid silver; background: white; font-size: 0.9em; }

/** rightbar **/
/** borderline -- Galerie-Navigation auf der rechten Seite **/
div.borderline { padding: 8px; }


#rightbar h3 { 	font-size: 1.1em; line-height: 1.5em;
				letter-spacing: 1px;  
}


ul#sliders { width: 180px; margin-top: 39px; list-style-type: none; text-align: center; margin-left: 0.2em; padding-left: 0.2em; }

ul#sliders li     { margin-right: 1px;  margin-left: 1px;  width: 180px; }


ul#sliders h3 { margin: 0; letter-spacing: 0; color: black; font-weight: normal; text-align: left; padding-left: 6px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; }
ul#sliders p { line-height: 120%; margin: 0; padding-left: 10px; text-align: left; font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: 160px }
ul#sliders a { color: yellow; }
ul#sliders a:hover { color: gainsboro; }
ul#sliders .first  h3 { background: url(/wp-content/themes/lux/wp/activeBg.png); }
ul#sliders .last      { background: url(/wp-content/themes/lux/wp/activeBg.png); line-height: 18px; }
ul#sliders .mitte  h3 { background: url(/wp-content/themes/lux/wp/activeBg.png); }
ul#sliders img { padding-top: 5px; }

/** Tabellen mit Ecken unterer Abschluss **/
.footerBorder {  height: 15px; width: 100%; padding: 0; margin: 0; line-height: 4px; }
.footerBorder td { padding: 0; border: none; }

.botline { width: 150px; height: 140px; border: 4px solid gray; float: left; overflow: hidden; }
.botline img { float: left; margin-right: 10px;  }
.botline p { line-height: 130%; font-size: 0.8em; color: black; }
.botline a { color: darkslategray; }
.botline a:hover { color: black; }
.botline h4 { line-height: 130%; font-size: 1em; color: darkorange; white-space: pre; }

.rightBarNews {   }
.news_sub a { font-size: 0.7em; color: rgb(240,240,240); }
.rightBarNews .entry { font-size: 0.78em; line-height: 100%;  }

/** Kontaktformular **/
#contact { width: 40em; padding-left: 2em; }
#contact td { border: none; }
#contact input { border: 1px solid silver; }
#contact textarea { border: 1px solid silver; }
#contact p { margin: 0; }
#contact .alignRight{ text-align: right; }
#ansprechpartner{ margin: 1ex; border: 1px solid gray;}

/** Login **/

#login { margin-left: 5em; width: 450px; height: 500px; padding: 0 25px; }
#login form { padding: 3em 0 0 20px; }
#login input { background: lavender; border: 1px solid silver; font-size: 1.2em; color: navy; font-weight: bold; padding: 4px; }
#login p { padding: 0 0 0 20px; }
#anmelden, p.message {margin-top: 3em; height: 30px; width: 30em; }

/* Kommentar */
#leaveComment{ 
	display: none;

	}
.leaveCommentLayer{ 
 	background: white; 
	border: 1px solid #aaa;
	position: absolute;
	width: 480px;
	margin-top: -400px;
	left: 0;
	margin-left: 10px;
	z-index: 100; 
	padding: 0;
	padding-left: 10px;
}
#closeCommentX{
	float: right;
	margin: 6px;
	border: 1px solid #aaa;
	line-height: 0.8em;
	padding: 2px;
	background: #e6e6fa;
	cursor: default;

}

#readComment{
	display: none;
}
img.inline:hover{
	display: inline;
	text-decoration: none;
}
.commentLink{
	cursor: pointer;
}
.tags{
	font-size: 80%;
	margin-top: 4em;
}
.nextpage a{
	margin-right: 4px;
}
/* END Kommentar */


table#wp-calendar { border: 1px solid gainsboro; width: 90%; margin: 0 0 0 5%;}
table#wp-calendar td { color: black; background: lightgoldenrodyellow; font-size: 0.82em; padding: 0px; margin: 0; text-align: center;  }
table#wp-calendar td a {  text-decoration: none; color: firebrick; display: block; border: 1px solid firebrick; text-align: center; }
table#wp-calendar td a:hover { background: lightgoldenrodyellow; color: black; }
table#wp-calendar td#prev a { background: none; border: none; color: silver; display: block; text-align: left; }
table#wp-calendar td#next a { background: none; border: none; color: silver; display: block; text-align: right; }
table#wp-calendar td#prev a:hover { color: gainsboro; }
table#wp-calendar td#next a:hover { color: gainsboro; }

table#wp-calendar caption { color: gainsboro; }

img.alignright { padding: 4px; border: 1px double white; }

#endOfPage { visibility: hidden; height: 150px; }




