/* CSS Document */



@import url("guestbook.css");

/* CSS Document */
body {
height:100%;
padding:0px;
margin:0px;
background-color:#FFF6CD;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
scrollbar-arrow-color: #FFF5CC;
scrollbar-track-color: #FFF6CD;
scrollbar-face-color: #FFE066;
scrollbar-highlight-color: #FFF6CD;
scrollbar-3dlight-color: #FFCC00;
scrollbar-darkshadow-color: #FFCC00;
scrollbar-shadow-color: #FFF6CD;
}


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

img {border:0px;}

#inhalt h1 {font-size: 20px; color:#333333; margin-top:0px; font-weight:normal;}
#inhalt h2 {font-size: 18px; color:#333333;}
#inhalt h3 {font-size: 16px; color:#333333;}
#inhalt h4 {font-size: 14px; color:#333333;}
#inhalt h5 {font-size: 12px; color:#333333;}
#inhalt h6 {font-size: 10px; color:#333333; font-weight:normal;}

#topangebote h1 {font-size: 20px; color:#333333; margin-top:0px; font-weight:normal;}


#inhalt a {font-size: 12px; color:#333333; font-weight:bold; text-decoration:none;}

#wrapper {
position:absolute;
width:990px;
height:600px;
top:50%;
left:50%;
margin:0px;
margin-left:-497px;
margin-top:-300px;
padding:0px;
background-color:#FFE066;
border:2px solid #626868;
}

#top {
position:absolute;
top:0px;
left:0px;
width:990px;
height:165px;
padding:0px;
margin:0px;
overflow:hidden;
}

#navi {
position:absolute;
top:165px;
left:0px;
width:245px;
height:435px;
padding:0px;
margin:0px;
overflow:hidden;
background-color:#FFFAC2;
}
#content {
position:absolute;
top:165px;
left:245px;
width:745px;
height:435px;
padding:0px;
margin:0px;
overflow:hidden;
background-color:#FFF5CC;
}

#rand {
position:absolute;
top:0px;
right:0px;
width:29px;
height:465px;
padding:0px;
margin:0px;
overflow:hidden;
background-color:#FFE066;
}

#toplinks {
position:absolute;
top:0px;
left:0px;
width:245px;
height:165px;
padding:0px;
margin:0px;
overflow:hidden;
background-image:url(img/top_links.gif);
}

#toprechts {
position:absolute;
top:0px;
right:0px;
width:745px;
height:135px;
padding:0px;
margin:0px;
overflow:hidden;
background-image:url(img/top_rechts.jpg);
}

#siebefinden {
position:absolute;
top:135px;
right:29px;
width:716px;
height:30px;
padding:0px;
margin:0px;
overflow:hidden;
background-color:#FFCC00;
}

#navigation {
position:absolute;
top:0px;
left:0px;
width:245px;
height:390px;
padding:0px;
margin:0px;
overflow:hidden;
background-color:#FFE98E;
}


#addy {
position:absolute;
top:375px;
left:0px;
width:245px;
height:60px;
padding:0px;
margin:0px;
overflow:hidden;
background-color:#FFCC00;
}

#navigation ul {
	margin-top: 25px;
	margin-left: 30px;
	padding-left: 0px;
	line-height: 17px;
	list-style:none;
}

#navigation li a {
	background-image:url(img/nav_off.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	font-size:12px;
	color:#333333; 
	text-decoration:none; 
	font-family:Verdana; 
	font-weight:bold;
	padding-left:20px;
	display:block;
	list-style:none;
}
	
#navigation li.selected a {
	background-image:url(img/nav_on.jpg);
	background-repeat: no-repeat;
	background-position: 6px;
	list-style:none;
	padding-left:20px;
	color: #333333;
	font-weight: bold;
}	
	
#navigation ul ul {
	color: #333333;
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 0px;
	list-style:none;
}

#navigation li.selected li a {
	background-image:none;
	list-style:none;
	padding-left:20px;
	color: #333333;
	font-weight:normal;
}

#navigation li li.selected a {
	background-image:none;
	background-repeat: no-repeat;
	background-position: 0 0px;
	list-style:none;
	padding-left:20px;
	color: #333333;
	font-weight: bold;
}

#navigation li.selected li.selected li a {
	background-image:none;
	padding-left:20px;
	list-style:none;
	color: #333333;
	font-weight: normal;
}

