/* andreas02 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 27, 2005)

Screen layout: */

/* KB body background changed from #e0e0e0 to #fef6b0 */
body {
padding: 0;
margin: 12;
font: 76% tahoma, verdana, sans-serif;
background: #fef6b0;
color: #303030;
overflow: -moz-scrollbars-vertical;
}

.featurelist {
 font-variant: normal;
 text-transform: none;
 text-decoration: none;
 text-indent: 0px;
 list-style-position: outside;
 list-style-image: url(http://www.standortanalyse.biz/images/checkmark.png);
 padding:  0px 0px 0px 0px;
 margin: 0px 0px 20px 40px;
}

a {
text-decoration: none;
color: #286ea0;
}

a.news {
text-decoration: none;
color: #303030;
}

a:hover {
text-decoration: underline;
}

#toptabs {
margin: 10px auto -13px auto;
font-size: 0.8em;
width: 760px;
}

#toptabs p {
text-align: right;
color: #808080;
}

/* KB background changed from #f0f0f0 to color changed from #808080 to #fef6b0 */
.activetoptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
color: #fef6ee;
text-decoration: none;
background: #bca264 url(images/corner22.png) top right no-repeat;
border-bottom: 1px solid #fef6ee;
}

/* KB changed background from #fafafa to #FF9E35 and color from #505050 to #fef6ee */
.toptab:hover {
background: #FF9E35 url(images/corner23.png) top right no-repeat;
border-bottom: 1px solid #eaeaea;
color: #fef6ee;
text-decoration: none;
}

.toptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
color: #fef6ee;
text-decoration: none;
background: #dec486 url(images/corner22.png) top right no-repeat;
border-bottom: 1px solid #fef6ee;
}

.activetoptab:hover {
text-decoration: none;
}

#container {
margin: 0 auto 15px auto;
width: 760px;
padding: 5px 20px 20px 20px;
background: #ffffdd url(images/container.png) repeat-x;
}

#logo {
margin: 15px 0 0 0;
}

#logo h1 a {
color: #303030;
}

#logo h1 a:hover {
text-decoration: none;
}

#navitabs {
clear: both;
}

/* KB changed background from #fafafa to #bca264 and color from #505050 to #fef6ee */
.activenavitab {
padding: 4px 8px 5px 8px;
color: #fef6ee;
margin: 0 0 5px 0;
text-decoration: none;
letter-spacing: 1px;
background: #bca264 url(images/corner12.png) top right no-repeat;
}

/* KB changed background from #d0d0d0 to #FF9E35  */
.navitab:hover {
text-decoration: none;
background: #FF9E35 url(images/corner13.png) top right no-repeat;
}

/* KB background changed to #513619 */
.navitab {
padding: 4px 8px 4px 8px;
color: #fef6ee;
margin: 0 0 4px 0;
text-decoration: none;
letter-spacing: 1px;
border-left: 1px solid #fef6ee;
border-right: 1px solid #fef6ee;
border-bottom: 1px solid #fef6ee;
background: #dec486 url(images/corner12.png) top right no-repeat;
}

.activenavitab:hover {
text-decoration: none;
}

#desc {
height: 225px;
font: tahoma, verdana, sans-serif;
line-height: 1.5em;
text-align: left;
color: #fef6ee;
padding: 0;
background: #513619 url(images/gbc.jpg) top left no-repeat;
clear: both;
margin: 5px 0 0 0;
}

#desc_flat {
height: 88px;
color: #fef6ee;
padding: 0;
background: #513619 url(images/gbc_flat.jpg) top left no-repeat;
clear: both;
margin: 5px 0 0 0;
}

#desc_ov {
font: tahoma, verdana, sans-serif;
line-height: 1.5em;
text-align: left;
position:relative;
top:78px;
background-color:#513619;
width:760px;
height:147px;
z-index:1;
}

#twitter {
position:absolute;
right:6px;
top:4px;
z-index:112;
}

#desc_breadcrump {
position:relative;
font:0.9em tahoma, verdana, sans-serif;
color:#fef6b0;
top:128px;
left:11px;
z-index:0;
}

#desc_breadcrump_flat {
position:relative;
font:0.9em tahoma, verdana, sans-serif;
background-color:#513619;
color:#fef6b0;
top:72px;
left:11px;
z-index:100;
}

#searchbox {
float:right;
position: relative;

right:5px;
top:119px;
z-index:110;
}

#desc_text {
position:relative;
font: tahoma, verdana, sans-serif;
line-height: 1.3em;
text-align: left;
color:#fef6b0;
top:4px;
left:11px;
z-index:0;
}

#desc_text2 {
position:relative;
font: tahoma, verdana, sans-serif;
line-height: 1.3em;
text-align: left;
color:#fef6b0;
top:4px;
left:11px;
z-index:0;
}

#desc_text3 {
position:relative;
font: tahoma, verdana, sans-serif;
line-height: 1.3em;
text-align: left;
color:#fef6b0;
top:4px;
left:11px;
z-index:0;
}

#desc_text4 {
position:relative;
font: tahoma, verdana, sans-serif;
line-height: 1.3em;
text-align: left;
color:#fef6b0;
top:4px;
left:11px;
z-index:0;
}

#desc_e {
height: 225px;
color: #fef6ee;
padding: 0;
background: transparent url(images/gbc_e.jpg) top left no-repeat;
clear: both;
margin: 5px 0 0 0;
}

#desc p {
width: 290px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#desc h2 {
padding: 15px 15px 0 15px;
color: #fef6ee;
}

#desc a {
color: #fef6ee;
text-decoration: underline;
}

