/*importiert normalisierung.css*/
@import url("norm.css");

/*FARBEN
#f5f185 gelb
#ffde59 dunkelgelb
#ff9801 orange 255,152,1
#ff1b02 grellrot
#e61b5b pink, 230, 27, 91
#ba0001 rot
#970f01 dunkelrot 151,15,1
#7f1519 newhouse red, 127, 21, 25
#9b9c9e newhouse grey
*/

body {
position: relative;
margin: 0 auto;
text-align:center;
width: 1264px;
font-size: 100.1%;
font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
color:#434343;
overflow:scroll;
background:#fff url(../images/hg.gif) repeat-x;
}

div#wrapper {
text-align:left;
}

div#top {
position:relative;
top:0;
left:0;
background:url(../images/hg-long-top.jpg) no-repeat;
height:465px;
width:1173px;
z-index:1;
}

/*===================supp_navi start (portfolio) ============================*/

div#navi_supp {
position:absolute;
top: 80px;
left: 20px;
background:url(../images/topnavi.png) no-repeat top;
width: 681px;
height: 203px;
z-index:10;
padding: 50px 0 0 0;
}


div#navi_supp h3 {
float:left;
font: 2.8em Arial, Calibri, "Trebuchet MS", Verdana, sans-serif;
color: #ff9801;
padding: 20px 0 0 100px;
}

div#navi_supp ul {
padding: 0px 0 0 300px;
}

div#navi_supp ul li a:link, div#navi_supp ul li a:visited, div#navi_supp ul li a:active {
font:.9em Arial, Calibri, "Trebuchet MS", Verdana, sans-serif;
color: #bc431b;
text-decoration:none;
display:block;
width: 290px;
padding: 0 0 0 3px;

}

div#navi_supp ul li a:hover {
color: #970f01;
text-decoration:none;
background-color: #f5f185;
padding: 0 0 0 3px;
}


div#navi_supp ul li a.current {
color: #970f01;
text-decoration:none;
background-color: #f5f185;
padding: 0 0 0 3px;

}

#logo {
background: url(../images/newhouse-logo.png) no-repeat;
text-indent:-9999px;
width:280px;
height:61px;
position:absolute;
top:140px;
left:665px;
z-index:15;
}



/*===================hauptnavi start ============================*/

div#navi {
position:absolute;
top:240px;
left:110px;
z-index:19;
padding: 5px 10px 5px 10px;
}

div#navi h2 {
text-indent:-9999px;

}

div#navi ul {
background-color:#7f1519;
font-size: .9em;
width: 855px;
}

div#navi ul li {
display:inline;

}

div#navi ul li a:link, div#navi ul li a:visited {
padding: 5px 14px;
color:#fff; 
text-decoration:none;
}


div#navi ul li a:hover, div#navi ul li a.current {
background-color:#f5f185; /*navigelb*/
color:#7f1519;
}

div#navi ul li a:active {
padding: 4px 14px;
color:#fff; 
text-decoration:none;
}


/*========================contentmain start ======================*/

/*positionierungskontext für content_main und news*/
div#content{
overflow:hidden;
position:relative;
top:-160px;
left:0;
text-align:left;
background: url(../images/hg-long-middle.jpg) repeat-y center;
width: 1173px;
z-index:30;

}

div#content_v2bparagr {
font-size:.8em;
color:#434343;
line-height:1.7;
position:relative;
/*float:left;*/
margin: 0 0 0 100px;
font-size:.9em;
color:#434343;
width: 600px;
z-index:100;
padding: 50px 0 0 0;
}

div#content_v2b {
position:relative;
float:left;
margin: 0 0 0 100px;
font-size:.8em;
color:#434343;
line-height:1.7;
width: 900px;
z-index:100;
padding: 30px 0 80px;


}

div#content_v2b h1{
margin-left: 30px;
font-size: 2em;
color: #7f1519;
}



div#content_main, div#content_main_navsupp {
position:relative;
float:left;
margin: 0 0 0 180px;
font-size:.8em;
color:#434343;
line-height:1.7;
width: 500px;
z-index:100;
padding: 30px 0 80px;

}


/*gimp bild retuschen*/
div#content_main800 {
margin: 0 0 0 180px;
font-size:.8em;
color:#434343;
line-height:1.7;
width: 800px;
z-index:100;
padding: 30px 0 80px;

}

div#content_main800 p {
margin: 0 0 2em 0;
}


div#content_main800 ul {
margin: 0;
padding:0;
}

div#content_main800 ul li img {
margin: 0 2px 0 0 ;
border: 1px solid #000;
background-color:grey;
}



div#content_main800 ul li {
margin: 0 0 20px 0;
padding:0;
}



