@charset "utf-8";
/* editor notes */
.editor {	color: #FF0000;	padding-left: 10px;}
.editor a {	color: #FF0000; text-decoration:underline}

/* reset CSS by ERic Meyer | http://meyerweb.com/ */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;	border: 0; outline: 0; font-weight: inherit; font-style: inherit;	font-size: 100.01%; font-family: inherit; }

ul {
list-style: none;
}
li {
	list-style-type: none;
	font: 13px/1.4 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif !important;
}
li.dot {
	list-style-type:none;
	font: 13px/1.4 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif !important;
	padding-left: 10px;
	background: url(../images/dot-bullet.gif) no-repeat;
}
td {font: 13px/1.5 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif !important;}

/* remember to define focus styles! */
:focus {outline: 0;}

#mycarousel li {position: relative}
/* accordion elements */
.toggler {
	color: #666;
	margin: 0;
	padding: 4px 0;
	background:  #fff url("../images/gradline.gif") repeat-x 0px top;
	border: none;
	font-size: 13px;
	font-weight: bolder;
	font-family: Arial, sans-serif;
	text-transform:uppercase;
	cursor: pointer;
}
.toggleroff {
	color: #afafaf;
	margin: 0;
	padding: 4px 0;
	background:  none;
	border: none;
	font-size: 13px;
	font-weight: bolder;
	font-family: Arial, sans-serif;
	text-transform:uppercase;
	cursor: pointer;
}
div.news p {
	width: 560px;
	padding-bottom: 5px;
}
.toggler_news {
	color: #000;
	margin: 0px;
	padding: 4px 0;
	background:  #fff url("../images/gradline.gif") repeat-x 0px top;
	border: none;
	font-size: 13px;
	font-weight: bolder;
	cursor: pointer;
}

.toggleroff_news {
	color: #afafaf;
	margin: 0px;
	padding: 4px 0;
	background:  none;
	border: none;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}
.news { 
	padding-bottom: 10px
}
.togglerin {
	color: #afafaf;
	margin: 0;
	padding: 4px 0;
	background:  #fff url("../images/gradline.gif") repeat-x 0px top;
	border: none;
	font-weight: bolder;
	font: 13px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif;
	text-transform:uppercase;
	cursor: pointer;
}
.element {
	overflow: hidden;
	position: relative;
	z-index: 500;
}
.element p {
	font: 13px/1.5 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif !important;
	/*	font: 12px/1.5 Arial, Helvetica, Sans-serif;
*/
}
.element .date {
	font: 13px/1.5 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif !important;
 	color: #000;
 	/*background-color: #dedede; 
	padding: 0 2px;*/
}
.highlight {
	font: 13px/1.5 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif !important;
 	color: #000;
 	background-color: #dedede;
	padding: 0 2px;
}
a.mail {
	text-decoration:none;
	color: #222222
}
.element p.small {
	font: 11px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif !important;
	/*	font: 12px/1.5 Arial, Helvetica, Sans-serif;
*/	margin: 8px 0px 8px 0;
	padding: 2px 2px 2px 0;
}
/*header elements*/


div#logo a, p#mediatemple a {
	margin-top: 20px;
	display: block;
}

div#logo h1 a span, div#logo p, p#mediatemple span {
	display: none;
}

div#header {
	background: #fff;
	height: 40px;
}

div#header #headerlogo {
	font-family: Lucida Grande, Arial, Helvetica;
	width: 840px;
	margin: 0 auto;
	text-align: right;
}
div#header #headerlogoimp {
	font-family: Lucida Grande, Arial, Helvetica;
	width: 430px;
	margin: 0 auto;
	text-align: right;
}
div#headerlogo a {
	float: right;
	height: 35px;
	width: 342px;
	/*background: url(images/logo.gif) no-repeat;*/
}

body {
	background: #fff;
	color: #222;
	font: 13px/1.5 Arial, Helvetica, Sans-serif;
}


#wrapper {
	background: #fff;
	padding: 15px 0;
}

