@font-face {
	font-family: 'Vollkorn';
	src: url('../fonts/vollkorn.eot');
	src: local('Vollkorn'), local('Vollkorn'), url('../fonts/vollkorn.ttf') format('truetype');
}

@font-face {
	font-family: 'JottFLF';
	src: url('../fonts/JottFLF-Bold.eot');
	src: local('JottFLF'), local('JottFLF'), url('../fonts/JottFLF-Bold.ttf') format('truetype');
}

*{
margin:0px;
padding:0px;
}

body{
font-family:Trebuchet,Verdana,Arial,Helvetica,SunSans-Regular,Sans-Serif;
background-color: #eeeec8;
background-image: url(../bilder/streifen.jpg);
background-repeat: repeat-x;
color:#2d460d;
font-size:100.01%;
margin: 18px;
text-align: center;
}

#rahmen{
width:1000px;
background-color:#ffffff;
color:#2d460d;
margin: 18px auto;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#header{
position:relative;
background-image: url(../bilder/liegedienst-logo.jpg);
background-repeat: no-repeat;
width: 1000px;
text-align:left;
height:294px;
}

#soay #header{
background-image: url(../bilder/liegedienst-logo-soay.jpg);
background-repeat: no-repeat;
}

#profil #header{
background-image: url(../bilder/liegedienst-logo-uebermich.jpg);
background-repeat: no-repeat;
}

#web #header, #referenz #header{
background-image: url(../bilder/liegedienst-logo-barriere.jpg);
background-repeat: no-repeat;
}

#power #header {
background-image: url(../bilder/liegedienst-logo-power.jpg);
background-repeat: no-repeat;
}

#marketing #header {
background-image: url(../bilder/liegedienst-logo-marketing.jpg);
background-repeat: no-repeat;
}

#schulung #header {
background-image: url(../bilder/liegedienst-logo-coaching.jpg);
background-repeat: no-repeat;
}

#fotoecke #header {
background-image: url(../bilder/liegedienst-logo-foto.jpg);
background-repeat: no-repeat;
}

#kontakt #header {
background-image: url(../bilder/liegedienst-logo-kontakt.jpg);
background-repeat: no-repeat;
}

#fotowoche #header {
background-image: url(../bilder/liegedienst-logo-woche.jpg);
background-repeat: no-repeat;
}

#was {
font-family: 'JottFLF', Trebuchet,Verdana,Arial,Helvetica,SunSans-Regular,Sans-Serif;
font-size: 120%;
position: absolute;
top: 30px;
right: 20px;
color: #d03609;
background-color: white;
padding: 1px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 2px 2px 12px #4f6b86;
-webkit-box-shadow: 2px 2px 12px #4f6b86;
opacity: 0.8;
text-shadow: 1px 1px 1px #d4d9da;
}

#subtitle p {
color:#2d460d;
background-color: #c5daeb;
font-size: 0.8em;
font-weight: bolder;
height: 1.3em;
padding: 4px 4px 4px 12px;
margin: 0;
}

#inhalt{
text-align:left;
margin:0em 0px 0px 15em;
background-color:transparent;
color:#2d460d;
}

.invisible{
position:absolute;
width:100%;
top:-2000px;
left:-2000px;
}
.ex{
position:absolute;
width:100%;
top:-2000px;
left:-2000px;
}
.sprunglinks{
position:absolute;
width:100%;
top:-2000px;
left:-2000px;
}

acronym {
border-bottom : none; 
cursor: help;
}

abbr {
border-bottom: none;
}

