/*
stylesheet fuer tobmedia.de
Media: Bildschirmausgabe

Description: tobmedia theme #v 1.0
Version: 1.0
Author: Alexander Tobisch
*/


html {
padding:0;
margin:0;
}

body {
padding:0;
margin:0;
font-size: 80%;
color: #363636;
font-family: Verdana, Arial, sans-serif;
background: white url(img/bg.gif) repeat-x top;
}

a, a:visited {
/* color: #5B6585; */
color: #485685;
text-decoration: underline;
}

a:hover, a:active, a:focus {
text-decoration: none;
color: #363636;
}


.invis {
display:none;
}

.clear {
clear:both;
}

a img {
border-width: 0;
background-color: transparent;
}

a:hover img {
border-width: 0;
}

acronym[title] {
border-bottom: 1px dotted #9F9F9F;
cursor: help;
}




#seite {
margin:auto;
width:751px;
margin-top:16px;
border-left: 1px solid white;
border-right: 1px solid white;
height:300px;
background-color:white;
}

#logo {
width:529px;
height: 51px;
float:left;
background: white url(img/logo_bg.gif) no-repeat bottom right;
}

#servicenavi {
width:221px;
float:right;
height:51px;
white-space:nowrap;
text-align:center;
}

 #servicenavi ul {
 margin:0;
 padding:0;
 list-style-type: none;
 margin-right:8px;
 }

 #servicenavi ul li {
 display:inline;
 padding: 0px;
 margin: 0px;
 margin-right: 5px;
 }

 #servicenavi a, #servicenavi a:visited, #servicenavi a:active, #servicenavi a:focus {
 color:#4F4F4F;
 text-decoration:underline;
 }

 #servicenavi a:hover {
 text-decoration:none;
 }

 #servicenavi a.aktiv {
 background-color:#555555;
 }

 img.va {
 vertical-align:bottom;
 }

#headpic {
height:172px;
width:529px;

float:left;
margin: 1px 0px 1px 0px;


}

#slogan {
height:142px;
width:171px;
float:right;
background-color:#353535;
margin: 1px 0px 1px 0px;
padding: 30px 20px 0px 30px;
overflow:hidden;
line-height:145%;
font-style:italic;
color:#AFAFAF;
}
 #slogan h2 {
 line-height:145%;
 font-style:italic;
 color:#AFAFAF;
 font-size:100.01%;
 font-weight:normal;
 }

#hauptnavi {
width:751px;
float:left;
background: url(img/r_bg.gif) repeat-y right;
background-color:#262626;
}

 #hauptnavi ul {
 margin:0;
 padding:0;
 list-style-type: none;
 }

 #hauptnavi ul li {
 display:inline;
 padding: 0px;
 margin: 0px;
 float:left;
 }

 #hauptnavi a, #hauptnavi a:visited {
 display:block;
 color:#EFEFEF;
 font-size:115%;
 text-decoration:none;
 /*font-style:italic;*/
 padding: 8px 6px 9px 6px;

 }

 #hauptnavi a:hover, #hauptnavi a:active, #hauptnavi a:focus {
 background-color:#555555;
 }

 #hauptnavi li.current_page_item {
 background-color:#555555;
 }

 #hauptnavi li.current_page_parent {
 background-color:#555555;
 }

 #hauptnavi ul ul li.current_page_item {
 background-color:#6C6C6C;
 }

#mitte_hintergrund {
background: url(img/mitte_bg.gif) repeat-y top left;
}

#hauptbereich {
width:530px;
float:left;
background-color:#E5E8EA;
overflow:hidden;
padding-bottom:9px;
}

