/* @override 
	http://fruehjahr.ch/assets/templates/spring/css/master.css
	*/

/* © 2009 frühjahr GmbH

Farbreferenz:
***********************
frühjahr-Grün: #25c22d
helleres Grün: #39df42
dunkleres Grün: #1b9721
helleres Grau: #ebebeb
dunkleres Grau: #cccccc
Blau: #1b60c8

*/

/* alles schön zurücksetzen */

@import url("reset.css");

/* @group HTML Elemente */

body {
	background-color: #fff;
	color: #000;
	font: 75%/1.4em "Lucida Grande", Arial, Verdana, sans-serif;
}

a {
	color: #08c;
}

a:link, a:visited, a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}



h1 {
	color: #25c22d;
	line-height: 1.4em;
	margin-bottom: 35px;
	font-size: 2.3em;
	font-weight: bold;
}
h2 {
	font-weight: bold;
	line-height: 1.5em;
	font-size: 1.3em;
	color: #212121;
	margin-bottom: 0.2px;
}


h5 {
	font-weight: bold;
}
p{
	color: black;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
table {
	/*width: 100%;*/
}

.aufzaehlung_text li {
	list-style-type: disc;
	list-style-position: inside;
	color: #25c22d;
}
#noscript{
	background-color: #fdf8b6;
	border: 1px solid #d49051;
	position: fixed;
	top: 45px;
	width: 100%;
	padding: 20px;
	z-index: 1500;
	text-align: center;
}
#noscript h3{
	font-size: 1.6em;
	color: #998c1a;
	margin-bottom: 15px;
}
#noscript h3 span{
	background: url(../bilder/icons/script__exclamation.png) no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}
#noscript a{
		background: url(../bilder/icons/question_small.png) no-repeat right 0;
	padding-right: 15px;
}
/* @end */

/* @group Helfer */

.nachlinks {
	float: left;
}

.nachrechts {
	float: right;
}

.bild_links {
	float: left;
	margin-right: 1.1em;
	margin-top: 5px;
	margin-bottom: 0.5em;
}

.bild_rechts {
	float: right;
	margin: -120px -50px 30px 0;
}

.clear {
	clear: both;
}

/* @end */

/* @group Layout */

/* @group Navigation-Bar */

#top {
	height: 42px;
	width: 100%;
	background-color: #25c22d;
	border-top: 1px solid #39df42;
	border-bottom: 1px solid #1b9721;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

#top_weissmacher {
	height: 1px;
	width: 100%;
	border-bottom: 1px solid #fff;
	position: fixed;
	top: 43px;
	left: 0;
	z-index: 1000;
}

#logo {
	height: 42px;
	width: 120px;
	float: left;
	margin-top: 7px;
}

#logo:active {
	margin-top: 9px;	
}

#navicontainer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#hauptnavigation {
	float: right;
}

#hauptnavigation li {
	float: left;
}

#hauptnavigation li a {
	color: white;
	text-decoration: none;
	float: left;
	font-size: 1.1em;
	margin-left: -2px;
	font-weight: bold;
}

#hauptnavigation li a span {
	cursor: pointer;
	float: left;
	background: url(../bilder/navi_activity.gif) no-repeat right -265px;
	height: 43px;
	line-height: 43px;
	padding-right: 14px;
	padding-left: 13px;
}
#hauptnavigation li a.letzter span {
	background: none no-repeat right center;
}
#hauptnavigation li a.active, #hauptnavigation li a.active:hover{
	background: url(../bilder/navi_activity.gif) no-repeat left 0;
	margin-left: -2px;
	margin-top: -1px;
}
#hauptnavigation li a.active span, #hauptnavigation li a.active:hover span{
	background: url(../bilder/navi_activity.gif) no-repeat right -44px;
}


#hauptnavigation li a:hover {
	background: url(../bilder/navi_activity.gif) no-repeat left -88px;
	margin-left: -2px;
	margin-top: -1px;
}
#hauptnavigation li a:hover span {
	background: url(../bilder/navi_activity.gif) no-repeat right -132px;
}

#hauptnavigation li a:active {
	background: url(../bilder/navi_activity.gif) no-repeat left -176px;
	margin-left: -2px;
	margin-top: -1px;
}
#hauptnavigation li a:active span {
	background: url(../bilder/navi_activity.gif) no-repeat right -220px;
}

/* @end */






#content {
	width: 960px;
	position: relative;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;

}

#content p.lead {
	font-weight: bold;
	color: #212121;
	font-size: 1.2em;
	line-height: 1.4em;
}

#toolbarwrap {
	height: 26px;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
}

