@media screen {

/* -------------------------------------------------------------------------- */
/* General page settings                                                      */
/* -------------------------------------------------------------------------- */

body    {       
    border-width:         0;
    padding:              0;
    background:           #ffffff url(img/holz.jpg) fixed;
    color:                #000000;
    font:                 bold 11pt "Comic Sans MS",sans-serif;
    letter-spacing:       0.0em;
    word-spacing:         0.0em;
    text-align:           left;
}

#logo {
    position:             absolute;
    top:                  15px;
    left:                 45px;
    height:               147px;
    width:                110px;
    border:               0px black solid;
    padding:              0px;
    background:           url(img/wappen_klein.gif) no-repeat center center;
    z-index:              10;
}
div[id=logo] {
    position:             fixed !important;
    background:           url(img/wappen_klein.png) no-repeat center center !important;
}

/* --- Menü ----------------------------------------------------------------- */
#menu {
    position:             absolute;
    top:                  0px;
    left:                 0px;
    padding:              0px;
    height:               100%;
    width:                200px;
    border:               0px solid black;
    background:           url(img/holz1_3d.jpg);
    z-index:              9;
}
div[id=menu] {
    position:             fixed !important;
    bottom:               0px !important;
    height:               auto !important;
    padding-top:          0px !important;
}
#menu_img {
    position:             absolute;
    top:                  200px;
    left:                 10px;
    width:                182px;
    height:               265px;
    border:               0px solid red;
    background:           url(img/menu.png);
}
#menu_shadow {
    display:              none;    
}
/*
div[id=menu_shadow] {
    position:             absolute;
    top:                  200px;
    left:                 10px;
    width:                182px;
    height:               265px;
    border:               0px solid red;
    background:           url(img/menu.png);
    display:              block !important;
}
*/

#menu ul {
	list-style:			none;
	padding:			0;
	margin:				0;
}

#menu a:hover {
    background:         none !important;
}
/* Ebene 1 */
#menu ul#dropdownmenu {
	position:			absolute;
	top:				0;
}

#menu ul#dropdownmenu li {
	font-weight:		bold;
	position:			relative;
	float:				left;
	min-height:			5px;
}

#menu ul#dropdownmenu > li:hover,
#menu ul#dropdownmenu > li.hover {
    background:         url(rgba.php?r=0&g=0&b=0&a=20) repeat;
	background:			rgba(0,0,0,0.2);
	box-shadow:			0px 0px 9px 3px rgba(0,0,0,0.1) inset;
}

#menu ul#dropdownmenu li .menutext {
	display:			block;
	color:				#000000;
	text-decoration:    none;
}

#menu ul#dropdownmenu li.disabled .menutext{
	color:				#999999;
}

#menu ul#dropdownmenu li.disabled {
	background:			#dddddd !important;
	box-shadow:			none !important;
}

#menu ul#dropdownmenu li.external .menutext {
	padding-right:		13px;
	background:			url(../img/external_passiv.png) no-repeat center right;
}

#menu ul#dropdownmenu li .submenuhint {
	display:			none;
}

/* Ebene 2 */
#menu ul#dropdownmenu ul {
	position:			absolute;
    display:            none;
	top:				0;
	left:				125px;
    width:				180px;
	border:             1px solid #555555;
	border-radius:		8px;
	box-shadow:			3px 3px 4px #222222;
    background:         url(img/papier.jpg);
}

#menu ul#dropdownmenu ul li {
	float:				none;
	font-weight:		normal;
	color:				#000000;
	border-top:			1px solid rgb(220,220,220);
	border-bottom:		1px solid rgb(120,120,120);
	border-top:			1px solid rgba(150,150,150,0.9);
	border-bottom:		1px solid rgba(0,0,0,0.5);
}
#menu ul#dropdownmenu ul li:first-child {
	border-top-left-radius:		8px;
	border-top-right-radius:	8px;
	border-top:			0;
}
#menu ul#dropdownmenu ul li:last-child {
	border-bottom-left-radius:	8px;
	border-bottom-right-radius:	8px;
	border-bottom:		0;
}