#container {
	width: 840px;
	margin: 0 auto;
}
#content {
	width: 825px;
	padding-left: 19px;
	float: left;
}
.sidebarKontakt a {
	font:13px Arial, Helvetica, sans-serif !important; color:#999999 !important; text-decoration: none;
	font-size: 13px !important;
	clear:both
}
.sidebar a:hover, .sidebarHome a:hover, .sidebarKontakt a:hover, .sidebarClients a:hover {
	font:13px Arial, Helvetica, sans-serif !important;
	color:#666666 !important;
}

a:link, a:visited {
	color: #666600;
	font-size: 13px !important;
	line-height:1.5;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif ;
	text-decoration: none;
}

a:hover, a:active {
	color: #666600;
	font-size: 13px !important;
	line-height:1.5;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif;
	text-decoration: underline;
}
/*a.sidelink {
background: #fff url(../images/bullet_plus.gif) no-repeat 0 3px; padding: 0 0 2px 20px; margin: 10px 0 0 0; font:12px Arial, Helvetica, sans-serif !important; color:#999 !important;
}*/
a.sidelink2 {
margin: 10px 0 0 0; font:12px Arial, Helvetica, sans-serif !important; color:#999 !important;
}
a.sidelink:hover {
color:#666;
}
ul.start li {
	list-style-type: none;
	margin-left: 2em;
}
span.title {
	color: #e6335d;
	font-weight: bold;
}

h1 {
	font: bold 2.7em/0.9em "Berthold Akzidenz Grotesk Super", "Arial Black", Arial, Arial Narrow, Tahoma, sans-serif;
	color: #666600;
	padding-bottom: 15px;
	margin-top: 15px;
}
h1.sans, h2.sans {
	font: bold 2.7em/0.9em "Berthold Akzidenz Grotesk Super", "Arial Black", Arial, Arial Narrow, Tahoma, sans-serif;
	color: #666600;
	padding-bottom: 15px;
	margin-top: 15px;
}
h2 {
	font-family: Georgia, "Times New Roman";
	font-size: 26px;
	font-weight: normal;
	color: #666600;
	margin: 0;
}
h3 {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #666666;
	margin: 0;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	margin:20px 0px 4px 0px;
	font-size:16px;
	letter-spacing:-0.03em;
	color: #999;
	font-weight: bolder;

}

input {width:260px}
textarea {width:260px}

p#info {
	color: #656b83;
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
}

/*footer*/

#footer {
	background: #fff url(../images/gradient_bottom.gif) top left repeat-x;	
	border-top: 1px solid #f1f1f1;
	font-size: 9px;
	color: #000;
	padding-top: 8px;
	text-align: right;
}
div#copyright {
	font: 10px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif !important;
	width: 840px;
	margin: 0 auto;
	text-align: right;
}
h2.subheadline {
	font-weight:bold;
	font: 13px/1.5 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif;
	text-transform:uppercase;
	margin: 0 0 10px 0;
	color:#660;
}

/*modules*/

.module3 {
margin: 10px 0px 0px 0px; 
}

.module3 .content {
	margin: 10px 0px 0px 0px;
}
.module3 col3 .content {
	margin: 10px 0px 0px 0px;
}
.module3 .content strong{
	font-weight:bold;
	font-size:14px;
	color:#666;
	text-transform:uppercase;
	margin: 0 0 3px 0;
}
.module3 .content a.weblink{
	font-size:14px;
	color:#666;
	/*background: url(images/icon_arrow-web.gif) 0 1px no-repeat; */
	padding: 0 0 0 0;
}
.module3 .content a.weblink:hover{
	color:#222;
}
.module3 .content a.weblink sup, .content a sup{
	color:#666;
	font-size:8px;
	line-height:0;
	top: -5px;
}
.module3 .content a.weblink sup:hover{
	color:#222;
}
.module3col {
width: 260px;
margin-bottom: 16px;
float: left;
}