#toolbar {
	height: 22px;
	width: 100%;
	background-color: #25c22d;
	border-top: 1px solid #39df42;
	border-bottom: 1px solid #1b9721;
	position: relative;
	left: 0;
	bottom: 0;
	z-index: 1000;
}
#toolbar #iconwrap{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 24px;
	margin-top: 3px;
	z-index: 1500;
}
#toolbar #web20_right{
	width: 70px;
	right: 0;
	position: absolute;
	top: 0;
}
#toolbar #web20_left{
	width: 500px;
	right: 60px;
	position: absolute;
	top: 0;
	background: url(../bilder/toolbar_kerbe.gif) no-repeat right;
	padding-right: 15px;
}
#toolbar #web20_right #tool_chat, #toolbar #web20_right #tool_rss, #toolbar #web20_left #tool_flickr, #toolbar #web20_left #tool_twitter, #toolbar #web20_left #tool_delicious{
	width: 16px;
	height: 16px;
	margin-left: 15px;
	float: right;
}
#toolbar .logo{
	background: url(../bilder/icons/logoicon_neg.gif) no-repeat -3px;
	width: 16px;
	height: 16px;
	margin-right: 15px;
	position: absolute;
	top: 0;
	left: 0;
}
#toolbar #breadcrumbs{
	color: white;
	position: absolute;
	top: 0;
	left: 25px;
}
#toolbar #breadcrumbs a{
	color: white;
}
#toolbar #breadcrumbs li{
	display: inline;
}	

#toolbar #breadcrumbs a.B_crumb{
	padding-right: 5px;
}

#toolbar_weissmacher {
	height: 1px;
	width: 100%;
	border-bottom: 1px solid #fff;
	position: relative;
	bottom: 0px;
	left: 0;
	z-index: 1000;
}

.zwei_spaltig_23 {
	width: 624px;
	float: right;
	display: inline;
}
.drei_spaltig_1{
	z-index: 10;
}
.drei_spaltig_1{
	z-index: 5;
}
.drei_spaltig_1, .drei_spaltig_2 {
	width: 302px;
	margin-right: 20px;
	float: left;
	display: inline;
	position: relative;
}

.drei_spaltig_3 {
	width: 307px;
	float: right;
	display: inline;
	position: relative;
}

.vier_spaltig_1, .vier_spaltig_2, .vier_spaltig_3 {
	width: 225px;
	margin-right: 20px;
	float: left;
	display: inline;
}

.vier_spaltig_4 {
	width: 225px;
	float: right;
	display: inline;
}
#content .teambild{
	padding: 0;
	margin-bottom: -1px;
	z-index: 1;
	float: left;
}

#content table.shadowbox tbody tr.tabinhalt td  {
	padding: 22px;
}
#content table.shadowbox tbody tr.tabinhalt td p.lead{
	border-bottom: 1px solid silver;
	padding-bottom: 7px;
	font-size: 1.2em;
	color: black;
	background: url(../bilder/icons/user_silhouette.png) no-repeat 0 1px;
	text-indent: 27px;
}
#content table.shadowbox tbody tr.tabinhalt td p{
	font-size: 1em;
}
.drei_spaltig_1 p a, .drei_spaltig_2 p a, .drei_spaltig_3 p a, .vier_spaltig_1 p a, .vier_spaltig_2 p a,.vier_spaltig_3 p a,.vier_spaltig_4 p a,  div.unterteil p a {
	background-color: #e5f6ff;
	padding: 1px 4px;
	border-bottom: 1px solid #a1dfff;
}

.drei_spaltig_1 p a:hover, .drei_spaltig_2 p a:hover, .drei_spaltig_3 p a:hover, .vier_spaltig_1 p a:hover, .vier_spaltig_2 p a:hover,.vier_spaltig_3 p a:hover,.vier_spaltig_4 p a,  div.unterteil p a:hover {
	background-color: #25c22d;
	padding: 1px 4px;
	border-bottom: 1px solid #1b9721;
	text-decoration: none;
	color: white;
}
.drei_spaltig_1 p a:visited, .drei_spaltig_2 p a:visited, .drei_spaltig_3 p a:visited, .vier_spaltig_1 p a:visited, .vier_spaltig_2 p a:visited,.vier_spaltig_3 p a:visited,.vier_spaltig_4 p a,  div.unterteil p a:visited {
	background-color: #f1f1f1;
	padding: 1px 4px;
	border-bottom: 1px solid #e2e2e2;
	color: #6e6e6e;
}

#content ul.ok_liste {
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: -4px;
}
#content ul.ok_liste li{
	font-size: 1.1em;
	color: black;
	line-height: 1.5em;
	margin-top: 9px;
	list-style-image: none;
	background: url(../bilder/icons/check.gif) no-repeat 0 3px;
	margin-left: 4px;
	padding-left: 21px;
}

#content div.unterteil {
	float: left;
	width: 960px;
}

#content div.unterteil h1 {
	font-size: 1.8em;
	margin-bottom: 0.8em;
}

#content .shadowbox {
	width: 960px;
	height: 50px;
	margin-left: 6px;
	padding-top: 0;
	z-index: 10;
	border: 1px solid #d8d8d8;
	margin-top: 1px;
}

#content .shadowbox td{
	padding: 5px;
}
#content div.shadowbox_bottom {
	width: 972px;
	background: url(../bilder/boxshadow_bottom.jpg) no-repeat 0 bottom;
	padding-bottom: 16px;
	z-index: 10;
	float: left;
}

#content div.shadowbox_right {
	background: url(../bilder/boxshadow_right.jpg) repeat-y right top;
	margin: 0;
	padding: 0;
	z-index: 10;
}

#content div.shadowbox_left {
	background: url(../bilder/boxshadow_left.jpg) repeat-y 0 top;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	z-index: 10;
}

