/* 
    Document   : newCascadeStyleSheet
    Created on : 31.10.2012, 15:13:30
    Author     : 4kw
    Description: SEH Herpetology

Benutzte Farben 
Grün Kopfbereich       #807D6A
Türkis                 #65ABAB
HTG Hauptseite allg    #CEC5B9
HTG Footer             #C1BDA2
HTG Nav-Ebene 2        #E0DFDA
dkl Rot HDLs           #711812
*/




body {
	background-color: rgb(206, 197, 185);
	background-image: url("../IMAGES/NORMPAGE/htg_page.png");
	background-repeat: repeat-x;
 	font-size:0.9em;
	line-height:1.5em;
	font-family: Verdana,Tahoma, Helvetica, sans-serif;
	font-weight: normal;
}

/*
h1 {
font-family: "Times New Roman", Times, serif;
}
*/

#content h2,h3,h4,h5{
/*color:#258080;*/
color:#black;
}

#content h1{
color:black;
font-size:1.7rem;
}

#content h2{
/*color:#258080;*/
font-size:1.3rem;
}

#content h3{
color:#258080;
font-size:1.2rem;
}

#content h4{
color:#258080;
font-size:1.1rem;
}


hr {
    border: 1px solid #ddd;
    height: 1px;
    width: 100%;
    clear: both;
}

li{
list-style-image: url("../IMAGES/NORMPAGE/listSEH.png");
list-style-position: outside;
}

#page-wrapper {
	width: 960px;
	margin: 0px auto;
	clear: both;
	background-color: white;
/*Schattenwerte, 3 Zahlen, horizontal, vertikal, blur, dann Farbwert*/
	box-shadow:3px 3px 3px rgb(150, 150, 150);
}


#content,
#sidebar-first,
#sidebar-second {
  float: left;
  display: inline;
  position: relative;
}


#content {
  width: 100%;
}




/* LTR 
body.sidebar-first #content {
  width: 80%;
  left: 20%; 
}*/





body.sidebar-second #content {
  width: 80%;
}
body.two-sidebars #content {
  width: 60%;
  left: 20%;
}


/*4kw*/
#sidebar-first {
    width: 26%;
    left: -70%;
}


body.sidebar-first #content {
    width: 67%;
    left: 30%;
    padding-right: 3%;
}

body.two-sidebars #sidebar-first {
  left: -60%; /* LTR */
}

#sidebar-second {
  float: right; /* LTR */
  width: 20%;
}

.section {
  margin: 10px;
}

#page {
margin-top: 30px;
}


/*     header........................*/
#header{
background-color:#807D6A;
background-image: url("../IMAGES/NORMPAGE/htg_header_black.png");
background-repeat: repeat-x;
}
#htgSchalter {
margin:0;
background-image: url("../IMAGES/NORMPAGE/HTGHEADER/1.jpg");
background-position: right top;
background-repeat: no-repeat;
}
#dekoCyan {
float: right;
margin: -24px -25px 0 0;
width:60px;
height:155px;
background-image: url("../IMAGES/NORMPAGE/blende_tuerkis.png");
background-position: right;
background-repeat: no-repeat;
}
#logo{
float:left;
/*margin: 20px 100px 200px 20px;
background-color:#b77;*/
width:110px;
height: 90px;
}
#name-and-slogan{
float: left;
width: 80%;
height: 30px;
padding-top: 7px;
margin-bottom:5px;
}
#site-name a, #site-name-front a{
    color:#fff;
    text-decoration: none;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 20px;
    padding-top: 7px;
}
#site-name a:hover{
    text-decoration: underline;
}

/*Dekorationselement*/
#containerDekoFahne{
    width: 250px;
    height: 27px; 
    background-image: url("../IMAGES/NORMPAGE/htg_fahne.png");
    background-position: left top;
    background-repeat: repeat-x;
}

#dekoFahne{
    width: 96px;
    height: 27px;
    display: block;
    background-image: url("../IMAGES/NORMPAGE/schraegeFahne.png");
    background-position: left top;
    background-repeat: no-repeat;
}
/*NAV header*/

#block-menu-block-1 ul li{
float: left;
width: 150px;
height: 30px;
padding:3px 7px 3px 7px;
margin: 3px 3px 0 0;
background: rgb(0,0,0);
background: rgba(0,0,0,0.3);
text-align: center;
list-style:none;
border: 1px solid rgb(0,0,0);
border-radius: 2px 2px 2px 2px;
}

#block-menu-block-1 ul li a{
color: #fff;
text-decoration: none;
font-weight: bold;
}

#block-menu-block-1 ul li a:hover{
font-style: italic;
opacity: .5; 
filter:Alpha(Opacity=50)
}
.active-trail{
font-weight: bold;
font-style: italic;
}

/*EOF NAV header*/

/* EOF header........................*/