#sidebar {
width:188px;
float:right;
overflow:hidden;
padding: 0px 15px 0px 0px;
}

 #schrift {
 border-top: 1px solid #E0E0E0;
 border-bottom: 1px solid #E0E0E0;
 padding: 5px 0px 5px 0px;
 margin: 25px 0px 0px 0px;
 font-family: Arial,sans-serif;
 font-style:italic;
 color: #7F7F7F;
 }


 #unternavi {
 margin:0;
 padding:0;
 list-style-type: none;
 width: 181px;
 margin: 30px 0px 0px 0px;
 }

 #unternavi a, #unternavi a:visited, #unternavi a:active, #unternavi a:focus {
 color: #7F7F7F;
 text-decoration: none;
 border-bottom: 1px solid #DADADA;
 width: 100%;
 display: block;
 line-height: 185%;
 }

 #unternavi a:hover {
 color:#0F0F0F;
 border-bottom: 1px solid #0F0F0F;
 }

 #unternavi li.current_page_item {
 color:#0F0F0F;
 border-bottom: 1px solid #0F0F0F;
 }

 #infobox {
 font-family: Arial, Verdana, sans-serif;
 }

 #infobox li {
 margin-top: 33px;
 border:1px solid #DADADA;
 background-color:#F7F8F9;
 padding:7px;
 width:173px;
 }

 #infobox h2 {
 font-size: 115%;
 font-style: italic;
 font-weight: bold;
 margin:0;
 padding:0;
 padding-bottom:5px;
 color: #4F4F4F;
 border-bottom:1px solid #DADADA;
 }
 
 #infobox p {
 padding:0;
 margin:0;
 padding:5px 0px;
 }

 #infobox img {
 margin-left:10px;
 }

 #infobox span {
 font-size: 95%;
 line-height:140%;
 color: #5F5F5F;
 }




 #infobox ul {
 list-style-type: none;
 padding:0;
 margin:0;
 }

/* AdWords Prof ohne border*/
 #infobox #text-306435351 {
 border:none;
 background:none;
 }
 #infobox #text-306435351 h2 {
 border:none;
 }


#pathway {
border-top: 1px solid white;
border-bottom: 1px solid white;
margin: 25px 0px 30px 0px;
font-family: Arial,sans-serif;
font-style:italic;
color: #6F6F6F;
padding: 5px 0px 5px 8px;
}

 #pathway a, #pathway a:visited, #pathway a:active, #pathway a:focus {


 color: #6F6F6F;
 text-decoration: underline;
 }

 #pathway a:hover {
 text-decoration: none;

 color:black;
 }


 #inhalt {
 padding: 0px 25px 55px 21px;
 line-height: 150%;
 font-family:Arial, sans-serif;
 }

/* Inhalt ------------------------------------- */
  #inhalt h1 {
  font-size: 135%;
  border-bottom: 1px dotted #BFBFBF;
  width: 70%;
  padding-bottom: 5px;
  }

  #inhalt h2 {
  font-size:120%;
  font-weight:bold;
  margin:0;
  padding:0;
  margin:28px 0px -6px 0px;
  }


  #inhalt h3 {
  font-size:100%;
  font-weight:bold;
  margin:0;
  padding:0;
  margin:20px 0px -10px 0px;
  }


  #inhalt a, #inhalt a:visited {
  color: #485685;
  text-decoration: underline;
  }


  #inhalt a:hover, #inhalt a:active, #inhalt a:focus {
  text-decoration: none;
  color: #363636;
  }

  /* Referenzen */
  #referenzen div {
  border-bottom: 1px dotted #bfbfbf;
  margin-top:25px;
  padding-bottom:3px;
  }

  #referenzen h2 {
  font-size:100%;
  margin-bottom:3px;
  }

  #referenzen img.screen {
  border: 1px dotted #bfbfbf;
  margin: 0px 10px 5px 0px;
  float: left;
  }


 img.pad {
 padding:5px;
 }

 img.links {
 padding:6px 9px 5px 0px;
 }

img.rechts {
float:right;
padding-left:5px;
}

 ul.liste li {
 margin-top:7px;
 }


/* Inhalt Ende -------------------------------- */

#unten {
width:530px;
background-color:#E5E8EA;
}

#copyright {
border-top: 1px solid white;
border-bottom: 1px solid white;
margin: 0px 0px 15px 0px;
font-family: Arial,sans-serif;
font-size: 86%;
color: #6F6F6F;
padding: 5px 8px 5px 8px;
text-align:right;
}

 #copyright img {
 float:left;
 margin-right:5px;
 }

#tags {
font-family: Arial,sans-serif;
font-size: 86%;
color: #9F9F9F;
padding: 0px 8px 20px 8px;
}

 #tags a, #tags a:visited, #tags a:active, #tags a:focus {
 text-decoration: none;
 font-weight:normal;
 font-family: Arial,sans-serif;
 color: #9F9F9F;
 }

 #tags a:hover {
 color:black;
 }





#infobox .black {
color: black;
}