@charset "utf-8";
/* CSS Document */
* {PADDING: 0px; MARGIN: 0px;}

body {
	background: url(../img/bg.png) #bed000 top center repeat-x;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
	font-family: "Arial", Trebuchet MS, Helvetica, sans-serif;
    color: #979797;
}

.ref {
	padding-bottom: 170px;
}

.check {
	margin: 0px;
	padding: 0px;
	width: 210px;
	float: right;
	padding-bottom: 100px;
}

.check .done {
	height: 15px;
	width: 200px;
	background: #1b1b1b url(../img/done.png) right center no-repeat;
	padding: 7px 0px 7px 10px;
	border-bottom: 1px solid #bed000;
	color: #e7e7e7;
}

.check .notdone {
	height: 15px;
	width: 200px;
	background: #1b1b1b;
	padding: 7px 0px 7px 10px;
	border-bottom: 1px solid #bed000;
	color: #454545;
}

.colors {
	padding: 1px;
	background: url(../img/2.png) center top repeat-y;
	position: absolute;
	top: 10px;
	margin: 0px 0px 0px 200px;
	height: 10px;
	}

.colors .blue {
	background: #006a88;
	width: 12px;
	height: 12px;
}

.colors .green {
	background: #bfd000;
	width: 12px;
	height: 12px;
	font-size: 20px;
}

.colors .violett {
	background: #955ba0;
	width: 12px;
	height: 12px;
}

.colors .orange {
	background: #cb6d43;
	width: 12px;
	height: 12px;
}

.colors .red {
	background: #9d0d15;
	width: 12px;
	height: 12px;
}

p {
margin: 5px 15px 0px 0px;
padding: 0 20px 10px 10px;
color: #979797;
text-align: justify;
width: 770px;
font-size: 12px;
}

.news {
	margin: 0px;
}

hr {
	background: #bfd000;
	height: 1px;
	border: 1px;
	padding: 0px;
	margin: 0px;
}

#web hr {
	background: #bfd000;
	height: 1px;
	border: 1px;
	padding: 0px;
	margin: 0px;
	width: 570px;
}

.main {
	width: 835px;
	padding: 0px;
	text-align: left;
	margin: auto;
	padding: 2px;
}

.toolbar {
	height: 36px;
	text-align: center;
	padding: 1px 0px 0 10px;
	font-size: 10px;
	margin: 0px;
	font-family: "Arial", Helvetica, sans-serif;
	font-style: normal;
	color: #868686;
}

.toolbar a{
	text-decoration: none;
	color: #7d8339;
}

.logo {
	float: left;
	padding: 0px;
	border: 0px;
	background: url(../img/logo.png) center center no-repeat;
	width: 393px;
	height: 136px;
}

.adresse {
	float: right;
	padding: 12px 10px 20px 17px;
	border: 0px;
	background: url(../img/sprechblase-adresse.png) left top;
	width: 390px;
	height: 103px;
	margin: 0 10px;
	font-size: 10px;
	line-height: 12px;
	color: #7a7a7a;
}

.durchlauf {
	width: 820px;
	padding: 5px 0px 3px 0px;
	margin: 0px;
	border: 0px;
	background: #1b1b1b url(../img/3.png) center no-repeat;
	text-align: center;
	min-height: 200px;
}

.menu{
	padding: 1px 10px 10px 10px;
	background:url(../img/menu-bg.png) top center no-repeat;
	height:19px;
	width: 800px;
	text-align: center;
	top: 36px;
	position: absolute;
}

.menu li{
	list-style: none;
	float: left;
	padding: 6px 20px 6px 20px;
}

.menu ul {
	margin: 0 0 0 110px;
	padding: 0px;
}

.menu li a{
	text-decoration: none;
	color: #8b8b8b;
}

.menu li a:hover{
	text-decoration: none;
	color: #bfd000;
}

.one {
	background:url(../img/1.png) left center no-repeat;
	width: 820px;
	height: 19px;
	margin: 13px 0 0 0;
}

.text {
	background: url(../img/3.png) #1b1b1b;
	padding: 10px 20px 0px 20px;
	width: 780px;
	margin: 0 0px 0 0px;
}

.footer {
	color: #8b8b8b;
	background: url(../img/footer.png);
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 170px;
	margin: 0px 0px 0px 0px;
	font-size: 9px;
	text-align: center;
}

.footer a {
	color: #8b8b8b;
}

.img {
	padding: 5px;
	margin: 2px;
	border: #CCC 3px solid;
}

.text-center {
	background: #1b1b1b;
	padding: 10px 20px 0px 20px;
	width: 780px;
	margin: 0 0px 0 0px;
	text-align: center;
}

.two {
	background:url(../img/2.png) left top no-repeat;
	width: 820px;
	height: 11px;
}