/* breadcrumb Links unterdrücken und Schmuckleiste*/
#breadcrumb{
width: 100%;
height: 20px;
background-color: #000;
background-image: url("../IMAGES/NORMPAGE/htg_breadcrumb.png");
background-position: left top;
background-repeat: repeat-x;
}
#breadcrumb div.breadcrumb {
display:none;
}

/*Seitennav. Ebene 2+----------------------------*/
ul.menu{
    padding: 0;
}

#block-menu-block-2 div.menu-block-wrapper {
    background-color:#E0DFDA;
    padding: 7px 0 7px 0;
}
#block-menu-block-2 ul li{
width: 230px;
height: 25px;
padding:3px 0px 3px 0px;
margin: 0;
text-align: right;
list-style:none;
border-top: 1px  solid #999;
border-bottom: 1px  solid #ccc;
border-right:0;
border-left:0;
}
#block-menu-block-2 ul li:first-of-type{
    border-top:0;
}
#block-menu-block-2 ul li:last-of-type{
    border-bottom:0;
}
#block-menu-block-2 ul li a{
color: #000;
text-decoration: none;
font-weight:bold;
}
#block-menu-block-2 ul li a:hover{
font-style: italic;
opacity: .5; 
filter:Alpha(Opacity=50)
}
#block-menu-block-2 ul li a.active-trail{
font-weight: normal;
font-style: italic;
padding-right:3px;
}
#block-menu-block-2 ul li.active-trail{
background-color: #cde0df;
}
/*EOF Seitennav. Ebene 2+------------------------*/

/*  News....................................*/
#block-block-2{
/*Der Block wird auf den News Seiten eingeblendet um die Linke Spalte anzuzeigen
Zur Zeit ist das nur bei den News der Fall*/
height:150px;
margin-top: -7px;
/* Hintergrund Verlauf hinter Newsliste*/ 
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #e0dfda 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0dfda), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e0dfda 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e0dfda 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e0dfda 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #e0dfda 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0dfda', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}


#sidebar-first div.section{
    margin:0;    
}

#block-views-news-navigation-block {
/*
* Der Navigationsblock hatte immer eine Lücke zum Querbalken, die Verschwindet, 
* wenn man den negativen margin setzt. Aber die Newsliste schiebt sich dann
* bei den Seiten, die keine Navigation 2. Ordnung haben, in den Querbereich rein
margin-top: -20px;
*/
line-height: 1.1em;
color:#807D6A;
/* Hintergrund Verlauf hinter Newsliste*/ 
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
#block-views-news-navigation-block h2{ 
    clear:both;
    padding:0 12px 0 12px;
    /*margin-top:20px;*/
    color: #933;
	display:none;
}
#block-views-news-navigation-block a{
    text-decoration: none;
    color: #933;
    font-weight: bold;
    font-family: "Times new roman", Times, serif;
    font-size: 1.1em;
padding-top:1.2em;
padding-bottom: 0.5em;
display:block;
}
#block-views-news-navigation-block a:hover{
text-decoration: underline;
}
#block-views-news-navigation-block div.content{ 
    padding:12px;
}
/*  EOF News................................*/

/* HAUPTTEXT---------------------------------------*/
div#main p{
margin-bottom:1em;
}


/*Links im Haupttext  */
a#main-content{
display:none;
}

div#main div#content a{
padding-left:20px;
text-decoration: none;
background-image: url("../IMAGES/NORMPAGE/listLinkSEH.png");
background-position: left;
background-repeat: no-repeat;
color: #258080;
}

div#main div#content a:hover{
text-decoration: underline;
color:#933;
background-image: url("../IMAGES/NORMPAGE/listLinkSEH_a.png");
}

/*Links in Listen im Haupttext*/

div#main div#content li a{
background-image: url("../IMAGES/NORMPAGE/listLinkSEH.png");
}

div#main div#content li a:hover{
background-image: url("../IMAGES/NORMPAGE/listLinkSEH_a.png");
}

a[href$=".pdf"]{
background-image: url("../IMAGES/NORMPAGE/Klassenbilder/pdf.png") !important;
}

a[href$=".PDF"]{
background-image: url("../IMAGES/NORMPAGE/Klassenbilder/pdf.png");
}


/* EOF HAUPTTEXT-----------------------------------*/

/*   footer........................*/
#footer, 
#footer ul li{
background-color: rgb(193,189,162);
color: white;
text-align: right;
padding: 0px 10px 20px 0;
list-style: none;
clear: both;
}
#footer ul li a{ 
color: white;
display: block;
width:	200px;
height: 25px;
border-width: 0px 0 1px 0;
border-style:solid;
border-top-color:#ddd;
float:right;
text-decoration: none;
}
#footer{
margin-bottom:30px;
padding-top: 15px;
padding-bottom: 30px;
}
.feed-icon{
width:	200px;
display: block;
float:right;
margin:0px 10px 0 0;
}


