/**
* Design und Layout 'Appartment'
* (c) 2009 by website baker services  http://www.websitebakers.org
* Details zur Lizenz siehe info.php des Templates
*/


/* Definierte Startwerte alle HTML-Elemente */
* { 
 	margin: 0;
 	padding: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Customise the standard HTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a:link, a:visited, a:active {
	color: #f2f1f6;
	text-decoration: underline;
}
a:hover {color:#aaa; text-decoration: none;}


hr {color:#f2f1f6;}

/* Page Headings */
h1, h2, h3, h4, h5, h6 {color: #fff;}

strong {color: #fff;}

p {margin:0;}


h1 { 
	margin:10px 0 6px 0;
	font-size: 24px;	
}

h2 { 
	margin:10px 0 4px 0;
	font-size: 18px;	
		
}

h3 { margin:10px 0 4px 0;
	font-size: 16px;	
}

h4 {	
	margin:10px 0 0 0;	
	font-size: 1em;	
	
}

h5 {
	margin:10px 0 0 0;	
	font-size: 0.9em;	
}

h6 {
	margin:3px 0 0 0;	
	font-size: 0.75em;	
}



/* Schrift und Hintergrund Browserseite */
body { 
font-family: Georgia, sans-serif;
color:#333;
font-size:12px;
background:url(../img/bg.jpg) repeat-x #fff;
}

#wrap { 
margin:0px auto; 
width:1020px;
min-height:600px;
}

#site { 
border:2px solid #850000;
float:left;
min-height:500px;
width:976px;
margin-bottom:20px;
color:#fff;
}


/* Schrift und Hintergrund Head */
#head { 
width:976px;
float:left;
height:388px;
background:url(../img/header.jpg) #fff;

}

#slider { }


/* Schrift und Hintergrund Navi */
#navi { 
float:left;
height:41px;
width:976px;
background:url(../img/bg-menu.jpg)  #fff;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#navimain { 
height:41px;
width:866px;
margin-left:100px;
padding-right:275px;
border-left:1px solid #DEB26A;
}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


#navimain ul {
	list-style-type: none; 
		
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}

/* Root Level Link Formatting */
#navimain ul li {float: left; color: #DEB26A; font-weight: normal;  padding-right:10px; padding-left:10px;line-height:42px; }
#navimain ul li a {display: block; padding-right:20px; padding-left:0px; color: #DEB26A; text-decoration: none;  border-right:1px solid #DEB26A; font-size:14px;}
/* Root Level link hover */
#navimain ul li a:hover, #navimain li a:focus, #navimain li a:active, #navimain ul li a.active,{color: #fff;}
#navimain .menu-parent a {color: #fff;}


/*Current page Customisations*/
#navimain a.menu-current  {color:#fff;} 

/* 2nd Child menu */
#navimain .menu li ul {position: absolute; top:42px; left:-10px; width:130px; padding-top:0px; display: none;  font-size: 13px; background:#850000; }
#navimain .menu li ul li {width:100px; text-align: left; font-weight: normal; margin: 0; line-height: 1.2em;  padding-bottom:6px;padding-top:6px; padding-left:20px;border-bottom:1px solid #fff;}
#navimain .menu li ul li a { color: #fff; font-weight: normal;  background: none; border-right:none; }

/* 2nd Child link hover */
#navimain .menu li ul a:hover,  #navimain .menu li ul a.menu-current {color:#DEB26A;}
#navimain .menu li ul a.menu-parent {color:#DEB26A;}

/* Show and hide */
#navimain .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#navimain .menu li ul ul { display: none;}
#navimain .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#navimain .menu li:hover>ul, #navimain .menu li li:hover>ul, #navimain .menu li.subMenu>ul, #navimain.menu li li.subMenu>ul {display: block;  z-index: 1000;}


/* Positioning the Pop-out Drops */
#navimain li {position: relative;}

#navimain ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

#navimain li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

/* end menu */


/* Schrift und Hintergrund Conatainer*/
#container { 
width:976px;
float:left;
min-height:130px;
background:#850000;
}