.module3colProject {
	display: inline;
	position: relative;
	float: left;
	width: 305px;
	margin-bottom: 16px;
}

.module3col col1 .content li{
	color:#f4f4f4;
}



.col1 {margin:0 15px 10px 0;}
.col2 {padding:0px 14px; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.col3 {
	padding-bottom:15px;
}

#body_index .col3 {
	padding: 0 0 0 14px;
}

.module3 .module3col.col3 {
	padding-right: 0px;
}

.borderlr{border-left:1px solid #C2C2C2;border-right:1px solid #C2C2C2;}
.borderl{border-left:1px solid #C2C2C2;border-right:1px solid #FFFFFF;}

.twocols {width: 550px; margin-right: 15px;}
.twocolsProject {width: 500px; margin-right: 20px}

.module3col .content h3 {
font: 13px Arial, Helvetica, Sans-serif;
font-weight: normal;
color: #000;
margin: 2px 0px 5px 0px;
text-decoration: none;
}
.module3col .content p {
font: 13px Arial, Helvetica, Sans-serif;
font-weight: normal;
color: #000;
margin: 0px 0px 5px 0px;
text-decoration: none;
}
.module3col .content h3 a:link, 
h3 a:active {
color: #666600; 
text-decoration: none; }

.module3col .content h3 a:visited  {
color: #666600; 
text-decoration: none; }

.module3col .content h3 a:hover  {
	color: #666;
	text-decoration: none;
	margin: 0;
}

.module3col .content a {
text-decoration: none; }

.module3col img a {
border: 1px solid #e1e1e1;
border-bottom: none;
}
/* contact */
.formtable {
/*	background: #fff url(../images/bg_list.png) repeat-x 0px top;
*/	
	background: #fff;
	margin: 10px 0 10px 0;
}
.formtable input {
	font: 0.9em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif;
	color: #333333;
	border: 1px solid #d8dbde;
	text-align: left;
	padding: 2px;
	background:  #f3f3f3 url("../images/formgrad.png") repeat-x 0px top;
	width:240px
}
.formtable textarea {
	font: 0.9em 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif;
	color: #333333;
	border: 1px solid #d8dbde;
	text-align: left;
	padding: 2px;
	background:  #f3f3f3 url("../images/formgrad_text.png") repeat-x 0px top;
	width:240px
}
.formtable .button {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #f1f1f1;
	border: 1px solid #d8dbde;
	padding: 2px;
	vertical-align: middle;
	font-weight: bold;
	margin-top: 5px;
	text-transform: uppercase;
}
.button2 {
	color: #666666;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #D8D8D8;
	padding: 4px 8px;
	cursor: pointer;
	width: auto;
	clear: both;
	display: block;
	text-transform: uppercase;
	background: #F3F3F3 url(../images/formgrad.png) repeat-x scroll 0 top;
}
.button {
	text-decoration:none;
	font: 11px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color: #666;
	background-color: #f1f1f1;
	border: none;
	padding: 2px;
	vertical-align: middle;
	font-weight: bold;
	margin-top: 5px;
	text-transform: uppercase;
}
.button:hover {
	text-decoration:none;
	font: 11px Arial, Helvetica, sans-serif;	
	letter-spacing:1px;
	color: #FFFFFF;
	background-color: #a55736;
	border: none;
	padding: 2px;
	vertical-align: middle;
	font-weight: bold;
	margin-top: 5px;
	text-transform: uppercase;
}
#wrapperdetail #image {
	margin: 12px !important;
	width: 600px;
	float: left;
}
#wrapperdetail #image img {
	border: 1px solid #c2c2c2;
}
#wrapperdetail #text {
	margin: 12px 12px 12px 0 !important;
	float: left;
	width: 200px;
}
#wrapperdetail #text h1 {
	font-family: Arial, Helvetica, sans-serif !important;
	margin:0px 0px 8px 0px;
	font-size:16px;
	letter-spacing:-0.03em;
	color: #999;
	font-weight: bolder;

}
#wrapperdetail #desc a {
	color: #808080;
	background: url(../images/visit.gif) no-repeat 0px center;
	padding-left: 20px;
	text-decoration: none;
	margin: 12px !important;
}
#wrapperdetail #desc a:hover {
	color: #666600;
	background: url(../images/visit_over.gif) no-repeat 0px center;
	padding-left: 20px;
	text-decoration: none;
}
/*call link for iphone not displayed tel: protocol.*/
a.call {
    display: none;
    }
