/*  .............. CSS-Stylesheet ................. 
    ..... Copyright Lothar und Monika Propson .....
    ........ http://www.antonia.propson.de ........
    ................. 2006 - 2007 .................  */


/*  ### Normale Links und Body ###  */

a:link, a:visited, a:active {
    text-decoration: underline;
    color: #150185;
    }

a:hover {
    text-decoration: none;
    color: #150185;
    }

a.copyright:link, a.copyright:visited, a.copyright:active, a.copyright:focus {
    font: 1em verdana;
    text-decoration: underline;
    color: #F6D959;
    }

a.copyright:hover {
    font: 1em verdana;
    text-decoration: none;
    color: #F6D959;
    }

a.xml {
    font-family: verdana, arial, helvetica, sans-serif;
    border: 1px solid;
    border-color: #fc9 #630 #330 #f96;
    padding: 0 4px;
    font: bold 8pt verdana;
    color: #FFFFFF;
    background: #FF6600;
    text-decoration: none;
    margin: 0px;
    }

a.xml:link, a.xml:visited, a.xml:hover, a.xml:active {
    color: #FFFFFF; 
    text-decoration: none;
    }

body {
    background-image: url('../bkgrnd/bkgrnd_main.png');
    background-color: #E2B82E;
    background-repeat: repeat-x;
    font-family: verdana, arial, helvetica, sans-serif;
    font: 10px verdana;
    text-decoration: none;
    color: #150185;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow: auto;
    }

img {
    border: none;
    }

hr {
    height: 1px;
    color: #150185;
    width: 100%; 
    }


/*  ### Container - Layout ###  */

#web {
    z-index: 1;
    width: 900px;
    background-color: #E2B82E;
    text-align: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

#main_top {
    z-index: 2;
    position: relative;
    width: 900px;
    height: 40px;
    background-image: url('../bkgrnd/bkgrnd_main_top.png');
    background-color: #E2B82E;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

#top {
    z-index: 2;
    position: relative;
    width: 900px;
    height: 40px;
    background-image: url('../bkgrnd/bkgrnd_top.png');
    background-color: #E2B82E;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

#main_header {
    z-index: 3;
    position: relative;
    width: 900px;
    height: 100px;
    background-image: url('../bkgrnd/bkgrnd_main_header.png');
    background-color: #E2B82E;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

#header {
    z-index: 3;
    position: relative;
    width: 900px;
    height: 100px;
    background-image: url('../bkgrnd/bkgrnd_header.png');
    background-color: #E2B82E;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

#main_navigation {
    z-index: 4;
    position: relative;
    width: 900px;
    height: 50px;
    background-image: url('../bkgrnd/bkgrnd_main_navigation.png');
    background-color: #E2B82E;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

#navigation {
    z-index: 4;
    position: relative;
    width: 900px;
    height: 50px;
    background-image: url('../bkgrnd/bkgrnd_navigation.png');
    background-color: #E2B82E;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

#frame_content {
    z-index: 5;
    position: relative;
    width: 900px;
    background-image: url('../bkgrnd/bkgrnd_frame_content.png');
    background-color: #E2B82E;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

#main_content {
    z-index: 6;
    position: relative;
    left: 0px;
    width: 850px;
    font-family: verdana, arial, helvetica, sans-serif;
    font: 1.2em verdana;
	line-height: 150%;
    margin: 0 0 0 25px;
    padding: 0 0 0 0;
    }

#content {
    z-index: 6;
    position: relative;
    left: 0px;
    width: 850px;
	background-image: url('../bkgrnd/bkgrnd_antonia.png');
	background-repeat: no-repeat;
    font-family: verdana, arial, helvetica, sans-serif;
    font: 1.3em verdana;
	line-height: 150%;
    margin: 0 0 0 25px;
    padding: 0 0 0 0;
    }

#footer {
    z-index: 7;
    position: relative;
    width: 900px;
    height: 45px;
    background-image: url('../bkgrnd/bkgrnd_footer.png');
    background-color: #E2B82E;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }

#nav_search {
    z-index: 8;
    position: relative;
    top: 7px;
    left: 25px;
    height: 24px;
    }

/*  ### Container ###  */

