/* Zero down margin and paddin on all elements */
* {
    margin: 0;
    padding: 0;
    font-family: serif;
}

a,h1,h2,h3,h4,p,b,td  {font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; }

td {vertical-align:top;}

a {text-decoration: none;}

body {
    font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
    background-color: #c9daff;
}

h1 {
color: #1111FF;
    font-size: 2.4em;
    font-weight: normal;
    margin-bottom: 100px;
}

h1.left {
    text-align: left;
}
h1.center {
    text-align: center;
}

h2 {
color: #1111FF;
text-align: center;
    font-size: 2.0em;
    font-weight: normal;
    margin-bottom: 0px;
}

h3 {
color: #1111FF;
text-align: center;
    margin-top: 13px
}

p {
    margin-top: 15px;
}

#header h1 {
    margin: 0;
}

#header {
    height: 120px;
    background-image: url(images/logo.jpg);
    background-repeat: no-repeat;
}

#headertext {
    float: right;
}

#mainNav {
    list-style: none;
}

#footer {
    text-align: center;
    padding-top: 30px;
}

/* The Core Technique
================================= */

body {
    text-align: center;
    /*min-width: 1990px; */
}

#container {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    background-color: white;
    /*background: #fff url(images/navbg.gif) repeat-y left top;  */
}

#heft {
font-family:"Palatino Linotype",Times,serif;

}



#heft li{
font-family:"Palatino Linotype",Times,serif;
margin-left: 40px;
font-size: 1.2em;
}
#heft a{
font-family:"Palatino Linotype",Times,serif;
}

#heft b{
font-family:"Palatino Linotype",Times,serif;

}


#heft h1{
font-family:"Palatino Linotype",Times,serif;
color: #1111FF;
text-align: center;
    font-size: 3.4em;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 10px;
}

#heft h2 {
font-family:"Palatino Linotype",Times,serif;

color: #1111FF;
text-align: center;
    font-size: 2.0em;
    font-weight: normal;
    margin-bottom: 0px;
}

#heft h3 {
font-family:"Palatino Linotype",Times,serif;

color: #1111FF;
text-align: center;
    margin-top: 13px
}

#content { 
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;

    font-size: 1.2em;
    width: 680px;
    float: right;
    padding-left: 40px;
    padding-top: 20px;
    padding-right: 40px;
    text-align: justify;
}


}


#topNav {
    /*margin-top: 50px; */
}

/*
#topNav table tr {
background: #FFFF11;
margin-top: 120px;
padding: 0;
text-align: center;
font-size: 1.2em;
background-color: #cdd6e7;
}

#topNav table a {
color: #013670;
padding: 0 2em;
line-height: 1.2em;
text-decoration: none;
font-weight: bold;
float: left;
} */


#topNav ul {
    background: #c9daff;
    margin: 0;
    margin-top: 30px;
    padding: 0;
    list-style: none;
    width: 960px;
    float: left;
    text-align: left;
    font-size: 1.2em;
}

#topNav ul li {
    float: left;

}

#topNav ul a {
    padding: 0 1.0em;
    line-height: 2.1em;
    text-decoration: none;
    font-weight: bold;
    color: #013670;
    float: left;
    display: block;
}



#mainNav { 
    width: 180px;
    float: left;
} 

#mainNav ul {
    list-style: none;

}

#mainNav ul a {
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    display: block;
    padding: 2px 3px;
    text-decoration: none;
    font-size: 1.2em;
}

#mainNav ul a:link , #mainNav ul a:visited {
    color: #013670;
    padding: 3px 7px;
}












#footer { 
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;

    clear: both;
} 

/* Add some padding
================================== */

#mainNav {
    padding-top: 20px;
    padding-bottom: 20px;
}

#mainNav * {
    padding-left: 20px;
    /*padding-right: 20px; */
    /*padding-top: 20px; */
}

#mainNav * * {
    padding-left: 0;
    padding-right: 0;
}