#menu ul#dropdownmenu ul li:hover,
#menu ul#dropdownmenu ul li.hover {
    background:         url(rgba.php?r=0&g=0&b=0&a=20) repeat;
	background:			rgba(0,0,0,0.2);
}

#menu ul#dropdownmenu ul li .menutext {
	border-right:		none;
    padding:            4px 8px;
	width:				190px;
	display:			inside-block;
}

#menu ul#dropdownmenu ul li.selected .menutext {
	font-weight:		bold;
}

#menu ul#dropdownmenu ul li .submenuhint {
	transform:			none;
	-moz-transform:		none;
	-o-transform:		none;
	-webkit-transform:	none;
}

/* Ebene 3 */
#menu ul#dropdownmenu ul ul {
	left:				100%;
	top:				0;
}

.w3c_validator
        {       position:             absolute;
    bottom:               1em;
    width:                100%;
    text-align:           center;
}

#index    { top:23px; left:20px; min-width:125px; height:45px; }
#index>a  { width:125px; height:45px; }
#nymphenhain    { top:31px; left:20px; min-width:125px; height:45px; }
#nymphenhain>a  { width:125px; height:45px; }
#bibliothek    { top:38px; left:20px; min-width:125px; height:25px; }
#bibliothek>a  { width:125px; height:25px; }
#cons    { top:46px; left:20px; min-width:125px; height:45px; }
#cons>a  { width:125px; height:45px; }
#impressum    { top:54px; left:20px; min-width:125px; height:25px; }
#impressum>a  { width:125px; height:25px; }

/* --- Main ----------------------------------------------------------------- */
div[id=main] {
    position:             absolute;
    top:                  0px;
    left:                 200px;
    right:                0px;
    margin-top:           20px;
    margin-bottom:        20px;
    margin-left:          40px;
    margin-right:         40px;
    border:               0;
    text-align:           left;
    vertical-align:       top;
    z-index:              1;
}
.content {
    background:           #ffffff url(img/papier.jpg);
    padding:              20px;
    color:                #000000;
}

div#schreihals {
    width:                281px;
    height:               99px;
    background:           url(img/schreihals.png) no-repeat center center;
}

/* --- Con-Überschriften ---------------------------------------------------- */

#n1_titel img {
    border:            2px black solid;
    padding:           3px;
}
#n1 {
    position:          absolute;
    top:               65px;
    left:              200px;
    width:             379px;
    height:            152px;
    font:              bold 16pt "Comic Sans MS",sans-serif;
    text-align:        center;
}
#n1 span {
    display:           block;
    background:        url(img/nymphenhain1.png) no-repeat top center;
    width:             379px;
    height:            102px;
}  

#n2_titel {
    position:          absolute;
    top:               40px;
    left:              450px;
}
#n2_titel img {
    border:            2px black solid;
    padding:           3px;
}
#n2 {
    width:             373px;
    height:            162px;
    font:              bold 16pt "Comic Sans MS",sans-serif;
    text-align:        center;
}
#n2 span {
    background:        url(img/nymphenhain2.png) no-repeat top center;
    display:           block;
    width:             373px;
    height:            109px;
}  

#n25 {
    width:             450px;
    height:            162px;
    font:              bold 16pt "Comic Sans MS",sans-serif;
    text-align:        center;
}
#n25 span {
    background:        url(img/nymphenhain2_2.png) no-repeat top center;
    display:           block;
    width:             450px;
    height:            109px;
}  

#n3_titel {
    position:          absolute;
    top:               20px;
    left:              450px;
}
#n3_titel img {
    border:            2px black solid;
    padding:           3px;
}
#n3 {
    width:             373px;
    height:            157px;
    font:              bold 16pt "Comic Sans MS",sans-serif;
    text-align:        center;
}
#n3 span {
    background:        url(img/nymphenhain3.png) no-repeat top left;
    display:           block;
    width:             373px;
    height:            109px;
}  

#n4_titel {
    float:             right;
}
#n4_titel img {
    border:            2px black solid;
    padding:           3px;
}
#n4 {
    width:             373px;
    height:            157px;
    font:              bold 16pt "Comic Sans MS",sans-serif;
    text-align:        center;
}
#n4 span {
    background:        url(img/nymphenhain4.png) no-repeat top left;
    display:           block;
    width:             373px;
    height:            109px;
}  
  
