/**** MAIN LAYOUT ****/
BODY
{
	height: 100%;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	background: url(/design/bg.jpg) repeat-y center #FFF;
	margin: 0;
	padding: 0;
}

P
{
	margin: 0 0 0.8em 0;
}

/**** TOP AND HEADER ****/
DIV#top
{
	margin: 0;
	padding: 0 0 0 0;
	position: relative;
	z-index: 10;
	zoom: 1;
}

DIV#header
{
	margin: 0;
	padding: 0 0 30px 0;
	position: relative;
	background: url(/design/bg_header.jpg) repeat-x top center #FFF;
	height: 325px;
}

DIV#headerbox
{
	clear: both;
	height: 200px;
	width: 900px;
	margin: 16px auto 0 auto;
}

/**** NAVIGATION LAYOUT ****/

DIV#navigationrow
{
	margin-top: 35px;
	height: 58px;
	position: relative;
}

A#logo
{
	display: block;
	position: absolute;
	left: 20px;
	top: 2px;
	background: url(/design/logo.jpg) no-repeat;
	width: 187px;
	height: 53px;
}

DIV#navigationrow H3
{
	position: absolute;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	left: 95px;
	top: 39px;
	width: 300px;
	cursor: default;
}

DIV#subnavigation
{
	position: absolute;
	right: 32px;
	top: 0;
	color: #666;
	font-size: 10px;
}

DIV#subnavigation A
{
	color: #666;
}

DIV#subnavigation A:hover
{
	color: #C33;
}

UL#navigation
{
	position: absolute;
	top: 18px;
	right: 20px;
	margin: 0;
	padding: 0;
	height: 39px;
	background: url(/design/bg_navigation.jpg) repeat-x left bottom;
	list-style: none;
}

UL#navigation LI
{	
	float: left;
	position: relative;
	height: 39px;
	
	color:  #666;
	cursor: default;
	margin: 0 0 0 1px;
	padding: 0;
}

UL#navigation A
{
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	height: 29px;
	width: 80px;
	
	text-align: center;
	
	cursor: pointer;

	font-size: 11px;
	text-decoration: none;
	white-space: nowrap; 
	color: #000;
	
	background: url(/design/bg_navigation.jpg) repeat-x left center;
}

UL#navigation LI.first A
{
	background: url(/design/bg_navigation_left.jpg) no-repeat left bottom;
	padding-left: 10px;
}

UL#navigation LI.first
{
	margin-left: 0;
}

UL#navigation LI.last A
{
	background: url(/design/bg_navigation_right.jpg) no-repeat right bottom;
	padding-right: 10px;
}

UL#navigation A:hover, UL#navigation A.active, UL#navigation LI.dropdown_active A
{
	background: url(/design/bg_navigation.jpg) repeat-x top left;
	color: #FFF;
}

UL#navigation LI.dropdown_active
{
	z-index: 10;
}

UL#navigation LI.first A:hover, UL#navigation LI.first A.active
{
	background: url(/design/bg_navigation_left.jpg) no-repeat top left;
}

UL#navigation LI.last A:hover, UL#navigation LI.last A.active
{
	background: url(/design/bg_navigation_right.jpg) no-repeat top right;
}

UL#navigation UL.navigation_dropdown
{
	position: absolute;
	left: -1px;
	top: 34px;
	z-index: 10;
	background: #3C6A82 url(/design/bg_navdropdown.jpg) no-repeat top left;
	border: 1px solid #CCC;
	border-top: none;
	padding: 5px 2px 5px 2px;
	
	list-style: none;
	
	display: none;
}

DIV.navigation_dropdown_bg
{
	position:absolute;
	width: 100%;
	height: 100%;
	
	border: none;
	display: block;
	margin: 0;
	padding: 0;
}

DIV.navigation_dropdown_e
{
	right: -13px;
	top: 0px;
	width: 12px;
	background: url(/design/modalshadow_h.png) top right;
}

DIV.navigation_dropdown_s
{
	left: 0px;
	bottom: -13px;
	height: 12px;
	background: url(/design/modalshadow_v.png) bottom left;
}

DIV.navigation_dropdown_w
{
	left: -13px;
	top: 0;
	width: 12px;
	background: url(/design/modalshadow_h.png) top left;
}

DIV.navigation_dropdown_se
{
	right: -12px;
	bottom: -12px;
	width: 12px;
	height: 12px;
	background: url(/design/modalshadow.png) bottom right;
}

