/*
 * Simplpan Admin Panel
 *
 * Copyright (c) 2011 Kasper Kismul
 *
 * http://themeforest.net/user/Kaasper/profile
 *
 * This file resets default browser CSS.
 *
 */

html { 
	margin:0; 
	padding:0; 
	border:0; 
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */ 
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

/* Line-height should always be unitless! */
body {
  line-height: 1.3;
  background: white; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { 
	border-collapse: separate; 
	border-spacing: 0; 
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td { 
	text-align: left; 
	font-weight: normal; 
	float:none !important; 
}
table, th, td { 
	vertical-align: middle; 
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }


body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #58585a;
  font-family: Arial, sans-serif;
  text-align:center;
}

/* Wrapper
-------------------------------------------------------------- */

#wrap {
  margin: 3em auto;
  clear: both; 
  width:1000px;
  overflow:visible;
  position:relative;
  text-align:left;
}

#logo_bg {
  background:url(img/logo_bg.png) repeat-x left top;
  height:51px;
  overflow:hidden;
}

div#content {
  clear:both;
  padding-top:40px;
}

div#leftSide {
  float:left;
  width:295px;
}

  div#leftSide img {
    position:relative;
    z-index:1;
  }

div#rightSide {
  float:right;
  width:670px;
}

div#byFels {
  margin-top:-45px;
  position:relative;
  z-index:1;
}

div#text {
  padding-top:10px;
  float:left;
  width:250px;
}
.paddingTop {
  padding-top:15px;
}

div#plan {
  float:right;
  width:350px;
  position:relative;
  z-index:0;
  margin-top:-20px;
}

a:link,
a:visited {
  text-decoration:underline;
  color: #58585a;
}

a:hover,
a:active {
  text-decoration:none;  
}

div#footer {
  background:#90b6bf;
  position:relative;
  top:-30px;
  z-index:0;
  clear:both;
  text-align:center;
}

div#footer a:link,
div#footer a:visited,
div#footer a:hover,
div#footer a:active {
  text-decoration:none;  
  color:#fff;
}

  div#footer div#inner {
    margin:auto;
    width:670px;
    padding:25px 0 25px 335px;
    text-align:left;
    color:#fff;
  }
  
  div#footer div#inner #left,
  div#footer div#inner #right {
    padding-top:10px;
    float:left;
  }
  div#footer div#inner #left {
    width:150px;
  }
  
  div#footer #right2 {
    float:right;
    position:relative;
    margin-top:-40px;
    padding:10px 100px 0 0;
  }

div.clear {
  clear:both;
}

h1 { 
  font-size:24px;
}

h2 {
  font-size:16px;
  color:#043882;
  padding-bottom:5px;
}

#imprint {
  position:relative;
  top:-25px;
  z-index:0;
  clear:both;
  text-align:center;
  border-top:1px solid #707173;
  padding-top:5px;
}
ul {
  margin:5px 0;
}
li {
  padding:2px 0px 2px 2px;
  margin-left:10px;
}

#imprint a:link,
#imprint a:visited,
#imprint a:hover,
#imprint a:active {
  text-decoration:none;
}

#imp_col1,
#imp_col2,
#imp_col3 {
  float:left;
  height:240px;
  padding-right:10px;
  font-size:12px;
  overflow:visible;
}

#imp_col1 {
  width:200px;
}
#imp_col2 {
  width:260px;
}
#imp_col3 {
  width:155px;
}

#p_col1,
#p_col2 {
  float:left;
  height:255px;
  padding-right:6px;
  font-size:12px;
  width:327px;
}