/*#content * {
padding-right: 20px;
}

#content * * {
padding-right: 0;
} */

#bluePart {
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
    color: #0000FF;

}

caption {
    font-size: 2.2em;
    font-weight: bold;
    margin: 1em 0;
}

img.right {
    float: right;
    margin-left: 10px;
}

img.left {
    float: left;
    margin-right: 10px;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

.center {
    text-align: center;
}

/* links fuer Artnamen bei den Verbreitungskarten */
#karten_nav_links {
    text-align:left;
    padding:2px;
    border:thin solid silver;
    margin:2px;
    background-color: #EEEEEE;
    font-size: 0.9em

}

#dateright {
    text-align: right;

}

.imgwithcap {
	float: right;
	width: 300px;
	margin: 0 10px 10px 10px;
}

#imgdesc {
    font-size: 0.9em;
}



#cssmenu
{
height:37px;
display:block;
padding:0;
margin:20px auto;
border:1px solid;
border-radius:5px;
} 
#cssmenu > ul 
{
list-style:inside none;
padding:0;
margin:0;
} 

#cssmenu > ul > li 
{
list-style:inside none; 
padding:0; 
margin:0; 
float:left; 
display:block; 
position:relative;
} 

#cssmenu > ul > li > a
{
outline:none;
display:block;
position:relative;
padding:12px 12px;
font:bold 12px/100% "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
text-align:center;
text-decoration:none;
text-shadow:1px 1px 0 rgba(0,0,0, 0.4);
} 

#cssmenu > ul > li:first-child > a
{
border-radius:5px 0 0 5px;
} 

#cssmenu > ul > li > a:after
{
content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99;
} 

#cssmenu ul li.has-sub:hover > a:after
{
top:0; bottom:0;
} 

#cssmenu > ul > li.has-sub > a:before
{

} 
#cssmenu > ul > li.has-sub:hover > a:before
{
top:19px;
} 

#cssmenu ul li.has-sub:hover > a
{
background:#3f3f3f;
border-color:#3f3f3f;
padding-bottom:13px;
padding-top:13px;
top:-1px; z-index:999;
} 

#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div
{
display:block;
} 

#cssmenu ul li.has-sub > a:hover
{
background:#3f3f3f; border-color:#3f3f3f;
} 

#cssmenu ul li > ul, #cssmenu ul li > div
{
display:none; 
width:auto; 
position:absolute; 
top:38px; 
padding:10px 0; 
background:#3f3f3f; 
border-radius:0 0 5px 5px; z-index:999;
} 

#cssmenu ul li > ul
{width:200px;} 

#cssmenu ul li > ul li
{
display:block; list-style:inside none; padding:0; margin:0; position:relative;
} 

#cssmenu ul li > ul li a
{
outline:none; 
display:block; 
position:relative; 
margin:0; 
padding:8px 20px; 
font:10pt Arial, Helvetica, sans-serif; 
color:#fff; 
text-decoration:none; 
text-shadow:1px 1px 0 rgba(0,0,0, 0.5); 
} 

#cssmenu, #cssmenu > ul > li > ul > li a:hover
{
background:#3e698c; 
background:-moz-linear-gradient(top,  #3e698c 0%, #30576e 100%); 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e698c), color-stop(100%,#30576e)); 
background:-webkit-linear-gradient(top,  #3e698c 0%,#30576e 100%); 
background:-o-linear-gradient(top, #3e698c 0%,#30576e 100%); 
background:-ms-linear-gradient(top, #3e698c 0%,#30576e 100%); 
background:linear-gradient(top,  #3e698c 0%,#30576e 100%); 
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e698c', endColorstr='#30576e',GradientType=0 );
}

#cssmenu
{border-color:#1b313d;}

#cssmenu > ul > li > a
{
border-right:1px solid #1b313d; 
color:#fff;
}

#cssmenu > ul > li > a:after
{border-color:#6696bd;}

#cssmenu > ul > li > a:hover
{background:#436f93;}