DIV.navigation_dropdown_sw
{
	left: -12px;
	bottom: -12px;
	width: 12px;
	height: 12px;
	background: url(/design/modalshadow.png) bottom left;
}

UL#navigation UL.navigation_dropdown LI
{
	float: none;
	height: auto;
	display: block;
	position: static;
	margin: 0;
	padding: 0;
	background: transparent;
}

UL#navigation UL.navigation_dropdown LI A
{
	display: block;
	zoom: 1;
	width: auto;
	height: auto;
	margin: 0;
	padding: 2px 8px 2px 8px;
	text-align: left;
	color: #FFF;
	background: transparent;
	
}

UL#navigation UL.navigation_dropdown LI A:hover
{
	color: #000;
	background: #FFFFFE;
}

UL#navigation UL.navigation_dropdown LI.separator
{
	margin: 5px 8px 0 8px;
	height: 5px;
	border-top: 1px solid #CCC;
}

/**** FOOTER ****/
#footer
{
	font-size: 11px;
	color: #666;
	height: auto;
	zoom: 1;
}

DIV#footerborder
{
	background: url(/design/bg_borderbottom.jpg) no-repeat center #FFF;
	height: 30px;
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
}

DIV#footerbody
{
	width: 960px;
	background: url(/design/bg_footer.jpg) repeat-y center #DDD;
	margin: 0 auto 0 auto;
	min-height: 20px;
}

DIV.footerinner
{
	margin: 20px;
}

#footer H3
{
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 4px 0;
	padding: 0;
	color: #3B687F;
	border-bottom: 1px solid #3B687F;
}

/**** MAIN CONTENT ****/

DIV#main
{
	position: relative;
	top: -10px;
	padding-bottom: 30px;
	margin-bottom: 10px;
}

DIV#content
{
	margin: 0 20px 0 20px;
}

DIV#content B
{
	color: #333;
}

A
{
	text-decoration: none;
	color: #3B687F;
}

A:hover
{
	color: #C33;
}

DIV#content H1
{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 24px;
	font-weight: normal;
	color: #3B687F;
}

DIV#content H1 SPAN.prolog
{
	display: block;
	font-weight: bold;
	color: #999;
	font-size: 11px;
}

DIV#content H2
{
	margin: 20px 0 10px 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	color: #3B687F;
}

DIV#content H2.underlined
{
	margin: 15px 0 4px 0;
	border-bottom: 1px solid #3B687F;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	color: #3B687F;
}

DIV#content H3
{
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 15px;
	font-weight: normal;
	color: #3B687F;
}

DIV#content UL
{
	list-style-image: url(/design/bullet.png);
}

SPAN.moretext
{
	color: #04C;
}

A:hover SPAN.moretext
{
	color: #C33;
}


/**** BIG LIST  & PIN LIST****/
UL.biglist, UL.pinlist
{
	list-style: none;
	margin: 1em 0 1em 0;
	padding: 0;
}

UL.biglist LI.left, UL.biglist LI.right, UL.pinlist LI.left, UL.pinlist LI.right
{
	list-style: none;
	
	background: url(/design/page_right.jpg) no-repeat left top;
	
	float: left;
	width: 295px;
	margin: 0;
	padding: 25px 0 0 25px;
}

UL.biglist LI.left, UL.pinlist LI.left
{
	background-image: url(/design/page_left.jpg);
	margin-right: 20px;
}

UL.biglist H3, UL.pinlist H3
{
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 4px 0;
	padding: 0;
}

UL.pinlist LI.left
{
	background-image: url(/design/bg_postit_left.jpg);
	padding: 23px 0 0 40px;
	width: 280px;
}

UL.pinlist LI.right
{
	background-image: url(/design/bg_postit_right.jpg);
	padding: 23px 0 0 40px;
	width: 280px;
}

UL.pinlist A, UL.biglist A
{
	color: #000;
}

/**** ICON LIST ****/
UL.iconlist
{
	list-style: none;
	margin: 1em 0 1em 0;
	padding: 0;
}

UL.iconlist LI.left, UL.iconlist LI.right
{
	list-style: none;
	position: relative;
	
	float: left;
	width: 320px;
	margin: 0;
	padding: 10px 0 15px 0;
}

UL.iconlist LI.left
{
	margin-right: 20px;
}

UL.biglist SPAN.headline, UL.pinlist SPAN.headline, UL.iconlist SPAN.headline
{
	display: block;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 4px 0;
	padding: 0;
}