#content .shadowbox h1{
	font-weight: bold;
	color: #25c22d;
	line-height: 1.4em;
	margin-bottom: 35px;
	font-size: 1.2em;
}
#content .shadowbox h2{
	color: #ccc;
	font-weight: bold;
	font-size: 1em;
}

div.mapsadresse img{
	width: 16px;
	height: 16px;
	float: left;
	padding-top: 1px;
	padding-right: 4px;
}
div.mapsadresse h2{
	color: #25c22d;
	font-size: 1.1em;
	margin-bottom: 10px;
}
div#footer {
	width: 960px;
	font-size: 0.9em;
	height: 50px;
	display: block;
	clear: both;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
div#footer a, div#footer .right{
	color: #a7a7a7;
}

.left{
	float: left;
}
.right{
	float: right;
}

.error {
	background-color: #fcc0c1;
	padding: 10px;
	margin-right: 20px;
	border: 1px solid #f97476;
	width: 380px;
	display: none;
}

#EmailForm fieldset label {
	display: block;
	color: #4f4f4f;
}

input#cfName.text,
input#cfEmail.text, 
input#cfTel.text {
	width: 297px;
	height: 20px;
	margin-top: 5px;
	margin-bottom: 14px;
	border: 1px solid silver;
	padding: 2px 2px 2px 5px;
	border-top: 1px solid gray;
}

textarea#cfMessage {
	width: 297px;
	margin-top: 5px;
	margin-bottom: 14px;
	border: 1px solid silver;
	padding: 2px 2px 2px 5px;
	border-top: 1px solid gray;}

input#cfContact.button {
	float: right;
}

div#map {
	border: 1px solid silver;
}
#content ul.kurznews {
	margin-left: -15px;
}
#content ul.kurznews li span.datum{
	color: silver;
	font-size: 0.8em;
}
#content ul.kurznews li{
	color: #6e6e6e;
	line-height: 1.5em;
	background: url(../bilder/icons/balloon_small.png) no-repeat 0 18px;
	padding-left: 18px;
	padding-bottom: 15px;
	padding-right: 15px;
}



#content div.unterteil div.teaser {
	background-color: white;
	border: 1px solid #d8d8d8;
	clear: left;
	float: left;
	margin-bottom: 20px;
	height: 156px;
}

#content div.unterteil div.teaser ul li a img {
	width: 240px;
	height: 156px;
		background: #f9fafc url(../bilder/loader_bg.gif) repeat center center;

}
#content div.unterteil div.teaser h2 {
	padding-top: 4px;
	padding-left: 10px;
	color: black;
	font-size: 1.2em;
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	margin: 0;
	padding-bottom: 6px;
			-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}
#content div.unterteil div.teaser h2.grafik{
	background: #e5e5e5 none no-repeat 263px 6px;
}

#content div.unterteil div.teaser h2.web{
	background: #e5e5e5 none no-repeat 263px 7px;
}
#content div.unterteil div.teaser h2.foto{
	background: #e5e5e5 none no-repeat 263px 7px;
}
#content div.unterteil div.teaser ul{
	width: 740px;
}
#content div.unterteil div.teaser ul li {
	height: 250px;
	display: inline;
}

#content div.unterteil div.teaser ul li img {
	float: left;
	margin-right: 25px;
	border-right: 1px solid #d8d8d8;
}
#content div.unterteil div.teaser ul li p{
	padding-top: 15px;
	padding-right: 20px;
}

#content div.unterteil div.teaser ul li p a.weiterlink {
	margin-top: 10px;
	float: left;
	text-align: center;
	padding-left: 25px;
	padding-right: 7px;
	background: white url(../bilder/icons/arrow.png) no-repeat 0 3px;
	border-style: none;
}

#content div.unterteil div.teaser ul li p a.weiterlink:hover{
	color: black;
	text-decoration: underline;
}


div#twitterinfo {
	width: 242px;
	height: 490px;
	background: #f1f1f1 url(../bilder/twitter_papagei.gif) no-repeat;
	margin-top: -92px;
	position: relative;
	margin-left: 65px;
	margin-bottom: 27px;
}

#twitterinfo span {
	width: 200px;
	display: block;
	position: absolute;
	top: 290px;
	left: 20px;
}
div#twitterinfo h3{
	display: block;
}
#twitterinfo span p{
	font-size: 0.9em;
	color: #5f5f5f;
	line-height: 1.6em;
}
/* @end */

/* @group Home */

#id-1 h1{
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 31px;
	width: 350px;
}
#id-1 h5{
	position: absolute;
	top: 45px;
	left: 0;
	font-weight: normal;
	font-style: normal;
	color: #acacac;
	font-size: 12px;
	width: 350px;
}

div#zumportfolio {
	height: 50px;
	margin-top: 27px;
	margin-left: 20px;
}
#id-1 .drei_spaltig_1{
	float: left;
	clear: left;
	z-index: 20;
	margin-top: 100px;
}


.portfolio-bild {
	width: 626px;
	height: 488px;
	position: absolute;
	right: -20px;
	top: -31px;
	float: right;
	display: block;
}
.portfolio-maske {
	width: 626px;
	background: url(../bilder/maske_home.png) no-repeat 8px 8px;
	height: 520px;
}
.portfolio-maske a{
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 100%;
}

