/* kristin barsuhn */

*{
	border: 0px solid #efeeeb;
	list-style:none;
	margin:0;
	padding:0;
	outline:0;
}

html{
	cursor: default;
	background:#FFF ;
}

body {
	color: #666666;
	font:12px/150% Georgia, "Times New Roman", Times, serif;
}



/*allgemeines*/

#wrap{
	width:940px;
	margin:auto;
	padding:30px 0 100px 0;
	overflow:hidden
}

#line {
    margin-top: 9px; height: 3px; background: #000 repeat-x;
}

#head{
	background: none;
	padding:0px 0 0 0px;
	height:90px
}

#vorschau {width: 940px;}



/* Navigation oben startseite*/
.navi { width: auto; float: right;}
.navi ul{float:right;overflow:hidden}
.navi li{float:left; padding-left: 8px; margin-top: 72px; font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif; }
.navi a { text-decoration: none; color: #333333;}
.navi a:hover { background: #FF0066; color:#FFFFFF;}

/* Navigation oben projekteundkunden*/
.navi3 ul{float:right;overflow:hidden}
.navi3 li{float:left; padding-left: 8px; margin-top: 72px; font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif; }
.navi3 a { text-decoration: none; color: #333333;}
.navi3 a:hover { background: #d1ff03; color:#000;} 


/*LOGO*/
#logo { width: 960px;}
#logo a:hover {color:#fff;background-color:#000;}


/* Überschriften */

h3{display:block; margin-bottom:10px; font-size:32px;line-height:1.18em; font-weight:normal; font-style: normal; font-size:15px;}


/*spalten*/
.yeah-oben{ overflow: hidden; border: none;  margin-top: 8px; padding-top:22px; margin-bottom:18px; width:960px;}
.yeah-referenzen{ overflow: hidden; border-top-width:2px; border-top-style: dotted; padding-top:22px; margin-bottom:22px; width:960px;}
.yeah{ overflow: hidden; border-top-width:2px; border-top-style: dotted;/*border color definieren */ margin-top: 8px; padding-top:22px; margin-bottom:18px; width:960px;}

.headlinereferenzen{ overflow: hidden; padding-top:12px; border-top-width:2px; border-top-style: dotted;margin-top: 8px;width:960px;}
.headlinereferenzen-erste{ overflow: hidden; padding-top:22px;}

.spalte{float:left; width:215px; margin-right:15px; padding-right:10px; overflow:hidden;}

.erfolgsgeschichten{width:940px; height: auto;}
.erfolgsgeschichten img {margin-top: 0px;}
.erfolgsgeschichten h1{ font-weight: lighter; font-size:19px;line-height: 23px; letter-spacing: 1px; margin-top: 8px;}
.erfolgsgeschichten h1 span{ font-size:17px;line-height: 23px; letter-spacing: 1px; color:#000;}
.erfolgsgeschichten h2{ font-weight: lighter; font-size:19px;line-height: 23px; letter-spacing: 1px; margin-top: 2px;}
.erfolgsgeschichten h3{ font-weight: lighter; font-size:19px;line-height: 23px; letter-spacing: 1px; margin-top: 45px;}
.erfolgsgeschichten span{color:#FFF; background: #FF0066; font-size:17px;line-height: 23px; letter-spacing: 1px;}
.erfolgsgeschichten span2{color: #FFF;  background: #000;  font-size:18px;line-height: 23px; letter-spacing: 1px;}
.erfolgsgeschichten span3{font-size:19px;line-height: 23px; letter-spacing: 1px;}
.erfolgsgeschichten span4{color:#000; font-size:17px;line-height: 23px; letter-spacing: 1px;}
.erfolgsgeschichten ul {line-height: 30px; color:#000;}
.erfolgsgeschichten li {font-size: 18px;}
.erfolgsgeschichten a { color:#000; text-decoration: none;}
.erfolgsgeschichten a:hover { color:#FFF; background:#000;}

.erfolgsgeschichten-1 {display:block;overflow:hidden; background:none; margin-bottom:4px}

.erfolgsgeschichten-2{width:282px; height: 104px;float: left; border-right-width: 2px ; border-color: #FFFFFF;  margin:0 17px -500px 0;padding:0 17px 500px 0; background:url(../bilder/bg/bg-portfolio.png) no-repeat; }
.erfolgsgeschichten-2 h1{ font-weight: lighter; font-size: 17px; font-weight: lighter; line-height: 22px; letter-spacing: 1px; margin-top: 8px; margin-left: 8px;}
.erfolgsgeschichten-2 img{ margin-bottom: -1px;}
.erfolgsgeschichten-2 a{ text-decoration:none;  color:#666666;}
.erfolgsgeschichten-2 a:hover { background-color: #000; color:#FFF; }
.erfolgsgeschichten-2 span { font-size: 18px; line-height: 25px;}
.erfolgsgeschichten-2 li { font-size: 15px; line-height: 25px;}


.erfolgsgeschichten-3 { width: 940px;}
.erfolgsgeschichten-3 img {float: left; margin: -2px 6px 0px 0;}
.erfolgsgeschichten-3 h1{ font-weight: lighter; font-size: 19px;line-height: 32px; letter-spacing: 1px; margin-top: 8px;}



.erfolgsgeschichten-4 {width:488px; float: left; border-right-width: 2px ; border-right-style: dotted;  margin:0 17px -500px 0;padding:0 17px 500px 0;}
.erfolgsgeschichten-4 img{ float:right}
.erfolgsgeschichten-4 a{ text-decoration:none;  color:#666666;}
.erfolgsgeschichten-4 a:hover { background-color: #000; color:#FFF; }
.erfolgsgeschichten-4 span { font-size: 18px; line-height: 25px;}
.erfolgsgeschichten-4 li { font-size: 15px; line-height: 25px;}
.erfolgsgeschichten-4 h1{ font-weight: lighter; font-size:19px;line-height: 32px; letter-spacing: 1px; margin-top: 8px;}


.zitate-links {width:442px; float: left; border-right-width: 2px ; border-right-style: dotted;  margin:0 17px -500px 0;padding:0 17px 500px 0;}
.zitate-links img{ float:right;}
.zitate-links a{ text-decoration:none;  color:#666666;}
.zitate-links a:hover { background-color: #000; color:#FFF; }
.zitate-links span { font-size: 18px; line-height: 25px;}
.zitate-links li { font-size: 15px; line-height: 25px;}
.zitate-links h1{ font-weight: lighter; font-size:12px;line-height: 22px; letter-spacing: 1px; margin-top: 8px;}

.zitate-rechts {width:442px; float: left; border-right-width: 2px ; border-right-style: dotted;  margin:0 17px -500px 0;padding:0 17px 500px 0;}
.zitate-rechts img{ float:left;}
.zitate-rechts a{ text-decoration:none;  color:#666666;}
.zitate-rechts a:hover { background-color: #000; color:#FFF; }
.zitate-rechts span { font-size: 18px; line-height: 25px;}
.zitate-rechts li { font-size: 15px; line-height: 25px;}
.zitate-rechts h1{ font-weight: lighter; font-size:12px;line-height: 22px; letter-spacing: 1px; margin-top: 8px; margin-left:12px;}

.zitat {height: 148px;}




.impressum {width:442px; float: left; border-right-width: 2px ; border-right-style: dotted;  margin:0 17px -500px 0;padding:0 17px 500px 0;}
.impressum img{ float: left;}
.impressum h1{ font-weight: lighter; font-size:12px;line-height: 22px; letter-spacing: 1px; margin-top: 8px;}

.impressum-1 {width:920px; float: left; border-right-width: 2px ; border-right-style: dotted;  margin:0 17px -500px 0;padding:0 17px 500px 0;}
.impressum-1 img{ float: left;}
.impressum-1 h1{ font-weight: lighter; font-size:12px;line-height: 22px; letter-spacing: 1px; margin-top: 8px;}


.referenzenbilder {width: 960px;}
.referenzenbilder h1 { font-weight: lighter; font-size:24px;color:#000;}

.logos {width:282px; height: 340px;float: left; border-right-width: 2px ; border-color: #FFFFFF;  margin:0 17px -500px 0;padding:0 17px 500px 0; background:url(../bilder/bg/bg-portfolio-2.png) no-repeat; }
.logos h1 { margin-left: 8px; margin-top: 8px;}
.logos a{ text-decoration:none;  color:#666666;}
.logos a:hover { background-color: #000; color:#FFF; }
.logos span { font-size: 18px; line-height: 25px;}
.logos li { font-size: 15px; line-height: 25px;}


.kristinbarsuhn {width:175px; float: left; border-right-width: 2px ; border-right-style: dotted;  margin:0 17px -500px 0;padding:0 17px 500px 0;}

.leistungen {width:282px; height: 340px;float: left; border-right-width: 2px ; border-color: #FFFFFF;  margin:0 17px -500px 0;padding:0 17px 500px 0; background:url(../bilder/bg/bg-portfolio-2.png) no-repeat; }
.leistungen a{ text-decoration:none;  color:#666666;}
.leistungen h1{ margin-top: 8px; margin-left: 8px;font-weight: lighter; font-size:13px; margin-left: 8px; line-height: 23px; color:#000;}
.leistungen a:hover { background-color: #000; color:#FFF; }
.leistungen span { font-size: 18px; line-height: 25px;}
.leistungen li { font-size: 14px; line-height: 22px; font-weight: lighter; margin-left: 8px;}


.teamplayer {width:920px; float: left; border-right-width: 2px ; border-right-style: dotted;  margin:0 17px -500px 0;padding:0 17px 500px 0;}
.teamplayer a{ text-decoration:none; color: #c6d1cc; background: #000;}
.teamplayer h1{ font-weight: lighter; font-size:14px; line-height: 23px; color:#000; margin-top: 7px;}
.teamplayer p{ font-weight: lighter; font-size:14px;}
.teamplayer strong{ font-weight: bold; font-size:14px;}
.teamplayer a:hover { background-color: #000; color:#FFF; }
.teamplayer span { font-size: 18px; line-height: 25px;}
.teamplayer li { font-size: 17px; line-height: 22px;}
.teamplayer span{color:#000; background: #c6d1cc; font-size:14px;line-height: 22px;}
.teamplayer span2{color: #c6d1cc;  background: #000;  font-size:14px;line-height: 22px;}

.teamplayer-2{width:710px; float: left; border-right-width: 2px ; border-right-style: dotted;  margin:0 17px -500px 0;padding:0 17px 500px 0;}
.teamplayer-2 a{ text-decoration:none; color: #c6d1cc; background: #000;}
.teamplayer-2 h1{ font-weight: lighter; font-size:13px; line-height: 23px; color: #666666; margin-top: 3px;}
.teamplayer-2 p{ font-weight: lighter; font-size:14px;}
.teamplayer-2 strong{ font-weight: bold; font-size:14px;}
.teamplayer-2 a:hover { background-color: #000; color:#FFF; }
.teamplayer-2 span { font-size: 18px; line-height: 25px;}
.teamplayer-2 li { font-size: 17px; line-height: 22px;}
.teamplayer-2 span{color:#000; background: #c6d1cc; font-size:14px;line-height: 22px;}
.teamplayer-2 span2{color: #c6d1cc;  background: #000;  font-size:14px;line-height: 22px;}



.kontakt {width:282px; height: 340px;float: left; border-right-width: 2px ; border-color: #FFFFFF;  margin:0 17px -500px 0;padding:0 17px 500px 0; background:url(../bilder/bg/bg-portfolio-2.png) no-repeat; }

.kontakt a{text-decoration:none;  color:#666666;}
.kontakt h1{ font-weight: lighter; font-size:13px; margin-left: 8px; margin-top: 8px; line-height: 23px; color:#000;}
.kontakt span { font-size: 18px; line-height: 25px;}
.kontakt li { font-size: 14px; line-height: 22px; font-weight: lighter; margin-left: 8px;}


.imnetzwerkstark {width:466px; float: left; border-right-width: 2px ; border-right-style: dotted;  margin:0 17px -500px 0;padding:0 17px 500px 0;}
.imnetzwerkstark h1 { font-size: 16px; font-weight: lighter; line-height: 22px; margin-top: 8px;}
.imnetzwerkstark a{ text-decoration:none;  color:#666666;}
.imnetzwerkstark a:hover { background-color: #000; color:#FFF; }
.imnetzwerkstark span { font-size: 18px; line-height: 25px;}
.imnetzwerkstark li { font-size: 17px; line-height: 25px; font-weight: lighter;}
.imnetzwerkstark span{color:#000; background: #c6d1cc; font-size:16px;line-height: 22px;}
.imnetzwerkstark span2{color: #000; }


.partner1 {width:118px; float: left; border-right-width: 2px ; border-right-style: dotted;  margin:0 17px -500px 0;padding:0 17px 500px 0;}

.partner1 a{ text-decoration:none;  color:#666666;}
.partner1 a:hover { background-color: #000; color:#FFF; }
.partner1 span { font-size: 18px; line-height: 25px;}
.partner1 ul {margin-top: 7px;}
.partner1 li { font-size: 12px; line-height: 25px;}


.partner2 {width:300px; float: left;  border: none;}

.partner2 a{ text-decoration:none;  color:#666666;}
.partner2 a:hover { background-color: #D1FF03; color:#000; }
.partner2 span { font-size: 18px; line-height: 25px;}
.partner2 ul {margin-top: 7px;}
.partner2 li { font-size: 12px; line-height: 25px; }



.arbeitsproben a{width:220px; margin-bottom: 2px;}
.arbeitsproben a:hover img{opacity: 0.6;}
.arbeitsproben img{display:block; background: none;border: none;}


.portfolio-bilder { float: left; width: 150px; padding-bottom: 4px; border-right-width: 2px ; border-right-style: dotted;  margin:0 8px -500px 0;padding:0 8px 500px 0;}
.portfolio-bilder a:hover img{opacity: 0.6;}

.portfolio-bilder h2 { font-size: 13px; color:#666; font-weight: lighter; border-top: 2px dotted #efeeeb; border-bottom: 2px dotted #efeeeb; padding-top: 2px; margin-top: 2px;}

.portfolio-text { float: left; width: 242px; border-right-width: 2px ; border-right-style: dotted;  margin:0 8px -500px 0;padding:0 8px 500px 0;}
.portfolio-text h1 { font-size: 18px; color:#000; font-weight: lighter;  line-height: 30px;}
.portfolio-text h1 span { color:#666;}

.portfolio-text h3{ font-weight: lighter; font-size:12px;line-height: 22px; letter-spacing: 1px; margin-top: 8px;}

.portfolio-text h2 { font-size: 14px; color: #333333; font-weight: bolder; margin-bottom: 12px;}
.portfolio-text h2 span { font-size: 13px; color:#666; font-weight: lighter;}

.portfolio-text strong { font-weight: bold;}
.portfolio-text a { color: #000;}




.footer {overflow: hidden; border-bottom-width:2px; border-bottom-style: dotted;  margin-bottom: 8px; padding-bottom:22px; width:940px;}
.footer a{ color:#000; }