UL.iconlist SPAN.icon
{
	float: left;
	width: 64px;
	margin-right: 10px;
}

UL.iconlist SPAN.iconbody
{
	float: left;
	width: 246px;
	color: #000;
}

UL.iconlist A.mainlink
{
	display: block;
	cursor: pointer;
}

A.mainlink SPAN.mainclear, LI.mainclear
{
	display: block;
	overflow: hidden;
	height: 0;
	clear: both;
	list-style-image: none !important;
}


A.mainlink:hover SPAN.headline
{
	color: #C33 !important;
}

/**** COLUMN ****/

DIV#columntop
{
	position: absolute;
	background: url(/design/bg_columntop.jpg) no-repeat top left;
	height: 39px;
	width: 13px;
	top: -20px;
}

DIV#column
{
	background: url(/design/bg_column.jpg) repeat-y top left;
	padding: 0 20px 0 20px;
	zoom: 1;
}

DIV#columnbottom
{
	background: url(/design/bg_columnbottom.jpg) no-repeat top left;
	height: 39px;
}

DIV#column H2
{
	font-size: 12px;
	font-weight: bold;
	color: #3B687F;
	cursor: default;
	border-bottom: 1px solid #3B687F;
	margin: 30px 0 5px 0;
}

/**** CONTACT BLOCKS ****/

IMG.contact_portrait
{
	float: left;
	margin: 0 10px 0 0;
}

SPAN.contact_intro
{
	font-size: 11px;
	display: block;
}

SPAN.contact_phone
{
	display: block;
	float: left;
	padding: 0 0 0 23px;
	cursor: default;
	background: url(/design/icon_phone.png) no-repeat;
	font-size: 11px;
	white-space: nowrap;
}

A.contact_email
{
	display: block;
	float: left;
	padding: 0 0 0 23px;
	background: url(/design/icon_email.png) no-repeat;
	font-size: 11px;
	white-space: nowrap;
}

/**** BLOG POSTINGS ****/

UL.blogpostlist
{
	list-style: none;
	padding: 0;
	margin: 0;
}

UL.blogpostlist LI
{
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}

UL.blogpostlist A
{
	display: block;
	padding: 0 0 0 23px;
	margin: 0 0 10px 0;
	background: url(/design/icon_blogpost.png) no-repeat 0 6px;
	min-height: 22px;
}

UL.blogpostlist SPAN.date
{
	font-size: 10px;
	color: #666;
}

P.web20links
{
	padding-left: 5px;
}

