﻿*
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
*:visited
{
    text-decoration:none;
    color:inherit;
}
*:link
{
    text-decoration:none;
    color:inherit;
}

@font-face
{
    font-family:Myriad;
    src:url("MyriadPro.otf")
}

body
{
    background-color:#D7D7D7;
    font-family:Myriad;
    color:White;
    font-size:14pt;
}

h1
{
	font-size:14pt;
	margin-top:0pt;
}

.date
{
	font-size:12pt;
	color:grey;
    margin-bottom:4pt;
}

#main
{
    width: 1000px;
    height:1100px;
    margin-left:auto;
    margin-right:auto;
}

#banner
{
    float:left;
    background-image: url(../Images/banner_2.jpg);
    height: 289px;
    width: 1000px;
    -webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
    -moz-box-shadow: 10px 14px 5px #5d5d5d;
    -webkit-box-shadow: 10px 14px 5px #5d5d5d;
    box-shadow: 10px 14px 5px #5d5d5d;
}

#foto
{
    background-image: url(../Images/about/Barbara.jpg);
    height: 300px;
    width: 231px;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
    float:right;
    margin-left:35px;
}

#subnav
{
    clear:left;
    float:left;
    width:auto;
    margin-left:100px;
    display:none;
}

#subnav2
{
    clear:left;
    float:left;
    width:auto;
    margin-left:100px;
}

#subnav li
{
    margin-right:12px;
    float:left;
}

#subnav2 li
{
    margin-right:12px;
    float:left;
}

#projects
{
    background-image: url(../Images/Nav/projects.jpg);
    height:55px;
    width:127px;
    -webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    -moz-box-shadow: 10px 10px 5px #5d5d5d;
    -webkit-box-shadow: 10px 10px 5px #5d5d5d;
    box-shadow: 10px 10px 5px #5d5d5d;
}

#misc
{
    background-image: url(../Images/Nav/misc.jpg);
    height:55px;
    width:109px;
    -webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    -moz-box-shadow: 10px 10px 5px #5d5d5d;
    -webkit-box-shadow: 10px 10px 5px #5d5d5d;
    box-shadow: 10px 10px 5px #5d5d5d;
}

#projects2
{
    background-image: url(../Images/Nav/projects2.jpg);
    height:55px;
    width:127px;
    -webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    -moz-box-shadow: 10px 10px 5px #5d5d5d;
    -webkit-box-shadow: 10px 10px 5px #5d5d5d;
    box-shadow: 10px 10px 5px #5d5d5d;
}
#projects2:hover
{
    background-image: url(../Images/Nav/projects.jpg);
}

#misc2
{
    background-image: url(../Images/Nav/misc2.jpg);
    height:55px;
    width:109px;
    -webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    -moz-box-shadow: 10px 10px 5px #5d5d5d;
    -webkit-box-shadow: 10px 10px 5px #5d5d5d;
    box-shadow: 10px 10px 5px #5d5d5d;
}
#misc2:hover
{
    background-image: url(../Images/Nav/misc.jpg);
}

#hauptnav
{
    float:left;
    width:auto;
    margin-bottom:20px;
    position:relative;
    left:50%;
    margin-left:auto;
    margin-right:auto;
    
}

#hauptnav ul
{
    margin-left:100px;
}

#hauptnav li
{
    margin-right:20px;
    float:left;
    position: relative;
    right: 50%;
}


#hauptnav #news
{
    margin-top:-50px;
    margin-left:-200px;
    background-image: url(../Images/Nav/news.png);
    height:146px;
    width:160px;
    
}

#hauptnav #fb
{
    width:120px;
    margin-left: 200px;
    margin-right:0px;
    margin-top:10px;
    
}

#hauptnav #artwork
{
    background-image: url(../Images/Nav/artwork.jpg);
    height:50px;
    width:139px;
    -webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
    -moz-box-shadow: 10px 10px 5px #5d5d5d;
    -webkit-box-shadow: 10px 10px 5px #5d5d5d;
    box-shadow: 10px 10px 5px #5d5d5d;
}

#hauptnav #about
{
    background-image: url(../Images/Nav/about.jpg);
    height:50px;
    width:115px;
    -webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
    -moz-box-shadow: 10px 10px 5px #5d5d5d;
    -webkit-box-shadow: 10px 10px 5px #5d5d5d;
    box-shadow: 10px 10px 5px #5d5d5d;
}

