/* 
* Versicherungsmakler Berlin Brandenburg 
* Stylesheet für versicherungsmakler-berlin-brandenburg.de
* Autorin: Julia Wähnert
* 
* */


/*** Globale Einstellungen ***/

body
{
  margin:0;
  margin-top:3%;
  padding:0;
  height: 99%;
  width:99%;
  background-image:url(images/backgr_blue.gif);
  overflow:hidden;
  line-height: 150%; 
}

* 
{
  font-size: 9pt;
  font-family: Verdana, sans-serif;
  color: #000000;
  text-align: left;
}

/** Container **/

#first_container
{
  margin: 0 auto 0 auto;
  display: table;
  height: 100%;
  position: relative;
  width: 1001px;
}

#second_container
{
  position: absolute;
  vertical-align: middle;
  width: 1000px;
}

#topnavi {
  width: 120%;
  height:2.2em;
  padding-bottom:0.1em;
  
}
#main {   /*umfasst Sidebar und Content*/
  margin:0;
  border:20px solid #0A285C;
  height:25em;
  width: 960px;
  background: #daeaf0;  
}
#sidebar {
  margin-top:1.5em;
  width:27%;
  float:left;
   
}
#content {
  width:70%;
  height:80%;
  float:right;
  overflow:auto;  
     
}

#subnavi {
  
}
#footer {
  padding:0.3em 0;
  text-align:center; 
}
#formular {
    
}

/** Einzelne Elemente **/

/* Überschriften */

h1 {
    margin: 0.75em auto;
    text-align:center;
    font-size:1.5em;
    font-variant:small-caps;
    font-weight:normal;
    letter-spacing: 0.1em;
}

h2 {
    margin: 0.5em auto;
    font-size:1.3em;
    letter-spacing: 0.1em;
    font-weight:normal;

}

h3 {
    margin-left:1.5em;
    font-size:1.1em;
    letter-spacing: 0.1em;
    font-weight:normal;
}

h4 {
    margin:auto 0.5em;
    padding:0;
    font-size:1.1em;
    display:inline;
    float:left; 
    
}
/* Text */

p {
   margin: 0.5em auto;
   font-size:1em; 
}

p.credit {
  text-align:center;
  font-size:0.8em;
  border-top:1px dotted #0A285C;
}
p.adresse, li.adresse {
  border-left: 5px solid #ccc;
  margin-left: 2em;
  padding-left:1em;  
}



/* Links */
a {
 font-weight:normal;
 text-decoration:none;
 font-size:1em;
 color:#5281B9;
 border-bottom:1px dotted #5281B9;  
}

a:active,a:hover{
  color:#FF8000;
  border-bottom:1px dotted #FF8000;  
}


#topnavi a {
  padding-right:10px;  
  font-size:1.3em;
  font-variant:small-caps;
  font-weight:bold;
  color:#daeaf0;
  border-bottom:none;
}

#topnavi a.aktiv {
  /*background-image:url(images/backgr_brown.jpg); */
  /*border:3px inset #0A285C;*/
  color:#000000;
}

#topnavi a:active, #topnavi a:hover {
  /*background-image:url(images/backgr_brown.jpg);   */
  /*border:3px inset #0A285C;*/
  color:#000000;  
}


#subnavi a {
    color:#0A285C;
    border:none;
}

#subnavi a:active, #subnavi a:hover {
    color:#FF8000;
}




#footer a {
  border-bottom:1px dotted #daeaf0;  
}
     
#footer p, #footer a, #footer li {
  margin:auto 0.5em;
  font-size:1em;  
  color:#daeaf0;
}
/* Bilder */
img {
    border:none;
    margin:0;
    padding:1.5em;

}

img.bottom {
    padding:0;
    float:right;
}

/* Listen */
ul {
  list-style-type:square;
  vertical-align:middle;
}
ol {
    
}

li {
    
}

#topnavi ul, #subnavi ul  {
   list-style-type:none;
   display:block;
   padding:0;
   
}

#topnavi li{
    margin:0 5px 5px 0;
    float:left;
    
}

#subnavi ul {
    height:2em;
    border-top:medium double #0A285C;
    border-bottom:medium double #0A285C;
}

#subnavi li {
    margin:5px 15px;
    float:left;
    /*border-bottom:1px dotted #0A285C; */
}

ul.contact {
   list-style:none;
   display:inline;
   list-style-position:inside;
   
}

ul.contact img {
    float:left;
    padding:0;
}

li.contact {    
    float:left;
    }


/* Logische Auszeichnungen */

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left:0.5em;
}

cite {
  /* Autor eines Zitats */
  font-size: 100%;
  font-style: oblique;
}