/*
Theme Name: TrueThree
Theme URI: http://studio-ernst.de/
Description: Basiert auf dem Drei-Spalten-Layout "Holy Grail" von alistapart.com 
Description: Drei Spalten in einem flexiblen Layout, die sich immer der längsten Spalte anpassen
Version: 1
Author: Ulrike Haessler  */

body { background: #e6e6e6 url(/wp-content/themes/lux/images/jan08header3.jpg) no-repeat; font-family: Helvetica, Verdana, Arial, sans-serif; color: #555656; font-size: 0.8em;  line-height: 145%;  min-width: 1024px; margin: 0; max-width: 1400px;  }

div#header {  height: 19em; border-bottom: 20px solid #fefefe ;  z-index: 2;  min-width: 1024px;}   /*Höhe Header */
div#header h1 { visibility: hidden }
div#headerNav { margin: 95px 32em 6px 28px; font-size: 1em;  z-index: 5; position: absolute; color:  } /*Menu Header */
div#headerNav ul { list-style-type: none; padding-left: 0; margin-left: 0; z-index: 6; }
div#headerNav li  { display: inline; margin-left: 1em; margin-right: 22px; z-index: 7;}
/** Topsetbox oben rechts **/

div#toppic { width: 100%; min-width: 1024px; height: 308px; z-index: 1; background: url(/wp-content/themes/studio-ernst/images/hdPerspektiven09nh-2.jpg) no-repeat top right; top: 0px; max-width: 1400px; position: absolute; }


span.brown { color: brown; font-family: "Comic Sans MS", cursive; }
a { text-decoration: none; color: #3e48b5; margin-bottom: 3px; }  
/*Überschriften, margin Abstand Navipunkte*/
a:hover { color: #555656; }
a img { border: none; }

hr { clear: both; visibility: hidden; }

strong { color: #2a2a2a; }

td, th { vertical-align: top; text-align: left; }

#content { 
	padding-right: 32em;  /* Breite der rechten Spalten */
	overflow: hidden; background: #555656;   /*Linie rechts, rechte Spalte */
	position: relative; }

#content .column { 
	position: relative; float: left; 
	padding-bottom: 10000px;
  	margin-bottom: -10000px; }	

#main { 
	background: #fefefe; /* Hintergrundfarbe Haupttext */
	width: 100%; 

}



/* Navigationsleiste  */
#menu { 
	background: #3E48B5;  /* Hintergrundfarbe Navigationsleiste  */
	width: 14em;        /* Breite der Navigationsleiste  */
	border-right: 1em solid #fefefe;
	border-top: 57px solid #fefefe;
	margin-right: -22em;
	margin-top: -7px;

}

#menu ul {  margin-left: 5px; padding-left: 6px;
        padding-bottom: 8 px; 
}

#menu  li  a{
	background: url(images/quad_white1.gif)left no-repeat;
	padding-left: 14px; padding-bottom:4px; color: whitesmoke;

}

#menu  li  a:hover {
	background: url(images/quad_white.gif)left no-repeat ;
	padding-left: 14px; padding-bottom: 8 px; color: white;

}



#menu li li   a:hover {
	background: url(images/quad_white_half.gif) left no-repeat;
	padding-left: 11px;
}

#menu li li   a {
	background: url(images/quad_white_half1.gif) left no-repeat;
	padding-left: 11px;

}


/* Informationsleiste  */
#rightbar { 
	background: #e6e6e6;
	width: 218px;          /* Breite */
	right: -190px;
	margin-right: -100%;
	padding-top: 83px;
        border-right: 0px solid #555656;
        position: relative;
}


/* Fußzeile  */
#footerwrapper { 
	background: #e6e6e6;  /* Farbe hinter footer Text */
	clear: both;
	position: relative; 
	width: 100%;
}


/* Posts  */

.post { padding: 2% 3% 5% 5% ; min-height: 34em; }
.post p { max-width: 45em; }


#menu { color: #e6e6e6; }
.wrap { padding: 1em; }



#menu a:hover { color: #fefefe; }
#menu a { color: red; }  /* Farbe Navi Text */

/* Fläche über Navileiste blau, bis zum Ausgleich Höhe rechte Spalte  */
#menuStudio { background: #3e48b5; height: 94px; font-size: 1em; color: #fefefe; line-height: 100%; text-align: center; letter-spacing: 1px; font-weight:; text-transform: ; }


#menuLogo { background: #fefefe; background-position:center; height: 60px; align: center; padding-left: 12px;  }
#menuLogoHeader { background: #e6e6e6;  background-position:absolute; height: 60px; align: left; padding-left: 12px; margin-bottom: 40px; margin-top: -15px; margin-left: 10px;  }

.wrap a { color: #e6e6e6; }
.wrap a:hover { color: #fefefe; }
.wrap ul { list-style-type: none; padding-left: 0; margin-left: 0; font-size: 12px; }
.wrap ul li a { padding-left: 7px; font-size: 13px; display: block; width: 96% }
.wrap ul li ul li a { padding-left: 24px; font-size: 13px; display: block; width: 96%   }
.wrap ul li ul li ul li a { padding-left: 30px; font-size: 13px; display: block; width: 96%   }

#searchform { font-size: 9px; }
#searchform input {  }


#rightbar { color: #2a2a2a; }



/* rechte Spalte Überschrift */

#menuErnst {  padding-left: 0.5px; padding-top: 20px; margin-bottom: -14px; color: #555656; font-size: 18px; line-height: 130%; text-align: center; }

h2#menuAgentur { padding-left: 1em; color: #fefefe; font-size: 2em; line-height: 100%; }


#rightbar .rightBarNews { clear: both; padding-top: 2em;  }
.borderline ul { margin-left: 1em; padding-left: 1em; margin-right: 0.5em; padding-right: 0.5em;}
.rightBarNews h3 { float: left;  width: 70%; } 
.rightBarNews p.news_sub { float: right;  width: 30%; }
.rightBarNews .entry {clear: both; }
table.footerBorder { border-collapse: collapse; line-height: 3px; font-size: 2px; height: 5px; }
table.footerBorder td { height: 5px; padding: 0; }


a.popup { float: left; background: darkgrey; padding: 4px; border: 3px solid silver; margin-left: 8px; }
a.Links { float: left; color: #555454; padding: 4px; border: 1px solid silver; margin-left: 9px; }

img.Vollbild { border: 3px solid lavender; padding: 3px; }

#thePopUp {position: absolute; float: none; left:3%; top:11%;  border: 1px solid gray; z-index: 100; background: white url(/wp-content/themes/studio-ernst/images/menubg.gif) repeat-x; }
#menuTop { display: block;  padding-top: 3px; padding-left: 3px; }