/* Css originally by mejobloggs  Design by Aran @ stuio7designs.com  Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */




body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: #444;
	background-color: white;
	line-height: 180%;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Set the page width */
#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer {
	width: 70%;
	min-width: 650px;
	margin: 0 auto;
	text-align: left;
}
 #headera {
	width: 70%;
	min-width: 650px;
	margin: 0 auto;
	text-align: right;
}

#wrapper-menu-top {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}

#sprachenanzeige {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#sprachenanzeige ul {
	margin: 0 20px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 95%;
	float: left;
}

#sprachenanzeige li {
	display: inline;
	float: left;
}

#sprachenanzeige a {
	float: left;
	/*background:url(images/menuleft.png) no-repeat left top;*/
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#sprachenanzeige a span {
	/*background: transparent url(images/menuright.png) no-repeat right top;*/
	padding:5px 15px 4px 6px;
	color:#B36300;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}
 #sprachenanzeige a:link {
    color: #B36300; background-color: white; text-decoration:none;
  }
 #sprachenanzeige a:visited {
    color: #B36300; background-color: white; text-decoration:none;
  }
 #sprachenanzeige a:active {
    color: #FF8D00; background-color: white; text-decoration:none;
  }

 #sprachenanzeige a:hover {
     background-position:0% -42px; color: #FF8D00; background-color: white;
     text-decoration:none;
 }
 #sprachenanzeige a:hover span {
   background-position:100% -42px; color: #FF8D00; background-color: white; text-   decoration:none;
 }


#wrapper-header {
	background: transparent url('images/bg.png') top center repeat-x;
}

#header {
	height: 192px;	 font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
         background: white;

}
#headera {
	height: 192px;	 font-family: "traditional arabic","Lucida Sans Unicode",arial,sans-serif;
            background: white; direction:rtl;
}

#wrapper-header2 {
	background: transparent url('images/bg02-blue-left.png') top left no-repeat;
	height: 192px;
}

#wrapper-header3 {
	background: transparent url('images/bg02-blue-right.png') top right no-repeat;
height: 192px;

}
#header1 { height: 191px;}
#header h1 {
	margin: 0 30px;
	padding: 20px 0 0 0;

	line-height: 1.3em;
	color:  #444;
	font-size: 245%;
font-weight: normal;
}
#headera h1 {
	margin: 0 30px;
	padding: 5px 0 0 0;
	direction:rtl;
	line-height: 1.1em;
	color:  #444;
	font-size: 275%;
font-weight: normal;
}
#header h2 {
	margin: 0 30px;
	padding: 0px 0 0 0;

	/*font-variant:small-caps;  */
	line-height: 1.1em;
	color:  #444;
	font-size: 130%;
	font-weight: normal;
}
#headera h2 {
	margin: 0 30px;
	padding: 0px 0 0 0;
	direction:rtl;
	/*font-variant:small-caps;  */
	line-height: 1.1em;
	color:  #444;
	font-size: 200%;
	font-weight: normal;
}
#header h3 {
	margin: 0 0px 0 30px;
	padding: 10px 0 0px 0;

	line-height: 1.3em;
	color:  #444;
	font-weight: normal;
	font-size: 90%;
}
#headera h3 {
	margin: 0 30px;
	padding: 10px 0 0px 0;
	direction:rtl;
	line-height: 1.3em;
	color:  #444;
	font-weight: normal;
	font-size: 130%;
}
#wrapper-content {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}

* html #wrapper-content { height: 1%; }

#content {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	padding: 5px 40px 5px 245px;
         text-align: left;
}
#content-ar {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	padding: 5px 245px 5px 40px;
         text-align: right;
	font-size: 150%;
	direction:rtl;
        font-family: "traditional arabic","Lucida Sans Unicode",arial,sans-serif;
}

#wrapper-menu-page {
	float: left;
	width:180px;
	margin: 20px 30px 2em 30px;
	background: transparent url('images/menu.png') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}