#navigation{
width:18em;
float:left;
text-align:left;
font-size:95%;
margin:40px 0 0 0;
}
#navigation li{
border-bottom:1px solid white;
padding:0px;
margin:0px;
}
#navigation ul{
list-style-type:none;
margin:0px;
padding:0px;
}
#navlist a{
display:block;
padding:0.4em 0px 0.3em 9px;
margin:0px;
background-color:#ffffff;
color:#2d460d;
height:1.6em;/* Höhe sonst klappt es im IE nicht */
}
#navlist a:link,#navlist a:visited{
color:#2d460d;
background-color:transparent;
text-decoration:none;
border-left: 5px solid #d8e7ef;
}
#navlist a:hover,#navlist a:focus,#navlist a:active{
background-color:#f2f3ee;
background-image:url(../bilder/navi-n.gif);
background-position:100% 100%;
background-repeat:no-repeat;
color: #1d1d1d;
font-weight:normal;
border-left: 5px solid #dbdc8e;
}

#startseite #navigation li.start a,
#web #navigation li.web a,
#referenz #navigation li.web a,
#fotoecke #navigation li.foto a,
#fotowoche #navigation li.fotow a,
#power #navigation li.power a,
#schulung #navigation li.schulung a,
#marketing #navigation li.marketing a,
#soay #navigation li.soay a,
#profil #navigation li.profil a,
#kontakt #navigation li.kontakt a{
background-color: transparent;
color: #525252;
font-weight:bold;
font-size:0.95em;
border-left: 5px solid #f35c30;
}

#web #navigation li.web ul#unternavlist li a {
background-color: #f7f7f8;
color: #2d460d;
background-image: none;
font-weight: normal;
}

#referenz #navigation li.web ul#unternavlist li a { 
background-color: #f7f7f8;
color: #2d460d;
background-image: none;
font-weight: bold;
}

#unternavlist a {
display: none;
}

#unternavlist li {
display: none;
}

#web #unternavlist a,
#referenz #unternavlist a {
text-align: left;
padding-right: 10px;
display: block;
} 

#web #unternavlist li,
#referenz #unternavlist li
 {
display: block;
}

#unternavlist a:hover {
font-weight: bold;
text-decoration: underline;
}

#unternavlist a:focus, #unternavlist a:active {

}

.bildliste{
width:500px;
margin-top: 20px;
padding: 0;
}

.bildliste a:link{
color: #6c6d22;
background-color:transparent;
font-weight:normal;
text-decoration:none;
padding:3px;
font-size:90%;
}

.bildliste a:visited{
font-weight:normal;
text-decoration:none;
padding:2px;
color: #525252;
background-color: transparent;
}

.bildliste a:hover{
font-weight:normal;
text-decoration:none;
color: #525252;
background-color: transparent;
}

.bildliste li{
float:left;
margin-top: 10px;
}

.bildliste img {
margin-right: 15px;
}

.foto_der_woche img {
display: block;
padding: 3px;
border: 1px solid #dbdc8e;
margin-top: 20px;
}

.polar:nth-of-type(1n) { 
/* Siehe www.standardista.com/hack-for-css3-supporting-browsers */
   -moz-box-shadow:1px 3px 6px #c5daeb;
	-moz-transform:rotate(2deg);
	-webkit-box-shadow:1px 3px 6px #c5daeb;
	-webkit-transform:rotate(2deg);
	box-shadow:0 3px 6px #c5daeb;
	transform:rotate(-5deg);
   border: 1px solid #dbdc8e;
	background:none repeat scroll 0 0 #FFFFFF;
	color:#333333;
	margin:55px 0 27px -20px;
	padding:0px 0px 70px 10px;
	text-decoration:none;
   display: block;
   width: 620px;
}

.foto_der_woche img:nth-of-type(1n) {
border: none;
margin-top: 10px;
}

.fotoreportage img {
margin-bottom: 30px;
}

#impressum{
width:70%;
margin:1em auto;
padding:3px;
font-size:80%;
color:#2d460d;
background-color: transparent;
}
#impressum a:link{
color:#2d460d;
background-color:transparent;
font-weight:bolder;
text-decoration:underline;
padding:2px;
}
#impressum a:visited{
color:#2d460d;
background-color:transparent;
font-weight:bolder;
text-decoration:underline;
padding:2px;
}
#impressum a:hover,#impressum a:active,#impressum a:focus{
color:#2d460d;
background-color:transparent;
padding:2px;
text-decoration:underline;
}