/*Social Media Links*/
#footer ul.social-media-links li a{
width:32px;
text-decoration:none;
border:0;
}
#footer ul.social-media-links li{
padding:0px 2px 20px 0px;
}

#footer ul.social-media-links li.last {
padding:0px 9px 20px 0px;
}



/*EOF footer.........................*/

/* FrontPAGE ........................*/
body.front{
    background-color: rgb(206, 197, 185);
    background-image: url("../IMAGES/NORMPAGE/htg_frontPage.png");
    background-repeat: repeat-x;
}

body.front #page {
margin-top: 20px;
}
#site-name-front{
    background-image: url("../IMAGES/NORMPAGE/homeFahneTuerkisEcke.png");
    background-position: right top;
    background-repeat: no-repeat;
    height: 28px;
    padding-top: 9px;
    font-weight: bold;
}
.slideshow{
float:right;
/*_____________  margin-top: 8px; ___________________*/
margin-top: 8px;
width:  700px; 
height: 300px; 
overflow: hidden;
}
.slideshow img {  
    padding: 0px; 
    border:0px;
    /*border:  1px solid #f66;  
    background-color: #eee;  */
    width:  700px; 
    height: 300px; 
    top:  0; 
    left: 0 
} 
body.front ul.menue{
width:220px;}

#name-and-slogan-front{
height:30px;
padding:0;
line-height: 1em;
}
.spanSiteName{
    line-height: 35px;
}
#dekoCyanFront{
    width: 35px;
    height:220px;
    background-color: white;
    float: right;
    margin-top: -15px;
    margin-right: -35px;
    background-image: url("../IMAGES/NORMPAGE/homeFahneTuerkis.png");
    background-position: left top;
    background-repeat: no-repeat;
}
#containerDekoFahneFront{
   width:100%;
   background-color:#000;
   height:35px;
   background-image: url("../IMAGES/NORMPAGE/schraegeFahneFront.png");
   background-position: left top;
   background-repeat: no-repeat;
}
#DekoFahneFront{
    background-color: blue;
}

/*Frontpage Navigation..............*/
#navFront{
    width: 220px;
    display: block;
    /*background-color: blue;*/
    height: 220px;
    margin-top: 80px;
}
body.front ul.menu{
    padding:0 0 0 20px;
}
body.front #block-menu-block-1 ul li{
width: 200px;
height: 25px;
padding:3px 7px 3px 7px;
margin: 0;
text-align: left;
list-style:none;
border-top: 1px solid #aaa;
border-bottom: 1px solid #555;
border-left:0;
border-right: 0;   
background-color: #807D6A;
}
body.front #block-menu-block-1 ul li:first-of-type{
    border-top: 0;
}
body.front #block-menu-block-1 ul li:last-of-type{
    border-bottom: 0;
}
body.front #block-menu-block-1 ul li a{
color: #eee;
text-decoration: none;
font-weight: bold;
}
body.front #block-menu-block-1 ul li a:hover{
font-style: italic;
color: #fff;
}
body.front .active-trail{
font-weight: bold;
font-style: italic;
}

/* Diverses ........................*/

/*User login*/
#block-user-login{
text-align:center;
}

/*Publications_Proceedings----------------*/
div.textProceedings{
float:left;
width:60%;
}
div.titleProceedings{
    width: 60%;
    font-weight: bold;
    padding-top: 20px;
    color: rgb(153, 51, 51);
    font-size: 1.1em;
    border-bottom: 1px solid rgb(210,215,210);
    
}
div.book_proceedings img{
border:1px solid #999;
float: right;
margin-right:7px;
}
div.views-row{
clear:both;
}
span.views-label-field-description-and-details{
display:none;
}

/*Linkseiten, Node 88 sind die europäischen Links*/






/*Verlinkte Bilder in der Linkliste Europaeische Gesellschaft (das ist node-88)*/
div#main div#content div#node-88 a, div#main div#content div#node-88 a:hover{
padding-left:0px;
padding-right:0px;
text-decoration: none;
background-image: none;
}



/*
div#main div#content div#node-88 p{
float: right;
width: 60%;
}
*/

div#main div#content div#node-88 hr{
margin-bottom:12px;
margin-top:12px;
clear:both;
}




/*Accordion Seiten..........................*/
h6.ui-accordion-header {
padding-left:25px;
background:none; 
border:0; 
border-bottom: 1px solid #bbb;
border-radius:0;
margin-bottom:1em;
}
p.ui-accordion-content, div.ui-accordion-content{
border:0; 
border-left: 12px solid rgb(225,240,240);
margin-left: 9px;
padding-left:7px !important;
}
h6.ui-accordion-header, p.ui-accordion-content, div.ui-accordion-content{
font-size: 0.9em;
font-family:Verdana,Tahoma, Helvetica, sans-serif;
}