P.web20links A
{
	float: left;
	margin: 0 10px 0 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

P.web20links A:hover
{
	opacity: 1;
	filter: none;
}

/**** COMMENTS ****/

DIV#content H2.comments_header, DIV#content H3.comments_formheader
{
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 10px;
	padding: 0;
	border-bottom: 1px dotted #3B687F;
}

DIV#content H3.comments_formheader
{
	margin: 25px 0 10px 23px;
	font-size: 15px;
}

A.comments_rsslink
{
	float: right;
	display: block;
	padding: 0 0 0 20px;
	background: url(/design/rss.png) no-repeat 0 0;
	font-size: 10px;
	color: #666;
	margin: 6px 0 0 0;
}

A.comments_rsslink:hover
{
	color: #C33;
}

DIV.comments_container
{
	background: transparent !important;
}

OL.comments_list DIV.comments_authorblock
{
	background-image: url(/design/commentthread_bulb.jpg) !important;
}

OL.comments_list DIV.comments_authorblock SPAN
{
	display: block;
	text-align: center;
	overflow: hidden;
	height: 30px;
}

DIV.comments_authorblock
{
	padding: 0 5px;
	width: 91px !important;
}

OL.comments_list DIV.comments_authorblock IMG
{
	margin: 0 auto !important;
}

OL.comments_list DIV.comments_body
{
	padding: 10px 10px 30px 10px !important;
	min-height: 40px !important;
}

OL.comments_list DIV.comments_body DIV.comments_date
{
	bottom: 2px !important;
	left: 10px !important;
	right: auto !important;
	top: auto !important;
	margin: 10px 10px 0 0 !Important;
}

OL.comments_list DIV.comments_body A.comments_reply
{
	border: none;
	padding: 0 10px 0 20px;
	font-size: 11px;
	bottom: 2px;
	background: url(/design/icons/pencil.png) no-repeat;
}

P.comments_emptymessage
{
	background: url(/design/chat.png) no-repeat;
	height: 32px;
	padding: 0px 0 0 40px;
	margin: 0 0 0 23px;
}

DIV.comments_container DIV.comments_formwrapper
{
	background: url(/design/bg_comments.jpg) no-repeat;
	border: none;
	margin: 0 0 0 13px;
}

DIV.comments_container DIV.comments_facebookcolumn
{
	background: transparent;
	border: none;
	margin: 10px 0 0 10px;
	padding: 0;
	font-size: 11px;
	width: 190px;
	color: #999;
}

DIV.comments_container DIV.comments_facebookcolumn H4
{
	font-size: 13px;
	color: #999;
	border-bottom: 1px solid #CCC;
}

DIV.comments_profile
{
	padding: 10px;
}

DIV.comments_container DIV.comments_avatar
{
	margin-right: 20px;
}

DIV.comments_innerformwrapper
{
	margin: 0 0 0 10px;
}

form.comments_form textarea, div.comments_formparentmessage, textarea.comments_adminedit
{
	width: 392px !important;
}

/**** FORM OVERWRITES ****/

table.formtable td.separator div
{
	border-bottom: 1px solid #9DBBD3 !important;
	color: #3B687F;
}

table.formtable input, table.formtable select, table.formtable textarea
{
	border-color: #72a4bf !important;
}

TABLE.formtable INPUT.submit
{
	background: #9DBBD3;
	color: #FFF;
	font-weight: bold;
}

TR.cf_errorrow LABEL
{
	color: #C33 !important;
}

TR.cf_errorrow INPUT, TR.cf_errorrow SELECT, TR.cf_errorrow TEXTAREA
{
	border-color: #C33 !important;
}

/**** LOGIN FORMS ****/

FORM.loginform
{
	float: left;
	margin: 1em 0 1em 0;
	border: 1px solid #999;
	padding: 5px;
	background: #EEE;
	clear: both;
}

FORM.loginform LABEL
{
	float: left;
	font-weight: bold;
	color: #666;
	padding-right: 16px;
	min-width: 100px;
}

/**** ERROR AND SUCCESS FEEDBACK ****/
DIV.successblock, DIV.errorblock, DIV.infoblock
{
	float: left;
	margin: 1em 0 1em 0;
	clear: both;
	
	border: 1px solid #090;
	background: #CEC;
	padding: 10px;
}

DIV.errorblock
{
	border-color: #900;
	background: #FEE;
}

DIV.infoblock
{
	border-color: #999;
	background: #EEE;
}

DIV.codebox
{
	margin: 1em 0 1em 0;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 5px;
	font-family: Courier new, Courier, monospace;
}

DIV.successblock UL, DIV.errorblock UL, DIV.infoblock UL
{
	margin-bottom: 0;
}

A.bigbutton
{
	float: left;
	padding: 5px;
	margin: 1em 0 1em 0;
	background: #89A2E0;
	color: #FFF;
	border: 1px solid #CCC;
	font-weight: bold;
}

DIV.clipheader
{
	width: 940px;
	height: 170px;
	overflow: hidden;
	background: #EEE;
	text-align: center;
	position: relative;
}

DIV.clipheader IMG
{
	position: relative;
	top: -50%;
}

TABLE.infotable
{
	border-collapse: separate;
	border-spacing: 5pt;
}

/**** COLUMN STYLES ****/

TABLE.multicol_eng
{
	margin: 0;
}

TABLE.multicol_eng P
{
	margin-bottom: 0;
}

/**** BLOGS ****/

DIV.bloglist H2
{
	border-bottom: 1px solid #3B687F;
}

DIV.bloglist DIV.teaser
{
	margin-left: 20px;
}

DIV.bloglist DIV.teaser P
{
	margin-bottom: 2px;
}

DIV#content SPAN.blog_subtitle B
{
	color: #666;
}

H1.blog_header
{
	border-bottom: 1px solid #3B687F;
}

DIV.blog_social
{
	margin: 1em 0;
}

DIV.blog_social A
{
	float: left;
	margin: 0 0 0 20px;
	font-size: 11px;
	color: #666;
	text-align: center;
}

DIV.blog_social A:hover
{
	color: #C33;
}

A.blog_leave
{
	font-size: 12px;
	color: #666;
}

A.blog_leave:hover
{
	color: #C33;
}

/**** FOOTER ROW ****/
DIV.footerrow
{
	margin: 1em 0 1em 0;
	padding: 3px 0 0 0;
	text-align: center;
	border-top: 1px solid #3B687F;
}

/**** RIGHT SEARCHBOX ****/

FORM.searchform
{
	padding: 0;
	margin: 0;
}

FORM.searchform  INPUT.query
{
	padding: 1px;
	border: 1px solid #bcd5e9;
	width: 143px;
}

FORM.searchform  INPUT.button
{
	position: relative;
	top: 3px;
	left: 5px;
}

FORM.searchform INPUT.fresh
{
	color: #999;
	font-style: italic;
}

/**** SEARCH ****/
FORM.big_searchform
{
	margin: 1em 0 1em 0;
	padding: 5px;
	border: 1px solid #3B687F;
	background: #9EBED0;
}

FORM.big_searchform  INPUT.query
{
	padding: 1px;
	border: 1px solid #bcd5e9;
	width: 620px;
}

FORM.big_searchform  INPUT.button
{
	position: relative;
	top: 3px;
	left: 5px;
}

DIV#content H2.searchheader
{
	border-bottom: 1px solid #3B687F;
}

/**** SUCHERGEBNISSE ****/
UL.searchlist
{
	list-style: none;
	list-style-image: none !important;
	padding: 0;
	margin: 0;
}

UL.searchlist LI
{
	margin: 0;
	padding: 0;
	list-style: none;
}

UL.searchlist A
{
	display: block;
	padding: 0 0 10px 21px;
	overflow: hidden;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

UL.searchlist A.searchresult_blogpost
{
	background: url(/design/icon_blogpost.png) no-repeat 0 3px;
}

UL.searchlist A.searchresult_website
{
	background: url(/design/icons/page_white_text.png) no-repeat 0 3px;
}

UL.searchlist A:hover, UL.searchlist A:hover *
{
	color: #C33 !important;
}

UL.searchlist A SPAN.searchresult_teaser
{
	font-weight: normal;
	color: #666;
	display: block;
}

UL.searchlist A SPAN.searchresult_teaser EM
{
	color: #C33;
	font-weight: bold;
	font-style: normal;
}

/**** BLANK CONTACT ****/

BODY.blankcontact
{
	background: #FFF;
	padding: 0 10px 0 10px;
}

BODY.blankcontact H1
{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	color: #3B687F;
}

/**** GALLERIES ****/

DIV.incloud_gallerytrigger
{
	height: 405px;
	background: url(/design/bg_gallery.jpg) no-repeat center center;
}

A.incloud_galleryinner
{
	display: block;
	width: 284px;
	height: 284px;
	margin: 0 185px 0 185px;
	padding: 56px 0 0 0;
	cursor: pointer;
}

A.incloud_galleryinner IMG
{
	border: 2px solid #FFF;
}

A.incloud_galleryinner:hover IMG
{
}

/**** CASE STUDIES ****/
DIV.incloud_study
{
	margin: 1em 0 2.5em 130px;
	position: relative;
}

DIV.incloud_study A.incloud_studyimage, DIV.incloud_study SPAN.incloud_studyimage
{
	position: absolute;
	left: -130px;
	top: 5px;
	background: url(/design/sheet.jpg);
	
	width: 103px;
	height: 125px;
	padding: 0;
	margin: 0;
	
}

DIV#content DIV.incloud_study H3
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	border-bottom: 1px solid #DDD;
}

DIV.incloud_study DIV.incloud_studysubtitle
{
	font-size: 11px;
	color: #666;
}

DIV.incloud_study DIV.incloud_studyfooter
{
}

DIV.incloud_study DIV.incloud_studyfooter A
{
	display: block;
	padding: 2px 0 2px 21px;
	background: url(/design/icons/page_white_acrobat.png) no-repeat 0 2px;
}

DIV.incloud_study DIV.incloud_studyfooter A:hover
{
}

DIV.incloud_study_inactive DIV.incloud_studyfooter SPAN
{
	display: block;
	padding: 2px 0 2px 21px;
	background: url(/design/icons/page_white_delete.png) no-repeat 0 2px;
	color: #999;
	cursor: default;
}

/**** AH, BEAUTIFUL STYLING! ****/

SPAN.incloud_illustration_left IMG
{
	float: left;
	margin: 0 10px 10px 0;
}

SPAN.incloud_illustration_right IMG
{
	float: right;
	margin: 0 0 10px 10px;
}


P.incloud_numerator
{
	margin: 15px 0 0 0;
	font-size: 32px;
	color: #3B687F;
	font-weight: bold;
}