#impressum address{
font-style:normal;
}

blockquote{
float:right;
font-size:120%;
width:270px;
padding:10px;
margin:0px -10px 0px 14px;
border: 1px solid #dbdc8e;
background-color:#f2f8fb;
color:#525252;
-webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.1);
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

h1{
color: #4765c5;
font-size:1.7em;
background-color:transparent;
margin:10px 0px 29px 0px;
padding:0px;
line-height:1.2;
text-shadow: 1px 1px 1px #d4d9da;
font-family: 'Vollkorn', Georgia, "Times New Roman", Times, Serif;
letter-spacing: 0;
}


h2{
color: #404040;
background-color:transparent;
font-size:1.4em;

font-family: 'Vollkorn', Georgia, "Times New Roman", Times, Serif;
padding:0px 0px 0 0;
margin:22px 0px 19px 0px;
border-bottom: 1px solid #f35c30;
}

#referenz h2 {
	border: none;
}

h3{
color: #f35c30;
background-color:transparent;
font-size:1em;
padding:0px;
margin:30px 0px 13px 0px;
}
hr{
color:#b0cbf0;
background-color:transparent;
width:60%;
text-align:left;
border:1px dotted;
margin:0em;
}
img{
border:none;
background-color:#ffffff;
color:#ffffff;
}

ul{
margin:15px 0px;
list-style:none;
}
li{
margin:0;
padding:0;
background-color:#ffffff;
color:#2d460d;
}
p{
color:#2d460d;
background-color:transparent;
text-align:left;
margin:5px 0px 5px 0px;
padding:0px;
}

/* Video */
object p{
padding:40px;
text-align:center;
color:#525252;
background-color:transparent;
font-size:small;
}

.clear{
clear:both;
}

#power #text #kategorien {
	padding-right: 5em;
}
.fett{
font-weight:bolder;
}

.fuellen {
	margin-bottom: 20px;
}
.filmrahmen{ /* Für das Video */
padding:3px;
border: 0px solid #dedad9;
background-color: #f7f7f8;
color:#ffffff;
width:320px;
height:240px;
}
.orange{
color:#f35c30;
background-color:transparent;
}
.urheber{
clear:both;
margin-left:0em;
margin-bottom:3em;
padding-top:3em;
width:40em;
}
.zurueck { /* Soay-Seite */
display:block;
width: 70px;
text-align: center;
font-size:0.9em;
margin-bottom: 40px;
}

.ref{
margin:2em 16em 4em 0em;
}

.ref p.abstand{
margin-top:13px;
width:60%;
}
.float-geprueft{
float:right;
font-size:90%;
width:30%;
padding:16px;
margin:1em 0em 10em 2em;
line-height:1.3;
border:1px solid #b0cbf0;
background-color:#f2f8fb;
color:#2d460d;
}
.float-geprueft ul li{
background-color:#f2f8fb;
color:#2d460d;
}

#geprueft{
border: 1px solid #f7f7f8;
background-color:#e4f5c5;
color:#2d460d;
padding:1em;
margin:2em 1em 1em 0em;
}
#geprueft ul li{
background-color:#cee5e6;
color:#2d460d;
}

#soay-liste .box{
border-top:1px solid #d4d9da;
border-right:1px solid #808080;
border-bottom:1px solid #808080;
border-left:1px solid #d4d9da;
padding:4px;
margin:5px 5px 0px 0px;
display:inline;
float:left;
width:140px;
height:14em;
text-align:center;
background-color:#e4e4e4;
color:#2d460d;
}

#soay-liste .box img {
display: inline;
}

#soay-liste .box p{
line-height:1.1;
margin:0px;
padding:0px;
text-align:center;
}
#soay-liste .box:hover,#soay-liste .box:focus, #soay-liste .box:active{
background-color: #a8b6c1;
color:#ffffff;
}

.soay-text,.soay-text p{
margin:8px 0px 34px 0px;
width:430px;
}