div#n5 {
    width:             600px;
    height:            260px;
    background:        url(img/n5_titel.png) no-repeat center center;
    font:              bold 16pt "Comic Sans MS",sans-serif;
    text-align:        center;
}
div#n5 div {
    padding-top:       30px;
}

div#n6 {
    width:             600px;
    height:            180px;
    font:              bold 14pt "Comic Sans MS",sans-serif;
    text-align:        center;
}

div#n7 {
    width:             600px;
    height:            200px;
    font:              bold 14pt "Comic Sans MS",sans-serif;
    text-align:        center;
}


/* -------------------------------------------------------------------------- */
/* General table settings                                                     */
/* -------------------------------------------------------------------------- */

table.padding tr td {       
    padding-right:        1em;
    padding-bottom:       1em;
}

/* -------------------------------------------------------------------------- */
/* General link settings                                                      */
/* -------------------------------------------------------------------------- */

a:link {
    color:                #003596;
    text-decoration:      none;
    font-weight:          bold;
}
a:visited {
    color:                #003596;
    text-decoration:      none;
    font-weight:          bold;
}
a:hover {
    color:                #003596;
    text-decoration:      none;
    font-weight:          bold;
    background-image:     url(img/transparent_20.png);
}
a:active {
    color:                #003596;
    text-decoration:      none;
    font-weight:          bold;
}
a.img img {
    border:               1px solid green;
    padding:              2px;
}
a.img:hover img {
    border:               1px solid blue;
    padding:              2px;
}
#menu a {
    color:                #06640d;
    font:                 bold 11pt "Comic Sans MS",sans-serif;
    text-decoration:      none;
}
#menu a:hover {       
    color:                #06640d;
    text-decoration:      none;
    font-weight:          bold;
}

h1 a[name], h2 a[name], h3 a[name], h4 a[name] {       
    position:             relative;
    top:                  -85px;
    height:               0px;
    width:                0px;
    display:              block;
    visibility:           hidden;
    text-decoration:      none;
    font-size:            2px;
    font-weight:          normal;
    line-height:          0px;
}


/* -------------------------------------------------------------------------- */
/* General text style settings                                                */
/* -------------------------------------------------------------------------- */

h1      {       
    font-family:         "Comic Sans MS",sans-serif;
    font-size:           20pt;
    font-weight:         bold;
    letter-spacing:      3pt;
    text-align:          left;
}
h2      {       
    font-family:         "Comic Sans MS",sans-serif;
    font-size:           16pt;
    font-weight:         bold;
    letter-spacing:      2pt;
    text-align:          left;
    margin-top:          1em;
    line-height:         1em;
}
h3      {       
    font-family:         "Comic Sans MS",sans-serif;
    font-size:           14pt;
    font-weight:         bold;
    letter-spacing:      1pt;
    text-align:          left;
    margin-top:          2em;
    line-height:         1em;
}
h4      {       
    font-family:         "Comic Sans MS",sans-serif;
    font-size:           12pt;
    font-weight:         bold;
    letter-spacing:      0pt;
    text-align:          left;
    margin-top:          2em;
    margin-bottom:       1em;
}
h5      {       
    font-family:         "Comic Sans MS",sans-serif;
    font-size:           10pt;
    font-weight:         bold;
    letter-spacing:      0pt;
    text-align:          left;
}
h6      {       
    font-family:         "Comic Sans MS",sans-serif;
    font-size:           12pt;
    font-weight:         bold;
    letter-spacing:      1pt;
    text-align:          left;
    border-top:          2px;
    border-top-style:    solid;
    border-bottom:       2px;
    border-bottom-style: solid;
    margin-top:          0px;
    margin-bottom:       10px;
    padding:             7px;
}

p b {
    color:               #06640d;
}

.big {       
    font-size:           14pt;
}
.small {
    font-size:           9pt;
}

img {
    border:              0;
}
.alignright {
	float:               right;
	margin-left:         10px;
    margin-bottom:       10px;
}
.alignleft {
	float:               left;
	margin-right:        10px;
    margin-bottom:       10px;
}
        
}
/* -------------------------------------------------------------------------- */