#jobs{
position:absolute;
top:3px;
left:0px;
width:245px;
height:20px;
padding:0px;
margin:0px;
overflow:hidden;
}

#sprachen{
position:absolute;
top:20px;
left:0px;
width:245px;
height:20px;
padding:0px;
margin:0px;
padding-top:7px;
overflow:hidden;
background-color:#FFE15C;
}

#artvita{
position:absolute;
bottom:35px;
left:6px;
width:17px;
height:124px;
padding:0px;
margin:0px;
overflow:hidden;
background-image:url(img/artvita.gif);
}


#addy {font-size:10px; text-align:center; padding-top:10px;}
#addy a {color:#333333; text-decoration:none;}

#jobs {font-size:11px; vertical-align:middle;}
#jobs a {color:#333333; text-decoration:none;}


#sprachen {font-size:11px;}
#sprachen a {color:#333333; text-decoration:none;}

#siebefinden {font-size:11px; padding-top:9px; color:#333333;}
#siebefinden a {color:#333333; text-decoration:none;}



/* CSS Document */


#layer {
position:absolute;
top:25px;
left:0px;
width:705px;
height:395px;
padding:0px;
margin:0px;
overflow:auto;
}

#inhalt {
position:absolute;
top:0px;
left:20px;
padding:5px;
margin:0px;
width:360px;
line-height:16px;
}

#topangebote {font-size:12px; padding-top:7px; color:#333333;}
#topangebote a {color:#333333; text-decoration:none; font-weight:bold;}


#topangebote {
position:absolute;
top:0px;
left:400px;
padding:0px;
margin:0px;
width:280px;

}

// Topangbote

.topangebote{
background-image:url(img/top_hg.jpg);
position:relative;
padding:0;
margin:0 0 10px 0;
width:280px;
font-size:10px;
float:left;
}

div#topangebote div.topangebote div.oben{
position:relative;
background-image:url(img/top_hg_oben.jpg);
background-repeat:no-repeat;
float:left;
}

div#topangebote div.topangebote div.unten{
position:relative;
background-image:url(img/top_hg_unten.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:left;
}

div#topangebote div.topangebote div.titel {
position:relative;
padding:27px 5px 5px 5px;
margin:0;
width:270px;
float:left;
font-size:10px;
}

div#topangebote div.topangebote div.bild {
position:relative;
padding:5px;
margin:0;
width:70px;
float:left;
}

div#topangebote div.topangebote div.datum{
position:relative;
padding:5px;
margin:0;
width:190px;
float:left;
font-size:10px;
}


div#topangebote div.topangebote div.text{
position:relative;
padding:5px;
margin:0;
width:190px;
float:left;
font-size:10px;
}

div#topangebote div.topangebote div.preis{
position:relative;
padding:5px 5px 10px 10px;
margin:0;
width:125px;
font-weight:bold;
float:left;
font-size:10px;
}

div#topangebote div.topangebote div.info{
position:relative;
padding:5px 5px 10px 5px;
margin:0;
width:130px;
float:left;
font-size:10px;
}

div#topangebote div.topangebote div.info a{
font-weight:normal;
text-decoration:underline;
font-size:10px;
}

// Wandern Startseite

div.top_wandern{
position:relative;
padding:0;
margin:0;
width:280px;
font-size:10px;
float:left;
}

div.top_wandern div.oben{
position:relative;
background-image:url(img/top_hg_oben_wandern.jpg);
background-repeat:no-repeat;
float:left;
}

div.top_wandern div.unten{
position:relative;
background-image:url(img/top_hg_unten_wandern.jpg);
background-repeat:no-repeat;
background-position:bottom;
float:left;
width:280px;
height:3px;
}

div.top_wandern div.titel {
position:relative;
padding: 12px 5px 5px 5px;
margin:0;
width:250px;
float:left;
font-size:10px;
}

div.top_wandern div.bild {
position:relative;
padding:5px;
margin:0;
width:118px;
float:left;
}

div.top_wandern div.text{
position:relative;
padding:5px;
margin:0;
width:140px;
float:left;
font-size:10px;
}

div.top_wandern div.info{
position:relative;
padding:5px 5px 5px 5px;
margin:0;
width:120px;
float:left;
font-size:10px;
text-align:right;
}

div#topangebote div.top_wandern div.oben div.info a{
font-weight:normal;
text-decoration:underline;
font-size:10px;
}


/* CSS Document */