/* Basis CSS */


body 
{
    margin: 0px;
    background: #FCF0C0;
    scrollbar-face-color: #9B9B9B; 
    scrollbar-track-color: #E6E6E6; 
    scrollbar-arrow-color: #E6E6E6;
    scrollbar-highlight-color: #E6E6E6; 
    scrollbar-3dlight-color: #E6E6E6; 
    scrollbar-shadow-color: #E6E6E6;
    scrollbar-darkshadow-color: #E6E6E6;
    font: 12/16px arial,helvetica,sans-serif;
    color: #000000;
}

td 
{
    font: 12px Arial,Helvetica,sans-serif;
    line-height: 150%;
}

input, select, textarea, checkbox, option 
{
    font: 12px Arial,Helvetica,sans-serif;
    background: #FAF3D7;
    border: 1px solid #58595B;
}


/* Link allgemein */


a,
a:link,
a:active,
a:visited {
    color: #000000;
    text-decoration: none;
}

a:hover {
    color: #D30000;
    text-decoration: underline;
}


/**********  SEITENINFORMATIONEN */


/* Angaben für Seite */
table.page 
{
    background: #ffffff;
    margin-right: 10px;
}

.page {
    font: 12px Arial, Helvectia, sans-serif;
}

.headlineActive {
    color: #D30000;
}

.portalTop {
    background: #FCF0C0 url('../img/portal_background.gif');
}

.portalLine {
    background: #D8C67D;
}


/**********  TRENNLINIEN */


.verticalLine {
    width: 1px;
    background: url('../img/line_v.gif');
}

.horizontalLine {
    height: 1px;
    width: 100%;
    background: url('../img/line_h.gif') repeat-x center;
}

.horizontalLineGB {
    height: 1px;
    width: 100%;
    background: url('../img/line_hh.gif') repeat-x center;
}

#lineSpacer {
    padding: 2px 0px 2px 0px;
}

#lineSpacerGB {
    padding: 4px 0px 4px 0px;
}


/**********  TOP */


.top {
    height: 100px; 
    width: 100%;
    background: #FCF0C0;
    border-bottom: 1px solid #D8C67D;
}


/**********  LOGO */


.logo {
    width: 160px; 
    height: 100px;
    background: #F6E290;  
}


/**********  HEADER */


.header {
    height: 100px; 
    width: 636px;
    background: #FCF0C0;
}

.headerRepeat {
    height: 100px; 
    background: #FCF0C0;
}

.gotoPage {
}

.gotoIndex {
    position: absolute;
    left: 718px;
    top: 70px;
}

.iapaLink {
	position:absolute;
	top: 10px;
	right:10px;
}


/**********  NAVIGATION */


.navigation {
    position: absolute;
    top: 101px;
    left: 0px;
}

.basicNavigation,
.specialNavigation
{
    width: 160px; 
    overflow: hidden;
}

.navigationSpacer {
    height: 5px;
    width: 160px;
    border-bottom: 1px solid #D8C67D;
}

.navigationEnd {
    width: 160px;
    height: 50px;
    margin-top: 1px;
    background: #FCF0C0 url('../img/navigationEnd.gif');
}

.basicNavigation,
.specialNavigation,
.basicNavigation ul,
.specialNavigation ul  {
    list-style-type: none;
} 
 
.basicNavigation ul,
.specialNavigation ul,
.basicNavigation li,
.specialNavigation li {
    padding: 0px;
    margin: 0px;
} 

/* Detailangaben für Hauptnavigation */
.basicNavigation ul li a,
.basicNavigation ul li a:link,
.basicNavigation ul li a:active,
.basicNavigation ul li a:visited {
    background: #F6E290;
    color: #58595B;
    border-bottom: 1px solid #D8C67D;
    padding: 4px 5px 2px 15px;
    display: block;
    text-decoration: none; 
    height: 16px;
}  

 /* MouseOver für Hauptnavigation */
.basicNavigation ul li a#active,
.basicNavigation ul li a:hover {
    background: #E5CC67 url('../img/navigationMouseOver_basic.gif') no-repeat;
    text-decoration: none
}

/* Navigation Link zu Pöhl */
.specialNavigation#poehl ul li a#changeLink:hover {
    background: #9DC64C url('../img/navigationMouseOver_changeLink.gif') no-repeat;
    text-decoration: none
} 

.specialNavigation#poehl ul li a#changeLink {
    background: #F6E290 url('../img/t_poehl.gif') no-repeat;
    color: #58595B;
    border-bottom: 1px solid #D8C67D;
    display: block;
    text-decoration: none; 
    height: 16px; padding-left:15px; padding-right:5px; padding-top:4px; padding-bottom:2px  
}

