/* Styles for Heike Kurtz Übersetzungsdienst
 *
 * Basis Stylesheet
 *
 * @copyright       Copyright 2008, Heike Carle web.design c/o outline
 * @link            http://www.outline-atelier.de
 * @version         1.0
 * @lastmodified    $Date: 2008-04-08 $
 *
*/

* {margin:0;padding:0}
html, body {height:100%;}
html {font-size:100.01%;}
body {
	background:#fff url(../img/bg-body.gif) repeat-y center top;
	color:#333;
	font-family:tahoma, verdana, arial, sans-serif;
	font-size:87.5%;
	line-height:150%;
}
a {color:#009;text-decoration:none;}
a:hover {color:#333;text-decoration:underline;}
/* link classes */
a.intern {
    background-image: url(../img/intern.gif);
}
a.extern {
    background-image: url(../img/extern.gif);
}
a.intern:hover {
    background-image: url(../img/intern2.gif);
}
a.extern:hover {
    background-image: url(../img/extern2.gif);
}
a.intern, a.extern, #main div.vcard a.email {
    padding-left:18px;
    background-repeat: no-repeat;
    background-position: left center;
}

/* styles by id */
/* wrapper */
#outer {
	background:#fff url(../img/bg-map.jpg) no-repeat center 250px;
	margin:auto;
	margin-top:-3em;
	min-height:100%;
	width:760px;
}
* html #outer {height:100%}
/* header */
#header {
	border-top:3em solid #FFF;
	background:url(../img/header.gif) no-repeat top center;
	height:200px;
}
#header h1, #language li {text-indent:-9999px;}
/* main content */
#main {
	display:inline;
	float:right;
	margin:0 90px 2em 0;
	width:450px;
}
#main {color:#333;}
#main h2, #main h3, #main h4, #main p, #main dt, #main dd {
	font-weight:normal;
	margin-bottom:.7em;
}
#main h2 {font-size:150%;}
#main h3, #impressum #main h4 {font-size:114.3%;}
#impressum #main h4 {margin-top:2em;}
#main h4 {font-size:100%;}
#main p, #main li, #main dl h3 {font-size:85.72%;}
#main dl {background:url(../img/semi7.gif); color:#000;border:1px solid #828282;padding:1em 1em 0 1em;margin-bottom:1em;}
#main dl.index dd {font-size:85.72%;}
#main dl.index dt {color:#333;}
#main dl.index dd {font-style:italic;color:#333;background-color:#FFF;border:1px solid #828282;padding:.3em .5em;}
#main dl.index dd span {font-style:normal;color:#666;}
#main ul {padding-left:1em;}
#main ul.links {list-style-type:none;margin-bottom:1em;}
#main dt {font-size:100%;}
.sign {
	display:block;
	font-style:italic;
}
#main img, #main a img {
	background-color:#FFF;
	border:1px solid #828282;
	float:left;
	padding:2px;
	margin:.4em 1em .4em 0;
}
/* navigations */
#navi {
	display:inline;
	float:left;
	margin-top:2.6em;
	width:200px;
}
ul#menue, ul#language {list-style:none;}
#menue {margin-left:15px;}
#menue li {margin-bottom:1em;}
#menue li a {
	background:url(../img/dot.gif) no-repeat left center;
	color:#333;
	display:block;
	padding-left:20px;
	text-decoration:none;
}
#menue li a:hover {
	background-image:url(../img/dot-blue.gif);
	color:#009;
}
#service #menue li#bttn-service a, #referenzen #menue li#bttn-referenzen a, #preise #menue li#bttn-preise a, #kontakt #menue li#bttn-kontakt a, #impressum #menue li#bttn-impressum a {
	background-image:url(../img/dot2.gif);
	color:#666;
}
#language {
	margin-left:680px;
	position:absolute;
	top:75px;
}
#language li a {
	display:block;
	width:70px;
}
#language li#bttn-dt a {background:url(../img/dt.gif) no-repeat;}
#language li#bttn-fr a {background:url(../img/fr.gif) no-repeat;}
#language li#bttn-dt a, #language li#bttn-fr a {
	height:45px;
}
#language li#bttn-en a {
	background:url(../img/en-us.gif) no-repeat;
	height:90px;
}
#language li#bttn-dt a:hover {background:url(../img/dt2.gif) no-repeat;}
#language li#bttn-en a:hover {background:url(../img/en-us2.gif) no-repeat;}
#language li#bttn-fr a:hover {background:url(../img/fr2.gif) no-repeat;}
#impressum #main div.vcard {
	background:url(../img/semi7.gif);
	border:1px solid #828282;
	margin-bottom:2em;
	padding:1em 1em 0 1em;
}
#main .vcard span.adr span.street-address, #main .vcard span.adr span.country-name, #main .vcard span.phone span.tel, #main .vcard a.email, #main .vcard a.url {display:block;}
#main .vcard span.fn, #main .vcard span.org {font-weight:bold;}
#main div.vcard a.email {background-image:url(../img/mail.gif);margin-bottom:1em;}
#main div.vcard a.email:hover {background-image:url(../img/mail2.gif);}
/* footer hcard */
#hcard-heike-kurtz {
	background:#009;
	color:#FFF;
	height:3em; /* must match negative margin and header soak up*/
	margin:auto;
	width:760px;
}
#hcard-heike-kurtz p {
	font-size:78.58%;
	font-weight:bold;
	margin:0 15px;
	text-align:center;
}
#hcard-heike-kurtz a {color:#FFF;}
#hcard-heike-kurtz span.country-name {display:none;}

/* clearfix method for clearing floats */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
  }
/* for Safari browser */
.clearfix {display: block;}