#basic-accordian{
	padding:5px;
	width:100%;
}

.accordion_headings{
	padding:5px;
	color: #afafca;
	cursor:pointer;
	background: #FFFFFF url(../images/gradline.gif) repeat-x;
}
.firstEl {background: none;}

.accordion_headings:hover{
	/*background:#dedede;*/
	color:#666666;
}

.accordion_child{
	padding:5px 0px;
}

.header_highlight{
	/*background:#dedede;*/
	color:#666666;
}


div.teaser_news {
	float:right; 
	margin-left:10px;
	padding-bottom:10px;
}
div.teaser_newsblank {
	float:right; 
	margin-left:10px;
	padding-bottom:60px;
}

#copyright p, #copyright a, #copyright a:visited{background: none; text-transform: uppercase; text-decoration:none; margin-left:10px;font: 10px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif !important;color:#999;}
#copyright a.social {margin-left: 3px;}
#copyright a:hover{color:#222; font: 10px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif !important;}
#log_res {
	font-weight:bold;
	color:#FF6633;
	width:240px;
	margin:0 0 0 3px;
}

#form_box table {
	margin:0; 
}


/*  -------- Sidebar --------- */

.sidebar {
	float: left;
	background: #f2f2f2; 
/*	border-top: 1px solid #d4d4d4;*/
	float: left;	
	margin: 0;
	padding: 5px;
	height: 100px;
	width: 305px;
}

.sidebarNolink {
	float: left;
	background: #f2f2f2;
	margin: 0;
	padding: 5px;
	height: 80px;
	width: 305px;
}
.sidebarWeblink {
	float: left;
	background: #f2f2f2;
	margin: 0;
	padding: 5px;
	height: 130px;
	width: 305px;
}
.sidebarWeblink li .head {
	font:12px Arial, Helvetica, sans-serif !important; color:#999 !important; text-decoration: none;
	float:left;
	color:#666 !important;
	margin-bottom:6px
	/*clear:both*/
}
.sidebarWeblink a {
	font:12px Arial, Helvetica, sans-serif !important; color:#999 !important; text-decoration: none;
	float:left;
	/*clear:both*/
}
.sidebarWeblink a:hover  {
	font:12px Arial, Helvetica, sans-serif; color:#333; text-decoration: none;
}

.sidebarScreen {
	float: left;
	width: 290px;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0; 
}

.sidebarHome, .sidebarProfil {
	background: #f9f9f9 url(../images/newsbox_bg.png) repeat-x;
	margin: 0;
	padding: 5px;
	height: 100px;
}
.sidebarKontakt {
	background: #fff url(../images/contactbox_bg.png) repeat-x;
	margin: 14px 0 0 0;
	padding: 5px;
	height: 145px;
}
.sidebarHome a {
	font:13px Arial, Helvetica, sans-serif !important; color:#999 !important; text-decoration: none;
	padding-bottom: 10px;
	/*float:right;*/
	clear:both
}
.sidebar a {
	font:13px Arial, Helvetica, sans-serif !important; color:#999 !important; text-decoration: none;
	float:right;
	/*clear:both*/
}
.sidebar h3, .sidebarHome h3, .sidebarProfil h3, .sidebarKontakt h3 {
	font:13px Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin-bottom: 10px;
}
.sidebarClients h3 {
	font:13px Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin-bottom: 10px;
	padding: 4px;
}
.sidebarKontakt ul {
	margin-bottom: 35px;
}
.sidebar ul {
	margin-bottom: 15px;
}
.sidebar li, .sidebarKontakt li, .sidebarProfil li, .sidebarNolink li {
	margin: 3px 0px; font:12px Arial, Helvetica, sans-serif !important; color:#999 !important;
}

