/************************************************
Meise Models
Create Date: 2009/07/12
Media: Screen
Copyright: Sebastian Schmal - ingeniumdesign.de
************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, select, textarea, input,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}

body { background: #fff3f0 url(../images/bg.png) top repeat-x; }

hr {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

.invisible {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

p { font-size: 11px; color: #000000; line-height: 18px; }

a:link, a:visited {
font-weight: bold; color: #2e6ca7; text-decoration: underline; margin: 0; padding: 0; } 
a:hover, a:active {
font-weight: bold; color: #000000; text-decoration: none; margin: 0; padding: 0; }

a img { border: none; }

h1 { font-size: 16px; font-weight: bold; } 
h2 { font-size: 15px; font-weight: normal; } 
h3 { font-size: 13px; font-weight: normal; } 
h4 { font-size: 10px; font-weight: normal; } 
h5 { font-size: 9px; font-weight: normal; } 
h6 { font-size: 8px; font-weight: normal; } 

ul {		margin-top: 5px; margin-bottom: 10px; }
ul li {		font-size: 11px; line-height: 150%; list-style: square outside; display: list-item; margin: 0 0 0 30px; }
ul li li {	font-size: 100%; line-height: 150%; list-style: disc outside; display: list-item; margin: 0 0 0 25px; }
ol {		margin-top: 5px; margin-bottom:5px;}
ol li {		font-size: 11px; line-height: 150%; list-style: decimal outside; display: list-item; margin: 0 0 0 35px; }
ol li li {	font-size: 100%; line-height: 150%; list-style: upper-roman outside; display: list-item; margin: 0 0 0 25px; }

.float-r {
float: right;
display: inline;
}

.float-l {
float: left;
display: inline;
}

div.wrapper {
width: 100%;
}

div.site {
width: 961px;
margin: 0px auto 0 auto;
}

div.site-wrapper {
float: left;
display: inline;
width: 100%;
height: 613px;
background: #ffffff url(../images/site_bg.jpg) top no-repeat;
}

div.site-container {
float: left;
display: inline;
width: 951px;
margin: 33px 0 0 5px;
}

div.logo-nav-container-start {
float: left;
display: inline;
width: 400px;
}

div.logo-nav-container-sequence {
float: left;
display: inline;
width: 290px;
}

div.logo {
float: left;
display: inline;
width: 277px;
margin: 60px 0 0 70px;
}

div.logo-sequence {
float: left;
display: inline;
width: 243px;
margin: 40px 0 0 30px;
}

div.logo h1 a {
width: 300px;
height: 39px;
background: url(../images/logo_julia.jpg) no-repeat;
display: block;
}

div.logo-sequence h1 a {
width: 263px;
height: 35px;
background: url(../images/logo_julia_folge.jpg) no-repeat;
display: block;
}

div.logo a span, div.logo-sequence a span {
display: none;
}

/* nav01 */

div.nav01 {
float: left;
display: inline;
width: 220px;
margin: 70px 0 0 70px;
}

div.nav01-sequence {
float: left;
display: inline;
width: 220px;
margin: 50px 0 0 30px;
}

div.nav01 ul, div.nav01-sequence ul {
list-style: none;
margin: 0;
padding: 0;
}

div.nav01 ul li, div.nav01-sequence ul li {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0 0 13px 0;
}

div.nav01 ul li a.nav01-off:link,
div.nav01-sequence ul li a.nav01-off:link,
div.nav01 ul li a.nav01-off:visited,
div.nav01-sequence ul li a.nav01-off:visited {
font-size: 16px; font-weight: bold; color: #a3a3a3; text-decoration: none; margin: 0; padding: 0; float: left; display: inline; }
div.nav01 ul li a.nav01-off:hover,
div.nav01-sequence ul li a.nav01-off:hover,
div.nav01 ul li a.nav01-off:active,
div.nav01-sequence ul li a.nav01-off:active {
font-size: 16px; font-weight: bold; color: #fba4bf; text-decoration: none; margin: 0; padding: 0; float: left; display: inline; }

div.nav01 ul li a.nav01-on:link,
div.nav01-sequence ul li a.nav01-on:link,
div.nav01 ul li a.nav01-on:visited,
div.nav01-sequence ul li a.nav01-on:visited {
font-size: 16px; font-weight: bold; color: #fba4bf; text-decoration: none; margin: 0; padding: 0; float: left; display: inline; }
div.nav01 ul li a.nav01-on:hover,
div.nav01-sequence ul li a.nav01-on:hover,
div.nav01 ul li a.nav01-on:active,
div.nav01-sequence ul li a.nav01-on:active {
font-size: 16px; font-weight: bold; color: #fba4bf; text-decoration: none; margin: 0; padding: 0; float: left; display: inline; }

/* cover image start */

div.cover-image {
float: left;
display: inline;
width: 350px;
margin: 60px 0 0 120px;
}

/* gallery */

div.gallery-image {
float: left;
display: inline;
overflow: hidden;
width: 620px;
height: 343px;
margin: 50px 0 0 10px;
text-align: center;
}


div.gallery-image img {
border: 1px solid #EB82A3;
}

div.gallery-images img {
float: left;
display: inline;
/*width: 80px;*/
margin: 0 5px 0 5px;
border: 1px solid #eb82a3;
}

div.gallery-control {
float: left;
display: inline;
width: 875px;
margin: 40px 0 0 40px;
}

div.gallery-control-left {
float: left;
display: inline;
width: 64px;
margin: 15px 0 0 0;
}

div.gallery-control-right {
float: left;
display: inline;
width: 64px;
margin: 15px 0 0 0;
}

div.gallery-images {
float: left;
width: 740px;
height: 109px;
overflow: hidden;
}

div.gallery-images img {
float: left;
display: inline;
height: 107px;
margin: 0 5px 0 5px;
border: 1px solid #334e6f;
cursor: pointer;
}

div.gallery-images img:hover {
float: left;
display: inline;
overflow: hidden;
/*width: 80px;*/
margin: 0 5px 0 5px;
border: 1px solid #ffffff;
}

div.gallery-slider {
position: relative;
white-space: nowrap;
}


/* footer */

div.footer {
float: left;
display: inline;
width: 100%;
padding: 0 0 20px 0;
}

div.footer p { font-size: 12px; font-weight: normal; color: #3c465c; text-decoration: none; margin: 8px 20px 0 0; padding: 0; text-align: right; }

a.footer-link:link, 
a.footer-link:visited {
font-size: 100%; font-weight: normal; color: #3c465c; text-decoration: none; margin: 0; padding: 0 8px 0 8px; background: url(../images/footer_spacer.gif) right no-repeat; } 
a.footer-link:hover, 
a.footer-link:active {
font-size: 100%; font-weight: normal; color: #3c465c; text-decoration: underline; margin: 0; padding: 0 8px 0 8px; background: url(../images/footer_spacer.gif) right no-repeat; }

a.footer-link-last:link, 
a.footer-link-last:visited {
font-size: 100%; font-weight: normal; color: #3c465c; text-decoration: none; margin: 0; padding: 0 8px 0 8px; } 
a.footer-link-last:hover, 
a.footer-link-last:active {
font-size: 100%; font-weight: normal; color: #3c465c; text-decoration: underline; margin: 0; padding: 0 8px 0 8px; }