div#startblog {
	width: 960px;
	height: 175px;
	background: url(../bilder/blogbg.jpg) no-repeat 0 0;
	margin-top: 81px;
}
#content ul.homenews{
	float: left;
	font-size: 0.9em;
}
#content ul.homenews li{
	width: 460px;
	position: relative;
	margin-right: 20px;
	float: left;
	margin-left: 0;
}
#startblog ul.homenews li h3 a.titel {
	color: black;
	position: absolute;
	top: 20px;
	left: 240px;
	float: left;
	font-weight: bold;
	font-size: 12px;
	padding-right: 16px;
}


#content ul.homenews li span.datum{
	display: none;
}


#startblog ul.homenews li img {
	width: 200px;
	border: 1px solid #515151;
	position: absolute;
	left: -221px;
	top: -14px;
	float: left;
	height: 135px;
}
#content ul.homenews li .schnippet{
	position: absolute;
	padding: 0;
	margin: 0;
	font-size: 1em;
	line-height: 1.4em;
	top: 37px;
	left: 240px;
	font-weight: normal;
	font-style: normal;
}
#content ul.homenews li .schnippet b{
	font-weight: normal;
	font-style: normal;
}
#content ul.homenews li a.imagelink{
	text-indent: -1900px;
	display: block;
	width: 194px;
	height: 136px;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	text-decoration: none;
	border-style: none;
	margin-left: 19px;
	margin-top: 22px;
}

ul.homenews li a.more{
	position: absolute;
	top: 138px;
	left: 405px;
}
/* @end */

/* @group Prototip */

.orbitaltooltip-default-top
{
	

	text-align: center;
			background: url(../bilder/tool_arrow.png) no-repeat center bottom;
}
.tooltip_content{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: white;
	width: 130px;
	display: block;
	padding: 10px;
	background-color: rgba(24,24,24,0.7);
	margin-bottom: 12px;
	text-shadow: #000000 0 2px 3px;
	z-index: 1500;
}
.orbitaltooltip-default-top h3{
	color: white;
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 1.2em;
}
.orbitaltooltip-default-top p{
	color: white;
	font-size: 0.9em;
}

.tooltipfoot {
		background: url(../bilder/tool_arrow.png) no-repeat center bottom;
	padding-bottom: 12px;
}
/* @group Twitter */
div#newsticker #twitter_update_list{
	float: left;
	height: 85px;
}


#twitter_update_list li a{
	white-space: nowrap;
}

a.twitter-link {
	background: #efeff2 url(../bilder/icons/user.png) no-repeat 9px 6px;
	margin-left: 18px;
	margin-bottom: 15px;
	display: block;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	padding: 8px 15px 8px 30px;
	text-align: left;
	width: 40px;
}
a.twitter-link:hover{
	background: #dfdfe3 url(../bilder/icons/user.png) no-repeat 9px 6px;
	text-decoration: none;
}

a.followlink{
	background-color: #e6e6e6;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: gray;
	text-decoration: none;
	font-size: 11px;
	padding: 5px 15px;
	display: block;
	width: 40px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

/* @end */

/* @group delicious */

h2.delicious-banner.sidebar-title a{
	color: black;
	font-size: 0.9em;
}

#delicious-posts-fruehjahr ul{
	width: 350px;
}
#delicious-posts-fruehjahr ul li {
	list-style-type: none;
	font-size: 1.1em;
	color: #25c22d;
	background: url(../bilder/icons/bookmark_del.gif) no-repeat 6px 3px;
	padding-left: 25px;
	line-height: 1.4em;
	margin-top: 5px;
}

#delicious a.network {
	background: #eff5fb url(../bilder/icons/network_del.gif) no-repeat 7px 8px;
	border-top: 1px dotted #3274d0;
	border-bottom: 1px dotted #3274d0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	display: block;
	line-height: 1.3em;
}

/* @end */



/* @end */

/* @group Portfolio */

/* @group Carousel */

/* Horizontal Carousel */
#horizontal_carousel {
  	float: left;
	width: 520px;
  	position: relative;
	margin-top: 20px;
}

#horizontal_carousel .container {
  float: left;
  width: 520px;
  position: relative;    
  overflow: hidden;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 338px;
}                      

#horizontal_carousel ul li {
  width: 520px;
  list-style:none;   
  float:left;
}




/* @end */



div#portfolio_content {
	width: 770px;
	margin-bottom: 50px;
	float: left;
	min-height: 624px;
}

#portfolio_content h1 {
	float: left;
	margin: 0;
}

h1.branchentitel {
	display: block;
	float: left;
	height: 40px;
	padding-bottom: 68px;
}

div#pdflink {
	float: left;
	display: block;
	width: 730px;
	height: 30px;
	margin-bottom: 30px;
	margin-top: 10px;
	clear: both;
}

div#portfolio_content a#getpdf {
	background: #f4f4f4 url(../bilder/icons/document_small.png) no-repeat 12px center;
	padding-left: 31px;
	color: gray;
	line-height: 30px;
	display: block;
	text-decoration: none;
}
div#portfolio_content a#getpdf:hover{
	color: black;
	background-color: #e5e5e5;
}

