/*css stylesheet für Juliane Esch-Jakob */




#wrapper {
margin:0 auto;
width:90%;
max-width:1200px;
min-width:320px;
overflow:hidden;
background-color: #FFFFFF;
}

h1 {
margin:3%;
}



body
{
margin:0;
padding:0;
line-height: 150%;
font-size: 110%;
line-height:150%
}


#header {
position: fixed;
background-image:url("rundling2.jpg");
top:0px; left:0px; right:0px;
background-color:#BEE1B3;
text-align: center;
padding: 2%;
color:rgba(31, 48, 17, 1);
z-index:10;
}

div#container {
padding-top:30%;
padding-bottom:10%;
overflow:hidden;

background: rgb(238,245,248); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(238,245,248,1) 0%, rgba(208,220,226,1) 33%, rgba(226,234,238,1) 50%, rgba(228,241,250,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(238,245,248,1)), color-stop(33%,rgba(208,220,226,1)), color-stop(50%,rgba(226,234,238,1)), color-stop(100%,rgba(228,241,250,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(238,245,248,1) 0%,rgba(208,220,226,1) 33%,rgba(226,234,238,1) 50%,rgba(228,241,250,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(238,245,248,1) 0%,rgba(208,220,226,1) 33%,rgba(226,234,238,1) 50%,rgba(228,241,250,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(238,245,248,1) 0%,rgba(208,220,226,1) 33%,rgba(226,234,238,1) 50%,rgba(228,241,250,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(238,245,248,1) 0%,rgba(208,220,226,1) 33%,rgba(226,234,238,1) 50%,rgba(228,241,250,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef5f8', endColorstr='#e4f1fa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

/*

div#container li {
list-style: none;
padding: 5%;
text-align: center;
display: inline-block;
height: 500px;
width: 400px;
}

div#container p {
padding: 3%;
margin: 2%
}

div#container ul {
padding: 3%;
margin:2%;
}

*/

.boxes { 
   width:80%; 
   margin:0 auto; 
   height:500px;
   /*border-color:rgba(31, 52, 17, 1);
   border-left: solid 5px;
   border-top: solid 5px;
   border-right: solid 1px;
   border-bottom: solid 1px;	*/
} 
.box { 
   display:table-cell; 
   width:40%; 
   text-align:center; 
   color:#fff; 
   border-color:#556345;
} 
.one { 
background: rgb(238,245,248); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(238,245,248,1) 0%, rgba(208,220,226,1) 33%, rgba(226,234,238,1) 50%, rgba(228,241,250,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(238,245,248,1)), color-stop(33%,rgba(208,220,226,1)), color-stop(50%,rgba(226,234,238,1)), color-stop(100%,rgba(228,241,250,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(238,245,248,1) 0%,rgba(208,220,226,1) 33%,rgba(226,234,238,1) 50%,rgba(228,241,250,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(238,245,248,1) 0%,rgba(208,220,226,1) 33%,rgba(226,234,238,1) 50%,rgba(228,241,250,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(238,245,248,1) 0%,rgba(208,220,226,1) 33%,rgba(226,234,238,1) 50%,rgba(228,241,250,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(238,245,248,1) 0%,rgba(208,220,226,1) 33%,rgba(226,234,238,1) 50%,rgba(228,241,250,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef5f8', endColorstr='#e4f1fa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
color:rgba(31, 52, 17, 1);
border-color:rgba(31, 52, 17, 1);
font-size: 110%;



 } 
 
.two {  
   background: rgb(238,245,248); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(238,245,248,1) 0%, rgba(208,220,226,1) 33%, rgba(226,234,238,1) 50%, rgba(228,241,250,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(238,245,248,1)), color-stop(33%,rgba(208,220,226,1)), color-stop(50%,rgba(226,234,238,1)), color-stop(100%,rgba(228,241,250,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(238,245,248,1) 0%,rgba(208,220,226,1) 33%,rgba(226,234,238,1) 50%,rgba(228,241,250,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(238,245,248,1) 0%,rgba(208,220,226,1) 33%,rgba(226,234,238,1) 50%,rgba(228,241,250,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(238,245,248,1) 0%,rgba(208,220,226,1) 33%,rgba(226,234,238,1) 50%,rgba(228,241,250,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(238,245,248,1) 0%,rgba(208,220,226,1) 33%,rgba(226,234,238,1) 50%,rgba(228,241,250,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef5f8', endColorstr='#e4f1fa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 
   color:#333; 
   display: inline-box-align;
   overflow: scroll;
   
}

.signature {
color:#000000;
font-style: italic;

}

#footer
		{
position:fixed;
bottom:0px; left:0px; right:0px;
background:#efefef;
text-align:center;
padding:10px;
text-align: center;
font-size:75%;
font-style:italic;
}

/*Navigation ab hier ----------------------------------------------------------------------------------------*/



/* Main Navigation */
#nav {
	    position:relative;
	    display: inline;
	    margin:0 auto;
	    margin-top:0px;
	    padding:10px;
	    left:5%;
	    
	}
	 
	ul#navigation {
	    margin:0px auto;
	    position:relative;
	    border-left:1px solid #c4dbe7;
	    border-right:1px solid #c4dbe7;
	    
	}
	 
	ul#navigation li {
	    display:inline;
	    font-size:12px;
	    font-weight:bold;
	    margin:0;
	    padding:0;
	    float:left;
	    position:relative;
	    border-top:1px solid #c4dbe7;
	    border-bottom:2px solid #c4dbe7;
	    
	}
	 
	ul#navigation li a {
	    padding:10px 25px;
	    color:#FFFFFF;
	    text-shadow:1px 1px 0px #000000;
	    text-decoration:none;
	    display:inline-block;
	    border-right:1px solid #fff;
	    border-left:1px solid #C2C2C2;
	    border-top:1px solid #fff;
		background-color:#556345;
		font-size:150%;
	    text-align: center;

border-left: solid 10px;
border-top: solid 5px;
border-left: solid 1px;
border-bottom: solid 1px;
border-color:rgba(31, 48, 17, 1);
	    
	    
	    
	    
	    
	    
	     
	     /*
	    -webkit-transition:color 0.2s linear, background 0.2s linear;  
	    -moz-transition:color 0.2s linear, background 0.2s linear; 
	    -o-transition:color 0.2s linear, background 0.2s linear;   
	    transition:color 0.2s linear, background 0.2s linear;  */
	}
	 
	ul#navigation li a:hover {
	    background:#f8f8f8;
	    color:#282828;
	}
	 
	ul#navigation li a.first {
	    border-left: 0 none;
	}
	 
	ul#navigation li a.last {
	    border-right: 0 none;
	}
	 
	ul#navigation li:hover > a {
	    background:#fff;
	}



/* Drop-Down Navigation */
	ul#navigation li:hover > ul
	{
	/*these 2 styles are very important,
	being the ones which make the drop-down to appear on hover */
	    visibility:visible;
	    opacity:1;
	}
	 
	ul#navigation ul, ul#navigation ul li ul {
    list-style: none;
	    margin: 0;
	    padding: 0;   
	/*the next 2 styles are very important,
	being the ones which make the drop-down to stay hidden */
	    visibility:hidden;
	    opacity:0;
	    position: absolute;
	    z-index: 99999;
	    display:inline;
	    background-color:#D2E3BF;
	    box-shadow:1px 1px 3px #ccc;
/* css3 transitions for smooth hover effect */
	    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
	    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
	    -o-transition:opacity 0.2s linear, visibility 0.2s linear;
	    transition:opacity 0.2s linear, visibility 0.2s linear;    
	}
	 
	ul#navigation ul {
	    top: 43px;
	    left: 1px;
	}
	 
	ul#navigation ul li ul {
	    top: 0; 
}
	/*    left: 181px; /* strong related to width:180px; from above */
	}*/
	 
	ul#navigation ul li {
	    clear:both;
	    width:100%;
	    border:0 none;
	    border-bottom:1px solid #c9c9c9;
	}
	 
	ul#navigation ul li a {
	    background-color:#D2E3BF;
	    padding:7px 15px;
	    color:#616161;
	    text-shadow:1px 1px 0px #fff;
	    text-decoration:none;
	    display:inline-block;
	    border:0 none;
	    float:left;
	    clear:both;
	    display: inline;
	}

 



/*
#line {
    padding-left: 100%;
}
*/



/*homeseite*/

div#home {

  
   border-bottom: solid 75px;
   border-color: #556345;
   
 } 

/* ab hier Lebenslauf */



.pers {
float: left;
min-width: 51%;
max-width:85%;
padding:2%;
display:inline;

}

.studium {
background-color: white;
float: right;
min-width: 51%;
max-width:85%;
display: inline;
padding:2%;


}

.studium p {
text-align:justify;
}

.beruf {

float: left;
min-width: 51%;
max-width:85%;
display: inline;
padding:2%;
text-align: justify;
}

.pic {
z-index: 0; 
position:relative;
background-image: url(ibiza2.jpg);
display:block;
width: 800px;
height:230px;
float:right;

}

.pic2 {
z-index: 0; 
position:relative;
background-image: url(brown.jpg);
display:block;
width: 400px;
height:380px;
float:right;
opacity:0.7;
}

.pic3 {
z-index: 0; 
position:relative;
background-image: url(marienschule.jpg);
display:block;
width: 400px;
height:180px;
float:left;
margin-top:30px;
opacity:0.7;
}

.wiss {
float: left;
min-width: 51%;
max-width:85%;
display: inline;
padding:2%;

}

.wiss ul li {
line-height:200%;
}