h1 { 
color: #bfd000; 
font-size: 27px; 
font-family: "Trebuchet MS", Helvetica, sans-serif; 
font-weight: 900;
font-style:oblique;
line-height: 17px; 
padding: 3px 0 3px 0;}

.zitat {
	padding: 50px 0 50px 0;
}

.zitat h1 { 
font-size: 54px; 
font-family: "Trebuchet MS", Helvetica, sans-serif; 
font-weight: 900;
font-style:oblique;
line-height: 45px; 
color: #1b1b1b;
padding: 10px 1px 10px 1px;
}

.zitat h2 {
	float:right;
	background: #1b1b1b;
	color: #FFF;
	padding: 2px 5px 2px 5px;
	margin: 10px 0px 0px 0px;
}

h3 {
	color: #bfd000;
}

h4 { 
color: #505050; 
font-size: 10px; 
font-family: "Arial", Helvetica, sans-serif; 
line-height: 17px; 
padding: 3px 0 3px 0;}

h4 a {
	color: #909090;
}

.skill td {
	width: 410px;
	padding: 6px;
	margin: 2px;
	vertical-align: top;
}

.skillkind {
	font-size: 15px; 
	font-family: "Arial", Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 15px;
	color: #bfd000;
}

#home .home a, #foto .foto a, #web .web a, #grafik .grafik a, #kontakt .kontakt a, #impressum .impressum a {
	text-decoration: none;
	color: #bfd000;
}

a {
	color: #bfd000; 
	text-decoration: none;
}






div#teasergruppe{
border:0px solid;
min-height: 100px;
padding:0 15px 15px 15px;
width:740px;
}
div.teaser{
clear:left;
width:740px;
}	
div.klein img, div.gross img{
float:left;
padding-right:7px;
border:0;
}
/*** IE6 und niedriger ***/
a.teaserlink{
padding-left:1px;
display:block;
height:30px;
padding-top:15px;
text-decoration:none;
} 
a.teaserlink:hover{
color: #979797;
padding-left:0px;
}
a.teaserlink div.klein{
display: block;
color:#979797;
}
a.teaserlink div.gross{
display:none;
}
a.teaserlink:hover div.gross{
display:block;
color:#303030;
padding-left:1px;
}
a.teaserlink:hover div.klein{
display:none;
}
a.teaserlink div.gross h1{
font-size:15px;
font-weight:bold;
padding:0 0 1px 0;
margin:0px;
}
a.teaserlink div.gross, a.teaserlink div.klein{
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
line-height:17px;
}
a.teaserlink div.klein img{
margin-top:3px;
}
a.teaserlink div.gross p.hide{
display:none;
}
/*** moderne browser ***/
html>body div.teaser{
padding-left:1px;
display:block;
padding-top:15px;
text-decoration:none;
} 
html>body div.teaser:hover{
color: #979797;
padding-left:0px;
}
html>body div.teaser div.klein{
display:block;
color:#979797;
}
html>body div.teaser div.gross{
display:none;
}
html>body div.teaser:hover div.gross{
display:block;
color:#979797;
padding-left:1px;
}
html>body div.teaser:hover div.klein{
display:none;
}
html>body div.teaser div.gross h1{
font-size:15px;
font-weight:bold;
padding:0 0 1px 0;
margin:0px;
}
html>body div.teaser div.gross, html>body div.teaser div.klein{
font-family:Tahoma,Verdana,sans-serif;
font-size:11px;
line-height:17px;
}
html>body div.teaser div.klein img{
margin-top:3px;
}


img {
	border: 0px;
}
	
.felddesign {
font-family: "Trebuchet MS", Arial;
font-size: 11px;
color:#FFFFFF;
background-color: #212121;
border: 1px solid #585858;
padding: 2px;
margin: 0px 5px 0px 5px;
}

.felddesign:focus {
font-family: "Trebuchet MS", Arial;
font-size: 11px;
color:#FFFFFF;
border: 1px solid #bed000;
padding: 2px;
margin: 0px 5px 0px 5px;
}

.selectdesign {
font-family: "Trebuchet MS", Arial;
font-size: 11px;
color:#FFFFFF;
background-color: #212121;
border: 1px solid #585858;
padding: 2px;
margin: 0px 5px 0px 5px;
}

.sendendesign {
font-family: "Trebuchet MS", Arial;
font-size:9pt;
color:#FFFFFF;
background-color: #212121;
border: 1px solid #585858;
padding: 0px;
margin: 0px 5px 0px 5px;
}

.sendendesign:focus {
font-family: "Trebuchet MS", Arial;
font-size:9pt;
color:#FFFFFF;
border: 1px solid #bed000;
padding: 0px;
margin: 0px 5px 0px 5px;
}

form { 
display: inline; 
}

.fotofeld {
	position: absolute;
	top: 370px;
	background: url(../img/carusel/foto.png) right bottom;
	padding: 5px 10px 5px 15px;
}