div#portfolio_content div#allebilder, div#portfolio_content div#mycarousel {
	clear: both;
}

div#portfolio_content div.onepic h3 {
	margin-bottom: 5px;
	font-size: 0.8em;
	color: gray;
}

div#portfolio_sidebar, div#blog_sidebar {
	float: right;
	width: 190px;
	height: 500px;
	margin-top: 101px;
}
div#angebot_sidebar {
	float: right;
	width: 190px;
	height: 500px;
	margin-top: -29px;
}
div#portfolio_sidebar ul#branchenliste, div#blog_sidebar ul.reflect_archive, div#blog_sidebar ul#blogtags  {
	text-transform: capitalize;
	background-color: white;
	border: 1px solid #d8d8d8;
	margin-bottom: 30px;
	padding: 12px 10px 4px;
}
div#map_cont, div#tagliste_cont{
		text-transform: capitalize;
	background-color: white;
	border: 1px solid #d8d8d8;
	margin-bottom: 30px;
}
ul#tagliste{
		padding: 12px 10px 4px;

}


div#blog_sidebar ul.reflect_archive li{
	display: block;
}

#blog_sidebar div.reflect_archive_list ul.reflect_archive.runden li.reflect_year a.reflect_year_link {
	color: #6e6e83;
	display: block;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 3px;
	margin-top: 1px;
}

#blog_sidebar div.reflect_archive_list ul.reflect_archive.runden li.reflect_year ul.reflect_months {
	margin-bottom: 10px;
}
div#angebot_sidebar ul#tagliste li, div#portfolio_sidebar ul#tagliste li, div#portfolio_sidebar ul#branchenliste li, div#blog_sidebar ul#blogtags li {
	height: 25px;
	padding-left: 36px;
}

#tagliste li.active a {
	color: #25c22d;
}

div#angebot_sidebar ul#tagliste li, div#portfolio_sidebar ul#tagliste li, div#blog_sidebar ul#blogtags li {
	background: url(../bilder/icons/tag_small.png) no-repeat 17px 0;
}
ul#tagliste li.first{
	background-position: 2px 0;
	margin-left: -14px;
	text-transform: none;
}
#tagliste li.first a {
	/*color: #25c22d;*/
}

div#portfolio_sidebar ul#branchenliste li {
	background: url(../bilder/icons/card_small.png) no-repeat 0 1px;
}

#angebot_sidebar h2, #portfolio_sidebar h2, #blog_sidebar h2 {
	font-size: 1.1em;
	margin-bottom: 9px;
}
#blog_sidebar h2.blogarchiv{
	background: url(../bilder/icons/calendar_day.png) no-repeat 4px 1px;
	padding-left: 27px;
	color: #212121;
}
#blog_sidebar h2.blognews{
	background: url(../bilder/icons/twitter_grey.gif) no-repeat 0 1px;
	padding-left: 23px;
	color: #212121;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 5px;
}

#blog_sidebar #twitter_update_list li {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #6e6e83;
	margin-bottom: 15px;
}
#angebot_sidebar h2.tagtitle, #portfolio_sidebar h2.tagtitle, #blog_sidebar h2.blogtags {
	background: url(../bilder/icons/tag.png) no-repeat 4px 0;
	padding-left: 30px;
	color: gray;
}

#portfolio_sidebar h2.branchentitle {
	background: url(../bilder/icons/card_address.png) no-repeat 4px 0;
	padding-left: 30px;
	color: black;
}
#portfolio_sidebar h2.maptitle {
	background: url(../bilder/icons/pin.png) no-repeat 4px 0;
	padding-left: 30px;
	color: gray;
}

#map_cont a {
	display: block;
	margin: 20px 20px 20px 30px;
	background: url(../bilder/icons/magnifier__plus.png) no-repeat 0 0;
	text-indent: 23px;
	line-height: 15px;
	text-transform: none;
}



div#portfolio_content .bigpic{
	width: 520px;
	height: 338px;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 4px;
}

div#portfolio_content .description{
	padding: 1px;
	display: block;
	margin-top: 8px;
	margin-bottom: 20px;
	width: 500px;
	float: left;
	background: none no-repeat 0 0;
}

div#portfolio_content .tags{
	padding: 0;
	display: block;
	margin-bottom: 5px;
	width: 520px;
	margin-top: 6px;
	float: left;
	z-index: 90;
}
div#portfolio_content .tags a{
	background: url(../bilder/icons/tag_small.png) no-repeat -3px 0;
	padding-left: 13px;
	color: #97979a;
	padding-right: 9px;
}
div#portfolio_content .thumbarea{
	width: 180px;
	position: absolute;
	right: 240px;
	margin-top: 20px;
}
div#portfolio_content .thumbarea .thumb {
	border: 1px solid silver;
	margin-right: 12px;
	margin-bottom: 12px;
	position: relative;
	text-indent: -5000px;
}
div#portfolio_content .thumbarea .thumb i{
	display: none;
	visibility: hidden;
}
#portfolio_content div.thumbarea a.thumb {
	width: 75px;
	height: 75px;
	font-size: 0.5em;
	color: silver;
	float: left;
	display: block;
}
div#portfolio_content .thumbarea a.active, div#portfolio_content .thumbarea a:hover {
	border: 1px solid #25c22d;
	opacity: 1;
	background-image: none;
}
div#portfolio_content .thumbarea a:hover img, div#portfolio_content .thumbarea a.active img{
	opacity: 1;
}
#portfolio_content div.thumbarea a img{
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 0;
}
#logobereich{
	width: 190px;
	position: absolute;
	right: 0;
	top: 58px;
	background-color: white;
	border: 1px solid #d8d8d8;
	padding: 0 0 10px;
}
.runden{
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
}
.untenrunden{
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
}
.rechtsuntenrunden{
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
		-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}