#wrapper-menu-page-ar {
	float: right;
	width:180px;
	margin: 20px 30px 2em 30px;
	background: transparent url('images/menu.png') no-repeat;
	text-align: center;
	direction:rtl;
	font-size: 150%;
	font-family:"Traditional arabic","Lucida Sans Unicode",arial,sans-serif;
}

* html #wrapper-menu-page { margin-right: 15px; }
* html #wrapper-menu-page-ar { margin-right: 15px;direction:rtl; }
#menu-page { padding-top: 20px; }

#menu-page ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}

#menu-page h3 {
	font-size: 75%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #B36300;
	font-weight: normal;
	letter-spacing: 0.15em;
	line-height: 200%;
}

#menu-page a:link, #menu-page a:visited { color: #B36300; line-height: 200%;}
#menu-page a:hover { color: #FF8D00; line-height: 200%;}

#wrapper-footer {
	margin-top: 1em;
	text-align: center;
}

#footer {
	margin: 0 20px;
	background-color: #eee;
	border: 1px solid #ccc;
	border-bottom: 0;
	clear: both;
        font-size: 90%;

}
#footerde 
{
text-align:right; direction:ltr;font-family: trebuchet ms, verdana, arial, tahoma;
}
#footerar
{
text-align:left; direction:rtl;font-family:"Traditional arabic","Lucida Sans Unicode",arial,sans-serif;font-size:130%;
}


h2 { font-size: 110%; }
h3 { font-size: 100%; }

a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }

div.menu.de
{
 font-size: 0.9em;
 width: 150px;
 font-variant:small-caps;
 margin: 0 ;
 padding: 0 5px 0.7em 5px;
 direction:ltr;
 float:left;
 font-family:Verdana, Arial;

}

div.menu.en
{
 font-size: 0.9em;
 font-variant:small-caps;
 width: 150px;
 margin: 0 5px 0.7em 5px;
 padding: 0;
 direction:ltr;
 float:left;
 font-family:Arial;

}
div.menu.ar
{
 font-size: 1.6em;
 width: 150px;
 margin: 0 5px 0.5em 5px;
 padding: 0;
 direction:rtl;
 float:right;

 font-family: "traditional arabic","Lucida Sans Unicode",arial,sans-serif;
}

div.menu a {
    display: block;
    padding: 0;   font-variant:small-caps;
    font-weight: bold;
  }
 div.menu a:link {
    color: #B36300; background-color: white; text-decoration:none
  }
  div.menu a:visited {
    color: #FF8D00; background-color: white; text-decoration:none
  }
  div.menu a:hover {
    color: #FF8D00; background-color: white; text-decoration:none
  }
  div.menu a:active {
    color: #FF8D00; background-color: white; text-decoration:none
  }

div.submenu
{
	font-size: 0.9em;
}
#d-in-a 
{
        font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 70%;
	
}

#a-in-d 
{
        font-family: "traditional arabic", "Lucida Sans Unicode", arial, sans-serif;
	font-size: 130%;
	
}

#tabelle {vertical-align:top}
tr.oben { vertical-align:top}
td.erstespalte { width: 30%}
td.zweitespalte {vertical-align:top; width: 30%}

#info-box
{
text-align:left;
padding:10px;
border:thin dashed #FF8D00;
margin:10px;
margin-right:0px;
width: 30%;
float:right;
font-family: trebuchet ms, verdana, arial, tahoma;
font-size: 90%;

}
#info-box h1
{
    font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 120%;
	color: #FF8D00;
}

#urlaubsbox-d
{
text-align:center;
margin: 10px ;
border:2px dashed #FF8D00;
padding:10px;


font-family: trebuchet ms, verdana, arial, tahoma;
font-weight:bold;
font-size: 100%;

}
#urlaubsbox-a
{
text-align:center;
margin: 10px ;
border:thin dashed #FF8D00;
padding: 10px;


  font-family: "traditional arabic", "Lucida Sans Unicode", arial, sans-serif;
	font-size: 130%;

}