/*willkommen jpg*/
div#content_main h1.willkommen {
text-indent:-99999px;
background:url(../images/willkommen.jpg) no-repeat;
width:280px;
height:65px;
position:relative;
top:0;
left:-20px;
margin: 0 0 10px 0;

}
/*fotografie jpg*/
div#content_main h1.fotografie {
text-indent:-99999px;
background:url(../images/fotografie.jpg) no-repeat;
width:227px;
height:65px;
position:relative;
top:0;
left:-20px;
margin: 0 0 10px 0;

}

div#content_main h1, div#content_main800 h1 {
font-size: 1.5em;
position:relative;
top:0;
left:-23px;
margin: 0 0 10px 0;
color: #7f1519;
}


/*webdesign jpg*/
div#content_main_navsupp h1.webdesign {
text-indent:-99999px;
background:url(../images/webdesign.jpg) no-repeat;
width:280px;
height:65px;
position:relative;
top:0;
left:-30px;
}

/*newhouse jpg*/
div#content_main_navsupp h1.newhouse {
text-indent:-99999px;
background:url(../images/newhouse.jpg) no-repeat;
width:445px;
height:65px;
position:relative;
top:0;
left:-30px;
}

/*training jpg*/
div#content_main h1.training {
text-indent:-99999px;
background:url(../images/trainings.jpg) no-repeat;
width:241px;
height:65px;
position:relative;
top:0;
left:-30px;
}

/*newhouse jpg*/
div#content_main_navsupp h1.videoproduktion {
text-indent:-99999px;
background:url(../images/videoproduktion.jpg) no-repeat;
width:353px;
height:65px;
position:relative;
top:0;
left:-30px;
}

/*referenzen jpg*/
div#content_main h1.referenzen {
text-indent:-99999px;
background:url(../images/referenzen.jpg) no-repeat;
width:297px;
height:65px;
position:relative;
top:0;
left:-30px;
}

/*friends jpg*/
div#content_main h1.friends {
text-indent:-99999px;
background:url(../images/friends-partners.jpg) no-repeat;
width:417px;
height:65px;
position:relative;
top:0;
left:-30px;
}

/*kontakt jpg*/
div#content_main h1.kontakt {
text-indent:-99999px;
background:url(../images/kontakt.jpg) no-repeat;
width:237px;
height:65px;
position:relative;
top:0;
left:-30px;
}
/*kontakt jpg*/
div#content_main h1.gimp {
text-indent:-99999px;
background:url(../images/gimp.jpg) no-repeat;
width:186px;
height:65px;
position:relative;
top:0;
left:-30px;
}
/*impressum jpg*/
div#content_main h1.impressum {
font-size: 2em;
position:relative;
top:0;
left:-25px;
}

/*facebook*/
div#content_main #socialmedia {
position:relative;
left:-20px;
top:0;
margin: 30px 0 0 0;
padding: 10px;
background-color: #e7e8d8;

}

div#content_main ul {
list-style-image:url(../images/bullet.gif);
padding: 10px 0 0 0;
}

div#content_main ul li {
font-size: 1.1em;

}

div#content_main p.fussnote {
font-size: .7em;
padding:0;
margin:0;
color: #626262;
}

div#content_main p {
font-size: 1.1em;
margin:20px 0 0 -20px;

}

/*zwischenüberschriften*/
div#content_main h2 {
color: #ff9801;
padding: 10px 0 0 0;
text-indent:-20px;
font-size: 1.1em;

}

/*betrifft seiten der oberen navigation*/
div#content_main_navsupp p {
padding-bottom:20px;
}


div#content_main_navsupp ul li {
overflow:hidden;
}

div#content_main_navsupp ul {
list-style-image:none;
}

div#content_main_navsupp ul li img {
float:left;
padding: 5px 0 20px 0;
}

div#content_main_navsupp ul li p {
margin: 0 0 0 200px;
}

div#content_main_navsupp ul li a {
color:#970f01;
}

div#content_main_navsupp ul li a:hover {
color:#970f01;
background-color:#f5f185;
}

div#content_main_navsupp ul li h3 {
color:#970f01;

}



div#content_main a  {
color:#434343;
}



div#content_main a:hover {
color:#970f01;
background-color:#f5f185;

}

div#content_main a:active {
color:#434343;
}



/*==================news + zusatzinfo================================*/

div#news, div#zusatzinfo{
margin: 30px 0 0 720px;
width: 265px;
font-size:.8em;
font-family: Arial, Helvetica, Verdana, sans-serif;
}

div#news h2 {
margin: 20px 0;
font-size: 2.5em;
color: #7f1519;

}

div#twitter {
margin: 20px 0 0 720px;
width: 265px;
font-size:.8em;
font-family: Arial, Helvetica, Verdana, sans-serif;

}


div#news ol, div#zusatzinfo ol {
width: 265px;
}