.sidebar a sup{
	color:#666;
	font-size:8px;
	line-height:0;
	top: -5px;
}
/*.sidebar a:hover, .sidebarHome a:hover, .sidebarKontakt a:hover, .sidebarClients a:hover {
	font:12px Arial, Helvetica, sans-serif !important;
	color:#666 !important;
}*/
.sidebar p {
	margin-left: 20px;
	color:#999;
	font:11px Arial, Helvetica, sans-serif !important;
}
.sidebar p.author {
	margin-top: 11px;
	font:12px Arial, Helvetica, sans-serif !important;
}

.sidebarClients {
	background: url(../images/sidebar_kunden.png) no-repeat;
	margin: 0;
	padding: 0;
	height: 130px; 
}
.sidebarlink a {
	font:13px Arial, Helvetica, sans-serif !important; color:#999 !important; text-decoration: none;
	float:right;
}
/* Project pages */
.togglerbar {
	margin: 0;
	padding: 4px;
	background:  #fff url("../images/gradline.gif") repeat-x 0px top;
	border: none;
	font-weight: bolder;
	text-transform:uppercase;
}
.togglerbaroff {
	color: #afafaf;
	margin: 0;
	padding: 4px 0;
	background:  none;
	border: none;
	font-size: 13px;
	font-weight: bolder;
	font-family: Arial, sans-serif;
	text-transform:uppercase;
	cursor: pointer;
}
.togglerbar .left {
	float:left;
}
.togglerbar .right {
	float:right;
}
.togglerbar .left a, .togglerbar .right a{
	font: 12px Arial, sans-serif;
	text-decoration:none
}
.togglerbar .left a:hover, .togglerbar .right a:hover{
	font: 12px Arial, sans-serif;
	text-decoration:none;
	color:#666666
}

.contentimp .headline {
	color: #666;
	margin: 20px 0 0 0;
	padding: 4px 0;
	/*background:  #fff url("../images/gradline.gif") repeat-x 0px top;*/
	border: none;
	font-size: 13px;
	font-weight: bolder;
	font-family: Arial, sans-serif;
	text-transform:uppercase;
	cursor: pointer;
}
.contentimp {
	margin: 20px;
}
.contentimp p {
	font: 13px/1.5 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif !important;
	text-decoration:none
}
.contentimp p.small {
	font: 11px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif !important;
	text-decoration:none
}
a.toggleroff {
	color: #afafaf !important;
	margin: 0;
	padding: 4px 0;
	background:  none;
	border: none;
	font-size: 13px;
	font-weight: bolder !important;
	font-family: Arial, sans-serif !important;
	text-transform:uppercase;
	cursor: pointer;
	text-decoration: none;
}
a.toggleroff:hover {
	color: #afafaf !important;
	font-weight: bolder !important;
	font-family: Arial, sans-serif !important;
	text-decoration: none;
}
#show {padding-bottom:0px;}
.hl {margin-bottom: 5px;}

.newslink {
	text-align: right;
}
a.tellafriend {
	font: 10px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif !important;
	color: #666600;
	text-transform: uppercase;
	font-size: 10px !important;
}
#at16pf a {
	position:absolute;
	outline: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-size:10px !important;
	color:#4c4c4c;
	font-family:Arial, Helvetica, Sans-Serif !important;
	text-decoration:none !important;
}
#at16pf a:hover {
	text-decoration:underline !important;
}
#at16pf a#at-whatsthis {
	width: 60px;
	left: 10px
}
#at16pf a#at-privacy {
	width: 39px;
	left: 90px
}

.likehover {
	position: absolute;
	top: -9999px;
	border: 1px #E0E0E0 solid;
	padding: 2px;
	height: 20px;
	z-index: 1000;
	background-color: #FFFFFF;
}
.likehover img {
	border: none;
	padding-bottom: 2px;
}