#desc_flat a {
color: #fef6ee;
text-decoration: underline;
}

#desc_e a {
color: #fef6ee;
text-decoration: underline;
}

#main {
width: 589px;
float: left;
padding: 0 15px 0 0;
border-right: 2px solid #d0d0d0;
margin-right: -1px;
}

#main_cse {
width: 758px;
float: left;
padding: 0 15px 0 0;
border-right: 0px solid #d0d0d0;
}

#cse-search-results {
width: 758px;
float: left;
padding: 0 15px 0 0;
border-right: 0px solid #d0d0d0;
}

#map {
background-color:#fef6ee;
padding-bottom:0px;
border:1px solid #513619;
width: 758px;
}

.block {
background: #f0f0f0;
padding: 15px;
}

#standortanalyse_index_pushpin
{
width: 152px;
height: 106px;
background: url(images/pushpin_blue.png) top left no-repeat;
}

#standortanalyse_landing_pushpin
{
width: 152px;
height: 106px;
background: url(images/pushpin_blue2.png) top left no-repeat;
}

#standortanalyse_index_zoohandel
{
width: 152px;
height: 104px;
background: url(images/zoohandel_light.png) top left no-repeat;
}

#standortanalyse_index_spot
{
width: 152px;
height: 99px;
background: url(images/spot_prototyp.png) top left no-repeat;
}

#standortanalyse_index_einzugsgebiet
{
width: 152px;
height: 110px;
background: url(images/standortanalyse_einzugsgebiet_div.png) top left no-repeat;
}

#standortanalyse_landing_einzugsgebiet
{
width: 152px;
height: 110px;
background: url(images/standortanalyse_einzugsgebiet_gruen_div.png) top left no-repeat;
}

#standortanalyse_index_marketing
{
width: 172px;
height: 103px;
background: url(images/standortanalyse_marketing_div.png) top left no-repeat;
}

.standortanalyse_index_box {
clear: left;
width: 588px;
}

.standortanalyse_index_image
{
width: 140px;
float: left;
}

.standortanalyse_index_text
{
width: 436px;
margin-left: 152px
}

#sidebar {
width:147px;
float:right;
padding-left: 7px;
border-left: 2px solid #d0d0d0;
margin-left: -1px;
}

#sidebar p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 12px 0;
}

.sidelink {
text-align: left;
display: block;
width: 120px;
background: #f0f0f0 url(images/corner1.png) top right no-repeat;
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
}

.sidelink:hover {
background: #e0e0e0 url(images/corner1.png) top right no-repeat;
text-decoration: none;
}

#footer {
clear: both;
background: #fafafa;
color: #808080;
font-size: 0.9em;
padding: 8px 0 8px 0;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
text-align: center;
}

#footer a {
color: #808080;
}

h1 {
margin: 18px 0 10px 0;
font-size: 1.4em;
font-weight: normal;
}

h2 {
margin: 18px 0 10px 0;
font: 76% tahoma, verdana, sans-serif;
font-size: 1.1em;
font-weight: bold;
}

h3 {
margin: 18px 0 10px 0;
font-size: 1.4em;
font-weight: normal;
}

p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}

ul {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
line-height: 1.5em;
text-align: left;
list-style-type: circle;
}

#price_div table {
border-top: 1px solid #d0d0d0;
border-bottom: 0px solid #d0d0d0;
border-left: 0px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
}

#price_div td {
border-top: 0px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
border-right: 0px solid #d0d0d0;
line-height: 20px;
}

.right {
text-align: right;
}

a img {
border: 0;
}

.photo {
padding: 5px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
}

.siehstdunix {
display: none;
}

.DemoButton { 
color:#050;
width:140px;
font: bold 100% 'trebuchet ms',helvetica,sans-serif; 
}

.table_header {
color: #FEF5B0;
font-weight: bold;
text-align: center;
}

.table_subtitle {
font-size: 71%
}

.menulist {
 font-size: 0.9em;
 line-height: 1.3em;
 font-variant: normal;
 text-transform: none;
 text-decoration: none;
 text-indent: 0px;
 list-style-position: outside;
 list-style-image: url(http://www.standortanalyse.biz/images/item.png);
 padding:  0px 0px 0px 0px;
 margin: 0px 0px 0px 16px;
}

.breadcrump_path {
 font-size: 0.9em;
 line-height: 1.3em;
 font-variant: normal;
 text-transform: none;
 text-decoration: none;
 text-indent: 0px;
 padding:  0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}

.barometer_small {
	float: left;
	width: 10px;
	margin:0px;
	padding:0px;
	height:15px;
}

/* alert box and screen display --------------- */
#alert_screen {
  z-index:101;
  position: fixed;
  height:100%;
  width:100%;
  background-color: #000000;
  opacity:0.6;
  filter: alpha(opacity=60);
  left:0px;
  right:0px;
  top:0px;
  bottom:0px;
  margin:0px;
  padding:0px;
}

#alert_content {
  opacity:1;
  filter: alpha(opacity=100);
  text-align: center;
  vertical-align: middle;
  height: 100%;
  width: 100%;
  z-index:102;
}

#alert_box {
  opacity:1;
  filter: alpha(opacity=100);
  top:0;
  left:0;
  margin-left:30%;
  margin-right:30%;
  margin-top:20%;
  z-index:103;
  position:fixed;
  text-align: left;
  background-color:#fef6b0;
  padding:0px;
}

#alert_box p {
  opacity:1;
  filter: alpha(opacity=100);
  position:relative;
  margin:8px;
  padding:8px;
  line-height: 1.5em;
}