.linksobenrunden{
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;

}

#logobereich #kundenlogo{
	width: 190px;
	right: 0;
	background: #f9fafc url(../bilder/loader_bg.gif) repeat center center;
	height: 190px;
	border-bottom: 1px solid #d8d8d8;

}
#logobereich h2{
	color: black;
	margin-top: 5px;
	margin-left: 12px;
	margin-bottom: 5px;
	font-size: 1em;
}
#logobereich p{
	font-size: 0.9em;
	margin: 0 0 0 10px;
	padding: 0;
}
#logobereich .branchenlink{
	background: url(../bilder/icons/card_small.png) no-repeat 0 0;
	padding-left: 20px;
}

#logobereich .weblink a{
	background: url(../bilder/icons/chain_small.png) no-repeat 0 0;
	padding-left: 20px;
}
#skiplinks {
	position: absolute;
	right: 0;
	top: 3px;
}
#skiplinks li{
	display: inline;
}
.button.right{
	float: right;
}
.button{
	float: left;
	text-align: center;
	padding: 4px;
	border-top: 1px solid #39df42;
	border-left: 1px solid #39df42;
	border-right: 1px solid #1b9721;
	border-bottom: 1px solid #1b9721;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	color: white;
	background-color: #25c22d;
	font-size: 0.9em;
}

.button:hover, .button:active{
	border-bottom: 1px solid #39df42;
	border-right: 1px solid #39df42;
	border-left: 1px solid #1b9721;
	border-top: 1px solid #1b9721;
	margin-top: 1px;
	text-decoration: none;
}
.button:active{
	margin-top: 2px;
}
.button.start{
		width: 80px;

	background: #25c22d url(../bilder/icons/raster.png) no-repeat 8px 4px;
	text-indent: 17px;
}
.button.back{
	width: 80px;
	margin-left: 12px;
	background: url(../bilder/icons/arrow_180-w.png) no-repeat 12px 4px;
	text-indent: 14px;
	background-color: #25c22d;
}
.button.fore{
	width: 80px;
	margin-left: 12px;
	background: #25c22d url(../bilder/icons/arrow_0-w.png) no-repeat 53px 4px;
	text-indent: -24px;
}

#pagina ul {
	width: 730px;
	height: 40px;
	float: left;
	margin-top: 20px;
}
#pagina ul li{
}

#pagina ul li a.back.button {
	float: left;
	margin-left: 0;
}

#pagina ul li a.fore.button {
	float: right;
}

div#map_cont p, #tagliste_cont p {
	font-size: 1em;
	text-transform: none;
	color: gray;
	background-color: #e5e5e5;
	padding: 10px 10px 10px 14px;
	margin: 0;
}

#gmap {
	padding: 10px;
	border: 1px solid #d8d8d8;
	width: 940px;
}

/* @group slider */
#slider {
	right: 0;
	position: absolute;
	top: 53px;
	width: 190px;
	height: 19px;
}
#track{
	height: 10px;
	width: 190px;
	border-bottom: 1px solid #ccc;
}
#track0{
	background: url(../bilder/icons/image_small.png) no-repeat -3px 2px;
	position: absolute;
	top: 0;
	width: 190px;
	height: 19px;
}
#track01 {
	width: 180px;
	height: 19px;
	background: url('../bilder/icons/image.png') no-repeat right 2px;
	margin-left: 12px;
}
#track1 {
	width: 155px;
	height: 19px;
	display: block;
	position: absolute;
	left: 11px;
}

.ui-slider-handle{
	width: 19px; 
	height: 19px;
	cursor: pointer;
	position: absolute;
	top: 1px;
}





/* @end */

/* @group ramen */

div#portfolio_content .onepic {
	color: black;
	font-weight: bold;
	margin-right: 20px;
	float: left;
	margin-bottom: 25px;
}

#horizontal_carousel div.container ul li a.lightview {
	display: block;
	position: absolute;
	width: 520px;
	cursor:pointer;
	z-index: 60;
	height: 343px;
}
#horizontal_carousel div.container ul li a.lightview:hover{
	background: url(../bilder/icons/magnifier_left.png) no-repeat 470px 300px;
}

div#portfolio_content div.onepic .scale-image {
	display: block;
	position: relative;
	border: 1px solid #7f7f7f;
	z-index: 45;
	background: #f9fafc url(../bilder/loader_bg.gif) repeat center center;
	width: 210px;
	height: 136px;
}

div#portfolio_content div.onepic a:hover {
	border: 1px solid #25c22d;
}

