*{
	border:0px solid #eee;
	}

html,body,#bg,#bg table,#bg td,#menu {
	width:100%;
	height:100%;
	}

body {
	font-family:Verdana;
	font-size:12px;
	color:#666;
	margin:0; padding:0;
	background-color:#FFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-darkshadow-color: #C0C0C0;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-arrow-color: #C0C0C0;
	scrollbar-track-color: #FFFFFF;
	}


/* - - - - - - -   A L L G E M E I N   - - - - - - - */


#logo {
	position:absolute;
	top:45px;
	right:40px;
	width: 152px;
	height:74px;
	z-index:80;
	background: url('../img/logo.png')
	}

#sticker {
	position:absolute;
	top:25px;
	left:25px;
	width: 140px;
	height:140px;
	padding:30px;
	text-align:center;
	color:#003399;
	font-family: 'Reenie Beanie', arial, serif; 
	font-size:24px;
	line-height:18px;
	background: url('../../sticker.jpg')
	}

#distance {
	margin: 0; padding: 0;
	width:0px; height:50%;
	margin-bottom: -50px; /* half of navigation's height */
	}						

#navigation {
	margin: 0px auto; padding: 0 10px;
	position:relative;
	width: 520px;
	height:100px;
	z-index:80;
	}

.impressum {
	font-size:9px;
	}

.obenrechts {
	position: relative;
	padding: 10px;
	float:right;	
	}

h2 {
	font-size: 22px;
	padding:0;
	color: #BBBBBB;
	text-transform:uppercase;
	}

#fusszeile {
	position:absolute;
	bottom:0px;
	width: 100%;
	height:30px;
	z-index:100;
	text-align:center;
	font-size: 11px;
	color: #999;
	}

#fusszeile:hover {
	color: #333;
	}

#fusszeile a {
	color: #999;
	font-size: 11px;
	}

/* - - - - - - -   A K T U E L L E S   - - - - - - - */

.datum {
	background-image: url(../img/datum.png);
	height: 60px; width: 54px; 
	position: relative;
	float: left;
	margin: 5px 20px 0 10px;
	clear:left;
	}

.datum h4 {
	font-size: 32px;
	color: #FFFFFF;
	text-align: center;
	border-style: none;
	line-height: 32px;
	margin:0px;
	}
	
.datum h3 {
	font-size: 10px;
	color: #999999;
	text-align: center;
	line-height:8px;
	margin:6px 0 6px 0;
	}

#aktuelles {
	width: 660px;
	float:left;
	padding: 0 0 20px 0;
	}

#aktuelles h2 {
	margin:0;
	}

#aktuelles h3 {
	margin:0 0 10px 0;
	}

.aktuelles_img {
	padding:10px auto 10px auto;
	}

/* - - - - - - -   A N N E T T E   G U N D L A C H   - - - - - - - */

.jahr {
	width: 66px; 
	position: relative;
	float: left;
	margin:3px;
	padding:0;
	clear:left;
	}

#lebenslauf {
	width: 640px;
	float:left;
	padding: 0;
	margin:3px;
	}

/* - - - - - - -   G A L E R I E   - - - - - - - */

#galerie {
	height:300px;
	padding-top:20px;
	}

#galerie a {
	height:125px;
	width: 110px;
	display:block;
	float:left;
	padding:0 20px 20px 20px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#999999;
	text-align:center;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;	
	}

#galerie a:hover {
	color:#333333;
	background-color:#FFFFFF;
	text-decoration:none;
	}

#galerie img {
	padding:0px 10px 0 0;
	height:110px;
	width:110px;
	}


/* - - - - - - -   B A C K G R O U N D   I M A G E   - - - - - - - */

a, a:hover, a:visited {
	color: #333333;
	padding: 0 2px 0 2px;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
a:focus {
	outline: none;
	}
a.nav{
	font-size:13px;
	}


/* - - - - -   N A V I G A T I O N   - - - - - */

#nav_aktuelles, #nav_annette_gundlach, #nav_kurse, #nav_malreisen, #nav_galerie, #nav_kontakt {
	float:left;
    width: 100px;
    height: 100px;
    text-decoration: none;
    display: block;
	background: url('../img/nav_icons.png');
}

#nav_aktuelles { width: 80px; background-position: 0 600px; }
#nav_aktuelles:hover { background-position: 100px 600px; }

#nav_annette_gundlach { width: 63px; background-position: 0 500px; }
#nav_annette_gundlach:hover { background-position: 100px 500px; }

#nav_kurse { width: 95px; background-position: 0 400px; }
#nav_kurse:hover { background-position: 100px 400px; }

#nav_malreisen { width: 65px; background-position: 0 300px; }
#nav_malreisen:hover { background-position: 100px 300px; }

#nav_galerie { width: 90px; background-position: 0 200px; }
#nav_galerie:hover { background-position: 100px 200px; }

#nav_kontakt { width: 95px; background-position: 0 100px; }
#nav_kontakt:hover { background-position: 100px 100px; }


/* - - - - -   C O L O R B O X   - - - - - */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:hidden;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#666;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../img/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../img/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../img/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../img/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../img/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../img/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../img/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../img/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(../img/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}