#left { 
float:left;
min-height:300px;
margin-top:0px;
width:273px;
}

#map { 
background:url(../img/plan.jpg) ;
float:left;
height:219px;
width:273px;
}

.head {
color:#DEB26A;
font-size:14px;
font-weight:bold;
margin-top:196px;
padding-left:25px;
}



#box3 { 
background:url(../img/box3.jpg);
float:left;
min-height:128px;
width:273px;
}

#text3{ 
padding:16px;
}

/* Schrift und Hintergrund Main*/
#main { 
float:left;
margin-left:0;
min-height:468px;
width:428px;
border-left:1px solid #fff;
border-right:1px solid #fff;
}




#content { 
float:right;
min-height:200px;
width:584px;
}

#text1{ 
padding:16px;
}

#right { 
float:right;
min-height:400px;
width:273px;
}

#form  {  
background:url(../img/bg-form.jpg) no-repeat #4b0102;
float:left;
min-height:169px;
width:273px;
}

.head1 {
color:#DEB26A;
font-size:16px;
font-weight:bold;
padding:10px 10px 10px 25px;
}

.head2 {
padding:10px 10px 10px 25px;
color: #deb26a;
font-size:14px;
font-weight:bold;
}

.right-content  {  
padding:0px 10px 10px 25px;
}

.right-content a  {  
color:#fff;
font-size:11px;
font-weight:normal;
}

/*

#shorty  {  
background:url(../img/bg-short.jpg) no-repeat;
float:left;
height:85px;
width:273px;
border-top:1px solid #fff;
}
*/

#shorty  {  
display:none;
}

#longy  {  
background:url(../img/bg-short.jpg) no-repeat;
float:left;
height:85px;
width:273px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

#last-image  {  
float:left;
min-height:85px;
width:273px;
}

#image  {  
padding:18px;
}


#footer  {  
color:#fff;
float:left;
height:20px;
width:976px;
font-size:10px;
}



#wb-footer  {  
float:left;
padding-left:20px;
width:700px;
}

#wb-footer a {text-decoration:none; color:#fff;}

#wb-footer a:hover { text-decoration:underline;}



#traum {
float:right;
padding-right:20px;
text-align:right;
width:236px;
}

#traum a {text-decoration:none; color:#fff;}

#traum a:hover {text-decoration:underline;}


/* Schrift und Hintergrund rechte Seite*/
#icons { 
min-height:500px;
width:28px;
float:right;
margin-right:12px;
}

#flags { 
float:left;
margin-bottom:20px;
margin-top:20px;
min-height:50px;
padding-left:9px;
width:19px;
}

#buttons { 
float:right;
min-height:100px;
width:28px;
}

#icon1 { 
background:url(../icons_20/1.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}

#icon2 { 
background:url(../icons_20/2.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon3 { 
background:url(../icons_20/3.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon4 { 
background:url(../icons_20/4.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon5 { 
background:url(../icons_20/5.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon6 { 
background:url(../icons_20/6.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon7 { 
background:url(../icons_20/7.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon8 { 
background:url(../icons_20/8.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon9 { 
background:url(../icons_20/9.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon10 { 
background:url(../icons_20/10.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon11 { 
background:url(../icons_20/11.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon12 { 
background:url(../icons_20/12.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon13 { 
background:url(../icons_20/13.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon14 { 
background:url(../icons_20/14.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon15 { 
background:url(../icons_20/15.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon16 { 
background:url(../icons_20/16.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon17 { 
background:url(../icons_20/17.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}
#icon18 { 
background:url(../icons_20/18.png) no-repeat;
float:right;
height:20px;
width:20px;
margin-bottom:2px;
}

div[id|="icon"] { cursor: pointer; }

div#tooltip {
visibility: hidden;
display:block;
width: 150px;
height: 100px;
background-color:#FFFFFF;
border:1px solid #666666;
position: absolute;
left: 100%;
margin-left: -350px;
top: 200px;
z-index:999999;
padding:10px;
opacity: 0.7;
}


div#tooltip img {
float:left;
padding-right:10px;
verical-align:top;
}