#headline {
    position: absolute;
	top: 65px;
	left: 240px;
   	}

#main_antonia {
    position: relative;
   	top: 20px;
   	left: -50px;
   	float: right;
   	}

#intro {
    font-family: verdana, arial, helvetica, sans serif;
    font: 1.1em verdana;
    line-height: 150%;
    }

.frame_830 {
    position: relative;
    left: 0px;
    width: 830px;
    background-color: #FBF8BE;
    border: 1px dotted #7F6718;
    padding: 10px;
    }

.frame_830_trans {
    position: relative;
    left: 0px;
    width: 830px;
    border: 1px dotted #7F6718;
    padding: 10px;
    }

#copyright {
    position: absolute;
   	top: 12px;
	left: 230px;
    font-family: verdana, arial, helvetica, sans serif;
    font: 1.2em verdana;
	color: #F6D959;
    text-align: center;
   	}


/* ### Navigation ### */

#nav_left {
    z-index: 7;
   	position: relative;
   	top: 16px;
   	left: 25px;
   	}

#nav_left a, #nav_left a:link, #nav_left a:visited, #nav_left a:active, #nav_left a:focus {
   	font-family: verdana, arial, helvetica, sans serif;
   	font: 1.3em verdana;
   	text-align: center;
    text-decoration: none;
    background-color: #E2B82E;
    color: #150185;
    border-top: 2px solid #FADC62;
    border-left: 2px solid #FADC62;
    border-right: 2px solid #766018;
    border-bottom: 2px solid #766018;
   	padding: 2px 3px 3px 2px;
    }

#nav_left a:hover {
   	font-family: verdana, arial, helvetica, sans serif;
   	font: 1.3em verdana;
   	text-align: center;
    text-decoration: none;
    background-color: #E2B82E;
    color: #000000;
    border-top: 2px solid #766018;
    border-left: 2px solid #766018;
    border-right: 2px solid #FADC62;
    border-bottom: 2px solid #FADC62;
   	padding: 3px 2px 2px 3px;
    }


/*  ### Text ###  */

h1, h2, h3, h4, header2 {
    font-family: verdana, arial, helvetica, sans serif;
    }

h1 {
   	font: 1.5em verdana;
   	font-style: italic;
   	color: #F6D959;
    }

h2  {
    font: 1.3em verdana;
    color: #2A3F50;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    }

h3, header2 {
    font: 1.1em verdana;
    color: #150185;
    font-weight: bold;
    text-align: left;
    }

.copyr {
    font-family: verdana, arial, helvetica, sans serif;
    font: 11px verdana;
    text-align: center;
    }

table, td, tr {
    font: 1em verdana;
    }

.t9sr {
    font: 9px verdana, sans-serif;   
    text-align: right; 
    }

td.align_l {
    text-align: left;
    }

td.align_c {
    text-align: center;
    }

td.align_r {
    text-align: right;
    }


/*  ### Formulare ###  */

.input_gbook {
    font-family: verdana, arial, helvetica, sans-serif;
    font: 1em verdana, sans-serif;
    color: #000000;
    border: 1px solid #150185;
    width: 180px;
    height: 22px;
    } 

.input_gbook_2 {
    font-family: verdana, arial, helvetica, sans-serif;
    font: 1.1em verdana, sans-serif;
    color: #000000;
    border: 1px solid #150185;
    width: 70px;
    height: 22px;
    } 

.textarea_gbook {
    font-family: verdana, arial, helvetica, sans-serif;
    font: 1em verdana, sans-serif;
    color: #000000;
    border: 1px solid #150185;
    overflow: auto;
    height: 150px;
    width: 430px;
    white-space: normal;
    }

.input_alter {
    font-family: verdana, arial, helvetica, sans-serif;
    font: 1.1em verdana;
    background-color: #FAF19F;
    color: #766018;
    text-align: center;
    font-weight: bold;
    border: none;
    width: 600px;
    height: 22px;
    } 

.input_nav_search {
    font-family: verdana, arial, helvetica, sans-serif;
    font: 1.1em verdana;
    color: #150185;
    background-color: #F9F98B;
    border: 1px solid #150185;;
    width: 110px;
    height: 16px;
    }

/*  ### Ende ###  */