/*-------adresse ferienwohnung ruegen-------*/
/*Schriftgroessen 69%,76%,86%,93% sind browseruebergreifend*/

@import url("navigation.css");
@import url("csc.css");
@import url("hacks.css");
@import url("sitemap.css");
@import url("rte.css");
@import url("powermail.css");

/*------------------------
	general 
-------------------------*/
	* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; /* don't edit */
	color: #404040;
	}
html {
	/*font-size: 76%; /* don't edit */
	font-size: 62.5%; /* don't edit, all browsers 1em=10px */
	}
html, body {
	height: 100%;
	min-height: 100%; 
	}
body {
  	text-align: center;
  	line-height: 1.8em;
  	font-size: 1em; /*edit here globel size for em, 1em=10px*/
  	background-color: #f8f6df;
	}
div#title h1 { 
	font-weight: bold;
	font-size: 1.4em;
	color: #ff8700;
	margin-top:10px; 
	}
/*------------------------
	outer_wrap 
-------------------------*/
#outer_wrap {
  	margin-left: auto; 
  	margin-right: auto;
  	margin-top:10px;
  	width: 940px;
  	background: #faf9eb url('../images/content_bg.gif') top left repeat-y;
	}
/* apply for full height
#outerWrap {
	min-height: 100%;
	}
* html #outerWrap {
	height: 100%;
	}
*/
#inner_wrap {
	margin: auto;
	width: 940px;
	text-align: left;
	}
/*------------------------
	page_header
-------------------------*/
#page_header {
  	height: 168px;
  	/*background: lightgrey url('../images/randompic.gif') bottom center no-repeat;*/
	}
div#subtitle h2 { 
	font-family: Georgia,Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	color: #fff;
	margin:0;
	padding: 90px 20px 0 0;
	float:right; 
	}
/*------------------------
	topmenu/
-------------------------*/
#menu_bar { 	
	height: 31px;
  	background: #ff8700 url('../images/topmenu-back.gif') top left repeat-x;
  	}	

#topmenu {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 19px;
	color: #fff;
	width: auto; 
	height: 21px;
	margin-right: 0;
	background-color: #ff9f33;	
	border-top: solid 8px #ff8700;
	border-bottom: solid 2px #ff8700;
}
#topmenu ul {
	list-style-type: none;
	height: 21px;
	border-left: solid 1px #ff8700;	
	margin: 0 5px 0 5px;	
	float: right;
}

#topmenu ul li { display: inline; float: left;}

#topmenu li a {
	color: #fff;
	text-decoration: none;
	border-right: solid 1px #ff8700;
	border-bottom: solid 1px #ff9f33;
	padding: 0 15px 0 13px;	
	float: left;
}
#topmenu li a:hover {
	background-color: red;
	border-bottom: solid 1px red;	
}

#topmenu li.current a {
	font-weight: bold;	
	background-color: red;
	border-bottom: solid 1px red;	
}

#topmenu li.current a:hover {
	border-bottom: solid 1px red;
}

/*------------------------
	clickpath
-------------------------*/
div#clickpath { 
/*display:block;*/
	width: auto;
	margin:15px 5px 25px 25px;
	}
div#clickpath ul { 
	display: inline;
	font-size: .9em;
	overflow:hidden;
	}

#clickpath ul li,
#clickpath ul li ul,
#clickpath ul li ul li,
#clickpath ul li ul li ul, 
#clickpath ul li ul li ul li  {  display: inline; }
#clickpath a { text-decoration:none; font-size: .9em; }
#clickpath a.current { text-decoration:underline; }
/*------------------------
	content_wrapper 
-------------------------*/
#content_wrapper { display: table; }
#wrap {	display: table-row; }

#col_left
#col_middle,
/*#col_right,*/
#content
 	{
	display: table-cell;
	vertical-align: top; 
	}
/*------------------------
	left_side
-------------------------*/
#col_left {
  	float:left;
  	width:232px;
	font-size: 1.2em;
	}
/*------------------------
	colMiddle/content
-------------------------*/
#col_middle {
	float:left;
	width: 708px;
	font-size: 1.2em;
	}
#content {  padding: 0 25px 0 25px; }
#colNormal { }
/*------------------------
	right_side
-------------------------*/
/*#col_right  { width:208px; } #col_right p { font-size: 1.2em; padding:0 10px 0 10px; } */
/*------------------------
	footer
-------------------------*/
#page_footer {
	background: #fa9035;
  	height: 40px;
	width: auto;
	font-size:1.1em;
	}

#copyright {
	margin: 10px 5px 5px 5px;
	float:left; 
  	width: auto;
  	font-size:1.em;
	}
#footermenu {
	float:right; 
	margin: 10px 10px 5px 5px;
	width:auto;
	height: 20px;
	}
#footermenu ul li, #footermenu ul li ul, #footermenu ul li ul li, #footermenu ul li ul li ul, #footermenu ul li ul li ul li  
	{ 
	display: inline; 
	overflow:hidden;
	}
#footermenu a { text-decoration:none; }
#footermenu ul li a:link { color: #000; }
#footermenu ul li a:visited { color: #000; }
#footermenu ul li a:hover { color: #fff; }
#footermenu ul li a:active { color: #fff; }
#footermenu ul li a:focus { color: #fff; }


#drucken {
	display:none;
	float:left;
  	width: 208px;

	}
	
/*------------------------
	Clearfix-Methode
	(http://www.positioniseverything.net/easyclearing.html)
-------------------------*/

.clear {
	clear: both;
	}
 /* Clearfix-Methode */
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* safari/Mac */
.clear {display: block;}



/****************************************/
/* Frontend editing / TYPO3 Admin Panel */
/****************************************/
IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; } 
 
/* Default styles for the Admin Panel */
TABLE.typo3-adminPanel { text-align:left; border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #9BA1A8; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; }
TABLE.typo3-adminPanel TD FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-adminPanel TD A FONT { font-family: verdana; font-size: 10px; color: black; }   
TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-editPanel TD { border: 0px; }