#portfolio_content div.onepic a img {
	width: 100%;
	z-index: 40;
	height: auto;
	-ms-interpolation-mode:bicubic;
	margin-bottom: -4px;
}
.outerbevel{
	border: 1px solid #ccc;
	border-bottom: 1px solid #97979a;
	border-right: 1px solid #a8a8aa;
	background: #cacaca url(../bilder/verlauf.jpg) repeat-x 0 0;
	z-index: 35;
	position: relative;
	cursor: pointer;
}
.bigpic .outerbevel{
	cursor: default;
}
.bigpic .outerbevel:hover{
	border: 1px solid #ccc;
	border-bottom: 1px solid #97979a;
	border-right: 1px solid #a8a8aa;
}
.outerbevel:hover{
		border: 1px solid #25c22d;
}
.innergloss{
	border: 1px solid #fff;
	z-index: 45;
	margin: 7px;
}
.bigpic div.outerbevel .innerbigframe{
	border: 1px solid #7f7f7f;
	height: 325px;
	background: #f9fafc url(../bilder/ajax-loader.gif) no-repeat center center;
	display: block;
}

.gloss{
	background: url(../bilder/gloss.png) no-repeat center top;
	width: 100%;
	z-index: 50;
	top: 0;
	left: 0;
	position: absolute;
	cursor:pointer;
	height: 100%;
}


/* @end */

/* @end */


/* Version für die Altmodischen */

/* @group Blog */

#WebLoginLayer0 {
	background-color: #ebebeb;
	padding: 15px 20px 15px 15px;
	border: 1px solid #ccc;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}

#WebLoginLayer0 form fieldset label, #bloggen fieldset label{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

a#forgotpsswd {
	margin-left: 30px;
}

#bloggen fieldset {
	background-color: #ebebeb;
	padding: 15px 20px 15px 15px;
	border: 1px solid #ccc;
	margin-bottom: 40px;
	position: relative;
	width: 590px;
}
#bloggen fieldset h3{
	position: absolute;
	top: -22px;
	background-color: #ebebeb;
	padding: 5px 10px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#bloggen fieldset label input, #bloggen fieldset textarea{
	float: right;
	border: 1px solid #ccc;
	padding: 5px;
}



#bloggen fieldset span.resume {
	font-style: italic;
	color: gray;
	font-size: 0.9em;
}


#blogholder {
	width: 500px;
	position: relative;
	margin-top: 120px;
}

div#blogsidebar {
	position: absolute;
	width: 350px;
	display: block;
	padding-left: 20px;
	right: 0;
	top: 0;
}


ul#buttons{
	height: 40px;
	line-height: 35px;
	width: 230px;
}
ul#buttons li{
	display: inline;
}

ul#buttons li a{
	color: gray;
	text-decoration: none;
	text-indent: -1500px;
	float: left;
}
ul#buttons li a.twitter{
	width: 32px;
	height: 32px;
	background-image: url(../bilder/icons/twitter_32.png);
	margin-top: 2px;
	margin-left: 2px;
}
ul#buttons li a.facebook{
	width: 32px;
	height: 32px;
	background-image: url(../bilder/icons/facebook_32.png);
	margin-top: 2px;
	margin-left: 10px;
}

ul#buttons li a.rss{
	width: 32px;
	height: 32px;
	background-image: url(../bilder/icons/rss_32.png);
	margin-top: 2px;
	margin-left: 10px;
}


div#flickr, div#delicious, div#facebook{
	margin-bottom: 50px;
	display: block;
	float: left;
	clear: both;
}
div#facebook{
	margin-right: 50px;
	position: absolute;
	top: 60px;
}

#blogholder div.ditto_summaryPost {
	margin-bottom: 70px;
	width: 500px;
}

#blogholder div.ditto_summaryPost.photo img {
	margin-bottom: 20px;
}
#blogholder h1{
	margin-bottom: 15px;
	margin-top: 20px;
}
#blogholder h1 a {
	color: #25c22d;
}

#blogholder div.ditto_info {
	border-top: 1px solid #25c22d;
	border-bottom: 1px solid #25c22d;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	margin-bottom: 20px;
}

#blogholder div.ditto_info span.autor {
	font-weight: bold;
	background: url(../bilder/icons/icon-author.gif) no-repeat 0 2px;
	padding-left: 15px;
	color: gray;
}
#blogholder div.ditto_info span.datum {
	background: url(../bilder/icons/icon-calendar.gif) no-repeat 0 3px;
	padding-left: 19px;
	margin-left: 0;
	color: gray;
}

a.dsq-comment-count {
	float: right;
	background: url(../bilder/icons/balloon_small.png) no-repeat 0;
	padding-left: 20px;
}

div#disqus_thread {
	background-color: #ededed;
	padding: 20px;
}

div#pages {
	display: none;
}

div#pagination {
	margin: 50px 0 200px -30px;
	padding: 0;
}

.abstand {
	width: 28px;
	height: 20px;
	float: left;
}

div#content.blog {
	margin-top: 120px;
	clear: both;
	position: relative;
}
#blogholder div.ditto_info span.kategorie a {
background: url(../bilder/icons/tag_small.png) no-repeat 0 1px;
	padding-left: 18px;
	margin-left: 15px;
}
	