#soay-liste{
width:600px;
}
#soay-liste img:hover,#soay-liste img:focus,#soay-liste img:active{
background-color: transparent;
color:#2d460d;

}
#soay-uebersicht{
margin:8px 0px 34px 0px;
padding:0px;
width:99%;/* IE 6 */
overflow: hidden;
}

#text a:link{
color:#2d460d;
background-color:transparent;
font-weight:normal;
text-decoration:none;
border-bottom: 1px solid #f8987c;
}
#text a:visited{
color:#2d460d;
background-color:transparent;
font-weight:normal;
text-decoration:none;
border-bottom: 1px solid #cfcfcf;
}
#text a:hover,#text a:focus,#text a:active{
color:#000000;
background-color:#f35c30;
font-weight:normal;
border-bottom: 1px solid #d53a0c;
}

#text h2 a:link{
color:#2d460d;
font-size: 1.0em;
background-color:transparent;
font-weight: bolder;
text-decoration:none;
border-bottom: 0px solid #f8987c;
}

#text h2 a:visited{
color:#2d460d;
font-size: 1.0em;
background-color:transparent;
font-weight: bolder;
text-decoration:none;
border-bottom: 0px solid #cfcfcf;
}
#text h2 a:hover,#text h2 a:focus,#text  h2 a:active{
color:#000000;
font-size: 1.0em;
background-color:transparent;
font-weight: bolder;
border-bottom: 0px solid #d53a0c;
}

#subtitle a:link,#subtitle a:visited{
color:#2d460d;
text-decoration:underline;
background-color:transparent;
}

#subtitle a:hover,#subtitle a:focus,#subtitle a:active{
color:#ffffff;
background-color: #f35c30;
}

#inhalt .foto{
border:1px solid #bcb8b4;
padding:2px;
margin-top:0.5em;
}

#text{
padding:2em;
margin:0em 1em 0em 3em;
}

#text a.thumb{
float:right;
margin:8px 2em 0 38px;
border:1px solid #D4D9DA !important;
padding:4px 3px 4px 3px;
line-height:0;
background-color:#ffffff;
color:#ffffff;
}

#inhalt #text a.ohne {
	border:0px solid #D4D9DA !important;
}

#text blockquote cite{
text-align:right;
display:block;
font-size:95%;
color: #742007;
padding:4px;
font-size: 115%;
background-color:transparent;
}

#text blockquote p{
color:#525252;
background-color:transparent;
font-family: 'JottFLF', Georgia, "Times New Roman", Times, Serif;
font-style:normal;
line-height:1.2;
margin:0px;
}

#text ul.bullet{
list-style-image:url(../bilder/liste.gif);
margin:0.8em 0px 0.8em 0px;
padding: 0 0 0 22px;
line-height:1.2em;
}

#text ul.bullet li{
margin:0.8em 0px 0.8em 0px;
}

#text,#textfotoecke{
font-size:0.8em;
line-height:1.4;
}

#textfotoecke{
line-height:1.4;
margin:0em 0.5em 0em 4em;
padding:2em;
}

#inhalt a img:hover {
background-color: #f35c30;
text-decoration: none;
}

#inhalt img {
display: block;
}

#inhalt img.inline {
display: inline;
}

.rechts {
	float: right;
	padding: 10px 0px 0px 50px;
	overflow: hidden;
}

.bildunterschrift {
margin: 5px 0px 30px 3px !important;
padding: 0px;
font-size: 90%;
color: #4f6b86;
}

input.senden {
color:#344658;
background-color: #e8eef4;
border: 1px solid #abd4f1;
margin:10px 0 0 150px;
padding:3px 9px;
font-size:0.9em;
}

input.senden:hover {
background-color: #f35c30;
color: #dedad9;
cursor:pointer;
}

input.feld:focus,
textarea.nachricht:focus {
background-color: #f35c30;
color: #dedad9;
}

label.formular {
margin : 0;
float:left;
width:150px;
}