/* ----------------------
Hi, 
wo ich etwas eingefügt, bzw. kopiert habe, steht "neu von Phil"
in der Zeile darüber. 
;-) --------------------*/
/* 
div {border: 2px solid violet;}
div div {border: 2px dotted blue;}
div div div {border: 1px solid cyan;}
div div div div {border: 1px dashed green;}
div div div div div {border: 1px solid lime;}
div div div div div div {border: 1px solid yellow;}
*/



/* +++++ allgemein +++++ */

body, p, a, ul, li, h2, h3, h4, h5, blockquote, q {
border: 0px none;
margin: 0px;
padding: 0px;
font-family: Arial, HelveticaNeue, "Helvetica Neue", Helvetica, sans-serif;
font-size: 11px;
color: black;
text-decoration: none;
line-height: 14px;
}

body { background-color: #f90; }

span, h1 { display: none; }
a { display: block; }
.clear { clear: left; }
big, .big { font-size: 14px;  }
small, .small { font-size: 9px;  }
img { border: 0px none; }

h2, h3 { margin-bottom: 10px; }

/* +++++ layout +++++ */

.wrapper {
height: 740px; width: 900px; 
top: 50%; left: 50%;
position: absolute;
margin: -375px 0 0 -450px; 
border: 1px solid #f90;
background-color: #fff;
}

.headline { 
height: 85px; width: 350px;  
top: 0px; left: 0px;
position: absolute;
z-index:3;
background-image: url(../images/basic/logo.gif);
background-repeat: no-repeat;
}

.headline img { 
height: 30px; width: 163px;  
top: 40px; right: 5px;
position: absolute;
z-index:4;
}

.menu {
height: 50px; width: 450px;
top: 1px; left: 350px;
position:absolute;
z-index:4;
background-image: url(../images/basic/menu.gif);
background-repeat: no-repeat;
background-position: 4px 8px;
/*white-space: nowrap;*/
}

.leftcontent { 
height: 630px; width: 350px;  
top: 90px; left: 0px;
position: absolute;
z-index:3;
}

.rightcontent { 
height: 630px; width: 525px;  
top: 90px; left: 350px;
position: absolute;
z-index:3;
}


/* +++++ navigation +++++ */

.menu a { 
float: left;
height: 44px;
margin: 0 5px;
border: 1px solid white;
}

.menu a.home { width: 43px; }
.menu a.books { width: 43px; }
.menu a.magazines { width: 65px; }
.menu a.advertising { width: 70px; }
.menu a.arts { width: 55px; }
.menu a.contact { width: 80px; }



a:hover { opacity: 0.6; height: 99.9%;}

.menu a:hover { background-color: white; height: 44px; }

.books .menu a.books, .magazines .menu a.magazines,
.advertising .menu a.advertising, .arts .menu a.arts,
.contact .menu a.contact { background-color: white; opacity: 0.6; }


/* +++++ teaser enter pages +++++ */

.leftcontent img.teaser { 
height: 322px; width: 333px;  
top: 0px; right: 5px;
position: absolute;
z-index:4;
}

.leftcontent div.enter { 
height: 30px; width: 55px;  
bottom: 25px; right: 5px;
position: absolute;
z-index:4;
background-image: url(../images/basic/enter.gif);
background-repeat: no-repeat;
background-position: right top;
}

.leftcontent div.enter a { width: 55px; height: 30px;}
.leftcontent div.enter a:hover { background-color: white; }


/* +++++ rightcontent +++++ */

.rightcontent a img, .rightcontent p { 
max-height: 650px; max-width: 450px; 
margin-left: 15px;
}

.rightcontentimg { 
height: 630px; width: 505px; 
margin-left: 15px;
/*border: 1px solid orange;*/
overflow: hidden;
}

.rightcontent p { 
margin-bottom: 15px;
width: 250px;
}

.rightcontent a { 
height: 30px;
}

/* +++++ leftcontent thumbs +++++ */

.thumbline a { 
float: left;
margin-right: 10px;
}

/* neu von Phil */
.thumbline div.thmb { 
float: left;
margin-left: 10px;
}

.thumbline div.thmb:hover { background-color: white; opacity: 0.6; }

.thumbline { 
clear: left;
height: 75px;
margin-top: 20px;
}

.leftcontent p {
/*height: 45px; width: 320px;  */
bottom: 0px; left: 0px;
position: absolute;
z-index:4;
padding: 5px 0 0 10px;
}

/* +++++ leftcontent contact +++++ */

.contact .leftcontent p, .contact .leftcontent h3 {
height: auto; width: 175px;  
/*bottom: 0px; left: 0px;*/
position: static;
/*z-index:4;*/
padding: 0px 0 0 10px;
}

.contact .leftcontent a {
display: inline;
color: #333;
}

.impressum {
width: 900px;  
bottom: -20px; left: 0px;
position: absolute;
z-index:5;
border-bottom: 100px solid #f90;
padding: 0px;
}

.impressum h2 {
padding-left: 10px;
}

.contact .impressum p {
margin-bottom: 10px;
width: 300px;
}

.contact .leftcontent img {
float: right;
margin-right: 10px;
}