#blogholder div.ditto_info a.kommentare{
	position: absolute;
	top: 5px;
	right: 0;
	background: url(../bilder/icons/balloon_small.png) no-repeat 0;
	padding-left: 17px;
	display: block;
}

#blogholder ul, #blogholder ol {
	color: #6e6e6e;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
	padding-left: 30px;
}
#blogholder ul li{
	background: url(../bilder/icons/sticky_note_small.png) no-repeat 0 2px;
	padding-left: 19px;
}

#disqus_thread li.dsq-login-button {
	background-image: none;
	padding: 0;
	margin: 0 10px 0 0;
}

div.dsq-options, p.dsq-autheneticate-copy, div.dsq-dc-logo, span.dsq-subscribe-rss, span.dsq-item-sort, #dsq-comments-title h3 {
	display: none;
}

 





#blogholder ol{
	background-color: #f4f4f4;
	padding-bottom: 25px;
	padding-right: 25px;
	padding-top: 10px;
}
#blogholder ol li{
	color: black;
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 20px;
	padding-top: 15px;
}
#blogholder blockquote {
	background-color: #e5ffe7;
	padding: 15px;
	margin-bottom: 1.5em;
	color: #25c22d;
	font-style: italic;
	font-weight: bold;
	word-spacing: 1px;
}
#blogholder blockquote p{
	margin: 0;
	padding: 0;
	color: #25c22d;
}
#blogholder .blog_bild_links {
	float: left;
	margin-right: 1.1em;
	margin-top: 5px;
	margin-bottom: 0.5em;
	border: 1px solid #25c22d;
}
#blogholder .blog_bild_links_ohne {
	float: left;
	margin-right: 1.1em;
	margin-top: 5px;
	margin-bottom: 0.5em;
}

#blogholder div.ditto_summaryPost.photo p a.download {
	display: block;
	text-align: center;
	padding: 10px;
	border: 1px solid #bbe2ff;
	background: #edf7ff url(../bilder/icons/arrow_315.png) no-repeat 192px 10px;
}
#blogholder div.ditto_summaryPost.photo p a.download:hover{
	border: 1px solid #8ed0ff;
	background-color: #def1ff;
	text-decoration: none;
}

#blogholder div.ditto_summaryPost.video object {
	margin-bottom: 25px;
	width: 500px;
	height: 370px;
} 
/* @end */

/* @group Promonavi */

ul#promonavi {
	width: 960px;
	background-color: #f1f1f1;
	padding: 15px 0;
	border: 1px solid #d8d8d8;
	float: left;
	display: block;
	height: 120px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
ul#promonavi li{
	border-right: 1px solid #d1d1d1;
	border-left: 1px solid white;
	width: 208px;
	height: 120px;
	padding: 0 15px;
	position: relative;
	float: left;
}
#promonavi li h3{
	font-weight: bold;
}
#promonavi li p {
	font-size: 1em;
	line-height: 1.4em;
	color: #474747;
	margin-bottom: 10px;
	display: block;
	margin-top: 5px;
}
#promonavi li a.lightview{
background: url(../bilder/icons/magnifier_small.png) no-repeat right;
	padding-right: 17px;
	color: #474747;
}
#promonavi li a.lightview:hover{
	text-decoration: underline;
}
ul#promonavi li.first{
	border-left-style: none;
}
ul#promonavi li.last{
	border-right-style: none;
}
ul#promonavi li img{
	float: right;
	margin-top: -15px;
	margin-right: -15px;
}

ul#promonavi li img#blogicon {
	margin-right: -17px;
}

#promonavi li p a {
	display: block;
	margin-top: 9px;
}

/* @end */


@media print {
.scale-image img{
	display: block;
}
}

/* @group barbara */

h6.minititel {
	margin-top: 185px;
	font-weight: normal;
	font-style: normal;
}

div#bablog
 {
	width: 434px;
	height: 320px;
	float: right;
	clear: none;
	margin-top: 104px;
}

#bablog_inner ul.homenews li div.schnippet p {
	
}


div.flickerphoto {

	width: 990px;
	margin-top: 10px;
	height: 80px;
	float: left;
	clear: left;
}



div.blglvn-ftr {
	width: 500px;
	margin-top: 100px;
}

div#blglvn-widget {
	clear: left;
	float: left;
	width: 472px;
	height: 160px;
	margin-top: 0px;
	top: 5px;
}



#blglvn-widget div.bl_blogsifollow_snaps div.blglvn-blg div.blglvn-ttl p a {
	width: 120px;
	position: absolute;
}

#bablog_inner ul.homenews li div.schnippet {
	width: 434px;
	height: 280px;
	position: static;
	margin-top: -10px;
}

#bablog_inner ul.homenews li h3 a.titel {
	color: #25c22d;
	font-size: 1.7em;
	bottom: 4px;
	position: relative;
}

#bablog_inner ul.homenews li a.more {
	position: absolute;
	float: left;
	clear: left;
	left: 0;
}


div.blglvn-blg {
	width: 190px;
	float: left;
	clear: none;
	height: 48px;
	position: relative;
	top: 12px;
	left: 5px;
}



h4 {
	text-align: left;
}


.flickr_badge_image {
	float: left;
	margin-right: 24px;
}

#blglvn-widget div.blglvn-hdr {
	display: none;
}



/* @end */