/* Navigation Link zu Hohe Düne */
.specialNavigation#hoheduene ul li a#changeLink {
    background: #F6E290 url('../img/t_hoheduene.gif') no-repeat;
    color: #58595B;
    border-bottom: 1px solid #D8C67D;
    display: block;
    text-decoration: none; 
    height: 16px; padding-left:15px; padding-right:5px; padding-top:4px; padding-bottom:2px  
}

.specialNavigation#hoheduene ul li a#changeLink:hover {
    background: #86B0E3 url('../img/navigationMouseOver_changeLink.gif') no-repeat;
    text-decoration: none
}

/* Navigation Link zu Schöneck */
.specialNavigation#schoeneck ul li a#changeLink {
    background: #F6E290 url('../img/t_schoeneck.gif') no-repeat;
    color: #58595B;
    border-bottom: 1px solid #D8C67D;
    display: block;
    text-decoration: none; 
    height: 16px; padding-left:15px; padding-right:5px; padding-top:4px; padding-bottom:2px  
}

.specialNavigation#schoeneck ul li a#changeLink:hover {
    background: #FDB651 url('../img/navigationMouseOver_changeLink.gif') no-repeat;
    text-decoration: none
}

/* Navigation Link zu Speyer */
.specialNavigation#speyer ul li a#changeLink:hover {
    background: #EDA6A6 url('../img/navigationMouseOver_changeLink.gif') no-repeat;
    text-decoration: none
} 

.specialNavigation#speyer ul li a#changeLink {
    background: #F6E290 url('../img/t_speyer.gif') no-repeat;
    color: #58595B;
    border-bottom: 1px solid #D8C67D;
    display: block;
    text-decoration: none; 
    height: 16px; padding-left:15px; padding-right:5px; padding-top:4px; padding-bottom:2px  
}

/* Navigation Link zu Lützen */
.specialNavigation#luetzen ul li a#changeLink:hover {
    background: #FFC600 url('../img/navigationMouseOver_changeLink.gif') no-repeat;
    text-decoration: none
} 

.specialNavigation#luetzen ul li a#changeLink {
    background: #F6E290 url('../img/t_luetzen.gif') no-repeat;
    color: #58595B;
    border-bottom: 1px solid #D8C67D;
    display: block;
    text-decoration: none; 
    height: 16px; padding-left:15px; padding-right:5px; padding-top:4px; padding-bottom:2px  
}

/* Navigation Link zu Dresden */
.specialNavigation#dresden ul li a#changeLink:hover {
    background: #F3B276 url('../img/navigationMouseOver_changeLink.gif') no-repeat;
    text-decoration: none
} 

.specialNavigation#dresden ul li a#changeLink {
    background: #F6E290 url('../img/t_dresden.gif') no-repeat;
    line-height: 12px;
    color: #58595B;
    border-bottom: 1px solid #D8C67D;
    display: block;
    text-decoration: none; 
    height: 26px; padding-left:15px; padding-right:5px; padding-top:4px; padding-bottom:2px  
}


/********** CONTENT */


.headlineGlobal {
    color: #826800;
    font-weight: bold;
}

.content {
    position: absolute;
    left: 200px;
    top: 127px;
    width: 570px;
    padding: 0px 0px 20px 0px;
    font: 12/16px arial,helvetica,sans-serif;
    color: #000000;
}

.contentLeft {
    width: 275px;
    padding: 0px 10px 0px 0px;
}

.contentSpacer {
    width: 1px;
    background: url('../img/line_v.gif');
}

.contentRight {
    width: 275px;
    padding: 0px 0px 0px 10px;
}

.content .container {
    width: 265px;
    padding: 8px;
}


/********** CONTENT */


.map24 #formfield {
    margin: 2px;
}

.map24 #button {
    margin: 2px;
}

.content .course {
    width: 200px;
    margin: 5px 0px 5px 0px;    
}

.content .course .headline {
    color: #FCF0C0;
    padding: 5px 5px 5px 8px;
}

.content .course .description {
    padding: 6px 5px 4px 8px;
}

.content .courseImage {
    padding: 5px;
}

.content .gallery {
    background: url('../img/gallery_frame.gif');
    width: 120px;
    height: 100px
}

.content .image {
	padding: 10px;
}

.content .guestbookEntry {
	background: #FCF4D3;
	padding: 2px 0px 2px 0px;
}