#hauptnav #contact
{
    background-image: url(../Images/Nav/contact.jpg);
    height:50px;
    width:127px;
    -webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
    -moz-box-shadow: 10px 10px 5px #5d5d5d;
    -webkit-box-shadow: 10px 10px 5px #5d5d5d;
    box-shadow: 10px 10px 5px #5d5d5d;
}

#hauptnav #artwork2
{
    background-image: url(../Images/Nav/artwork2.jpg);
    height:50px;
    width:139px;
    -webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
    -moz-box-shadow: 10px 10px 5px #5d5d5d;
    -webkit-box-shadow: 10px 10px 5px #5d5d5d;
    box-shadow: 10px 10px 5px #5d5d5d;
}
#hauptnav #artwork2:hover
{
    background-image: url(../Images/Nav/artwork.jpg);
}

#hauptnav #about2
{
    background-image: url(../Images/Nav/about2.jpg);
    height:50px;
    width:115px;
    -webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
    -moz-box-shadow: 10px 10px 5px #5d5d5d;
    -webkit-box-shadow: 10px 10px 5px #5d5d5d;
    box-shadow: 10px 10px 5px #5d5d5d;
}
#hauptnav #about2:hover
{
    background-image: url(../Images/Nav/about.jpg);
}

#hauptnav #contact2
{
    background-image: url(../Images/Nav/contact2.jpg);
    height:50px;
    width:127px;
    -webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
    -moz-box-shadow: 10px 10px 5px #5d5d5d;
    -webkit-box-shadow: 10px 10px 5px #5d5d5d;
    box-shadow: 10px 10px 5px #5d5d5d;
}
#hauptnav #contact2:hover
{
    background-image: url(../Images/Nav/contact.jpg);
}

#picturebox
{
    width:94%;
    /*height:420px;*/
    background-color:White;
    float:left;
    -webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
    margin-left:30px;
    color:black;
    -moz-box-shadow: 10px 10px 5px #5d5d5d;
    -webkit-box-shadow: 10px 10px 5px #5d5d5d;
    box-shadow: 10px 10px 5px #5d5d5d;
}

#picturebox2
{
    width:94%;
    //height:700px;
    background-color:White;
    float:left;
    -webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
    margin-left:30px;
    margin-top:0px;
    color:black;
    -moz-box-shadow: 10px 10px 5px #5d5d5d;
    -webkit-box-shadow: 10px 10px 5px #5d5d5d;
    box-shadow: 10px 10px 5px #5d5d5d;
    
}

#picturebox3
{
    width:94%;
    
    background-color:White;
    float:left;
    -webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
    margin-left:30px;
    color:black;
    -moz-box-shadow: 10px 10px 5px #5d5d5d;
    -webkit-box-shadow: 10px 10px 5px #5d5d5d;
    box-shadow: 10px 10px 5px #5d5d5d;
	line-height:18pt;
}

#picturebox4
{
    width:94%;
    height:50px;
    background-color:White;
    float:left;
    -webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
    margin-left:30px;
    color:black;
    -moz-box-shadow: 10px 10px 5px #5d5d5d;
    -webkit-box-shadow: 10px 10px 5px #5d5d5d;
    box-shadow: 10px 10px 5px #5d5d5d;
	line-height:18pt;
	padding-top:25px;
}

#picturebox3 img
{
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}

#picturebox3 p
{
	padding-left:20px;
}

#innerbox
{
    margin-top:30px;
    margin-bottom:15px;
    margin-left:auto;
    margin-right:auto;
    width:98%;
    height:90%;
    overflow:auto;
}

.pictures
{
    margin-left:30px;
    margin-top:14px;
}

.pictures li
{
    float:left;
    margin-right: 28px;
    margin-bottom:32px;
    //margin-right: 3.1%;
    //margin-bottom:3.1%;
}

.markiert
{
    color:#607595;
}

.hidden
{
    visibility:hidden;
    width:0px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
    position:absolute;
}

p
{
    color:Black;
}

#abouttext
{
    padding:50px;
}

#nachrichten
{
	padding:50px;
}

.meldung 
{
	clear:left;
	margin-top:15px;
	margin-bottom:15px;
    font-size:12pt;

}

hr
{
	clear:left;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:5px;
	margin-right:5px;
}

#picturebox4 a
{
    
    margin-left:30px;
}

#imp
{
    margin-top:1%;
    margin-left:10%;
    float:left;
    color:gray;
    font-size:12pt;
}

#impr
{
    
    margin:30px;
    margin-top:50px;
    margin-bottom:50px;
}

.meldung a:hover
{
    color:#477372;
}

.hline
{
    height:10pt;
}