div#news ol li, div#zusatzinfo ol li {
overflow:hidden;
padding: 0 0 20px 0;

}

/*datum*/
div#news ol li h4, div#zusatzinfo ol li h4 {
font-size:2.2em;
color:#dbdd27;
float:left;
margin-right:8px;
}

div#news ol li h5, div#zusatzinfo ol li h5 {
font-size:.9em;
color:#7f1519;
}

div#news ol li p img, div#zusatzinfo ol li p img  {
float:left;
margin-right:8px;
border: 1px solid #c6c6c6;
}

div#news ol li p {
margin-left:80px;
}

div#zusatzinfo ol li p {
margin-left:10px;
color:#242424;
}

div#news ol li p a:link, div#news ol li p a:visited, div#news p a:link, div#news p a:visited, div#books a:link, div#books a:visited, div#zusatzinfo a:link, div#zusatzinfo a:visited, div#footer address a:link, div#footer address a:visited, div#content_main_navsupp a:link, div#content_main_navsupp a:visited {
color:#970f01;
}



div#news ol li p a:hover, div#news p a:hover, div#books a:hover, div#zusatzinfo a:hover, div#footer address a:hover, div#content_main_navsupp a:hover {
color:#970f01;
background-color:#f5f185;

}

div#news ol li p a:active, div#news p a:active, div#books a:active, div#zusatzinfo a:active, div#footer address a:active, div#content_main_navsupp a:active {
color:#970f01;
}

div#socialmedia a:link, div#socialmedia a:visited {

font-size: 0.8em;
}

/*=================webshop + accordeon starts===========================*/

div#webshop {
overflow:hidden;
position:relative;
top: 10px;
left: 10px;
margin: 0 0 50px 140px;
width: 800px;
background-color:#f7ecb2 /*dedfcc*/; 
text-align:left;
min-height: 390px;
z-index:250;
padding:15px;
font-size: 0.8em;
line-height:1.5;

}


div#webshop h4 {
font-size:1.9em;
color:#490c2a; /*dunkellila*/
padding: 20px 0;
text-align:center;
}



div#webshop h6 {
font-size:1.2em;
color:#490c2a; /*dunkellila*/

}



div#webshop p {
padding-top: 10px;
}

div#webshop a:link, div#webshop a:visited {
color:#490c2a;
text-decoration: underline;
font-size: 1.5em;
 }

div#webshop a:hover {
background-color:#646464;
color:#f6f7e0;
font-size: 1.5em;
}

div#webshop a:active {
color:#490c2a;
text-decoration: underline;
font-size: 1.5em;
}

div#webshop img {
float:left;
padding: 8px 22px 0 0;
}

div#webshop ul {
padding: 0 100px 0 20px;
margin: 0 0 0 100px;
}
div#webshop ul li {
list-style-type: square;
padding: 0 0 3px 0;
}

/*==================publikationen books start =======================*/


div#books {
overflow:hidden;
position:relative;
top: 10px;
left: 10px;
margin: 0 0 0 140px;
width: 830px;
background-color:#f7ecb2; /*url(../images/books-hg.jpg) repeat-x;*/
text-align:center;
min-height: 350px;
z-index:150;
padding:0;
}


div#books h4 {
font-size:1.5em;
color:#970f01;
padding: 20px 0;
}

div#books ul {
width: 830px;
}


div#books ul li{
float:left;
width: 130px;
height: 350px;
padding: 0 15px;
border-left: 1px dotted #aaa;
}

div#books ul li:first-child {
border:none;
}
div#books ul li h5 {
font-size: .9em;
color:#970f01;
font-weight:normal;
padding: 3px 0;
line-height:1.3;
margin: 10px 0 0 0;
}

div#books ul li p {
font-size:.8em;
line-height:1.2;

}

div#books ul li img {
padding: 1px;
background-color:#fff;
border: 1px solid #c6c6c6;
margin: 0 0 0 0;

}

div#books ul li a:hover img {
text-decoration:none;
background-color:#f5f185;
}



div#zusatzinfo img {
padding: 3px;
background-color:#fff;
border: 1px solid #c6c6c6;
margin: 0 0 5px 0;

}


/*==================bottom start =======================*/

/*enthält untere hggrafik*/
div#footer {
clear:both;
position:relative;
top:-180px;
left:0;
background:url(../images/hg-long-bottom.jpg) no-repeat 0 -30px; 
width:1173px;
height:522px;
z-index:20;
font-size:.7em;
text-align:center; 
}

div#footer address {
float:left;
position:relative;
top:215px;
left: 180px;
color:#970f01;
text-align:left;
line-height:1.5;
}



/*das dance bild*/

div#footer img {
position:relative;
top:140px;
left: 60px;
}