img, object, iframe, embed {
margin-bottom: 20px;
}


.blue {
color: 	#009ee0;
}



body {
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Times, "Times New Roman", Georgia, serif;
/*font-family: "ff-typestar-black-web-1","ff-typestar-black-web-2", Helvetica, Arial, sans-serif;*/
background:#fff;
background: url(images/background-noise.gif);
color:#333;
font-size: 18px;
line-height: 28px;		
-webkit-text-size-adjust: none;		
word-spacing: 2px;
}

.max-width { 
max-width: 840px; /* 74.05% */
margin: 0 auto;
}

.hl-row {
text-transform: uppercase;
color: #009ee0;
font-size:22px;
border-bottom: #009ee0 2px solid;
padding-bottom: 5px;
margin-bottom: 35px;
margin-top: 50px;
font-weight:normal;
letter-spacing: 2px;
}


a {
color: #333;
text-decoration:none;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease;
}

a:hover, a:focus {
color: #009ee0;
border-bottom: none;
}


a img {
display: block;		/* Stops image links getting text link styles */
}


a img {
opacity: 1;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease;
}

a:hover img {
opacity: 0.8;
}


p, ul, ol, {
margin:0;
padding:0;
}

/*
h1 {
font-size: 28px;
line-height: 32px;		
margin: 0;	
font-weight:900;
}

h2 {
font-size: 20px;
margin-bottom: 24px;	
}

h3 {
font-size: 16px;
margin-bottom: 24px;	
}*/

/* ------------------------*/

#logotype {
margin: 0 0 30px 0;
}

#logotype a {
text-decoration: none;
}

#logotype h1 {
font-size: 28px;
line-height: 32px;		
margin: 0;	
font-weight:900;
text-shadow: rgba(255,255,255,0.7) 0px 1px 0px;

}

#logotype .description{
font-size:14px;
margin:0;
padding:0;
text-shadow: rgba(255,255,255,0.7) 0px 1px 0px;
}



#navigation {
font-size:20px;
line-height:27px;
margin: 0 0 20px 0;
list-style: none;
text-shadow: #fff 0px 1px 0px;
}

#navigation p {
font-size:20px;
font-weight:normal;
margin: 0 0 20px 0;
text-align:right;
}


#navigation a {
text-decoration: none;
}



ul#social {
color:#fff;
font-size:11px;
font-family: Helvetica, Arial, sans-serif;
font-weight:bold;
line-height:15px;
padding: 0 0 30px 0;
list-style: none;
clear:left;
}

ul#social li {
margin: 10px 6px 0 0;
float: left;
}

ul#social li a {
color:#999;
text-decoration: none;
padding: 4px 7px;
-o-transition: all 0.3s ease; 
transition: all 0.3s ease;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 1) 1px 1px 1px, rgba(50,50,50, 1) 0 0 3px;
text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
background:#131313;
}


ul#social li a:hover,
ul#social li a:focus {
color:#fff;
text-decoration: none;
background: #009ee0;
outline: 0 none;
box-shadow: inset rgba(0, 0, 0, 0.8) 1px 1px 1px;

}


ul#social li.twitter a:hover {
background: #00B7DF;	

}
ul#social li.rss a:hover {
background: #F60;
}
ul#social li.xing a:hover {
background: #C9D93A;
}
ul#social li.linkedin a:hover {
background: #4B9BCC;
}
ul#social li.flickr a:hover {
background: #E6009F;
}
ul#social li.facebook a:hover {
background: #4570C2;
}
ul#social li.google a:hover {
background: #DD4B39;
}
ul#social li.dribbble a:hover {
background: #E33F94;
}



div.post {
margin-bottom: 0;	
padding-bottom: 30px;
border-bottom: #333 1px solid;	
clear:left;
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Times, "Times New Roman", Georgia, serif;
}

div.post:last-child {
border:none;
margin-top: 0;
margin-bottom:0;
padding-top: 0;
padding-bottom:30px;
}

div.post h2 {
/*font-family: "ff-typestar-black-web-1","ff-typestar-black-web-2", Helvetica, Arial, sans-serif;*/
font-weight:900;
font-size:36px;
line-height:44px;
margin:5px 0 15px 0;
padding:0 0 0 0;
}

div.work h2 {
margin-top:0;
margin-bottom:20px;
}

.work {
padding-top:0;
}

div.post p {
font-size:18px;
font-weight:normal;
line-height:28px;
margin:10px 0 10px 0;
padding: 0 0 0 0;	
}

div.post p a {
border-bottom: #333 1px dotted;
}

div.post p a:hover {
border-bottom: #009ee0 1px dotted;
}


div.post img {
margin:0;
padding:0;
}

div.post h2 a {
text-decoration:none;
margin: 0 0 0 -2px;
}
div.post p a {
text-decoration:none;
}

div.post .meta {
font-size:14px;
font-weight:normal;
color: #666;
margin:5px 0 0 0;
padding:0;	
}

div.post .single {
margin:0;
padding:0;	
}

.welcomebg {
background: #009ee0;
background: url(http://www.martinthiemann.de/wp-content/themes/Martini3/images/welcome/welcome-bg.png) 80% 10%, #009ee0;
box-shadow: inset rgba(0,0,0,0.05) 0 3px 8px;
}

#welcome {
color:#fff;
padding: 0px 0 40px 0;
}


#welcome h2 {
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Times, "Times New Roman", Georgia, serif;

font-size: 90px;
line-height: 110%;
}

.black {
color: #000;
}


/* SKILLS ----------- */

.actually {
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Times, "Times New Roman", Georgia, serif;
font-style:italic;
color:#999;
margin: 20px 0 0 0;	
font-size:18px;
}

.skillsblock h4 {
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Times, "Times New Roman", Georgia, serif;
font-weight: bold;
font-size: 48px;
line-height:100%;
margin-bottom: 20px;
}

.skillsblock p {
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Times, "Times New Roman", Georgia, serif;
font-size: 22px;
line-height:150%;
}

.skillsblock {
clear:both;
margin-bottom: 30px;
}


.skillsblock a:link {
text-decoration:underline;
}




.skillslast {
margin-bottom: 130px;
}








/* TEASER ------------- */

.teaserrow {	
	clear:both;
}



.teaserrow h3 {
border-bottom: #333 1px solid;	
font-size: 14px;
line-height: 16px;
/*font-family: "ff-typestar-black-web-1","ff-typestar-black-web-2", Helvetica, Arial, sans-serif;*/
font-weight:400;
}

.featured {
margin-bottom: 20px;
}

.featured img{
margin:  0;
padding: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:  rgba(0,0,0,0.1) 0px 2px 3px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 2px 3px;
box-shadow:  rgba(0,0,0,0.1) 0px 2px 3px;
}

.featured h4{
/*font-family: "ff-typestar-black-web-1","ff-typestar-black-web-2", Helvetica, Arial, sans-serif;*/
font-weight:900;
font-size:16px;
text-transform: uppercase;	
margin:  5px 0 10px 0;
padding: 0 0 0 1px;}






#footer {
background: 
url(images/bg_footer/bg_image03.png) repeat-x -400% 50%,
url(images/bg_footer/bg_image02.png) repeat-x -100% 50%,
url(images/bg_footer/bg_image01.png) repeat-x 20% 0;
background-color: #1b1b1b;
color: #fff;
font-family: Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight:normal;
margin-top: 40px;
min-height: 300px;
-moz-box-shadow: inset #333 0px 2px 7px;
-webkit-box-shadow:inset #333 0px 2px 7px;
box-shadow: inset #333 0px 2px 7px;
text-shadow: #333 1px 2px 3px;
}


#footersocial {
display:none;	
}

#footersocial {
display:block;	
}


#footercontact {
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Helvetica, Arial, sans-serif;
font-size: 12px;
}

#footercontact p {
margin-top: 30px;
color: #666;
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height:130%;
font-weight:normal;
clear:left;}

#footercontact a {
color: #666;
text-decoration:underline;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#footercontact a:hover, a:focus {
color: #009ee0;
  outline: 0 none;

}




/* PAGE Information */

.portraitimage {
}

div.infopage  {
margin: 0 0 0 0;
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Times, "Times New Roman", Georgia, serif;
}

.infoblock {
margin: 15px 0 10px 0;
padding: 15px 0 10px 0;
border-bottom:#bbb 1px dotted;
}
.infoblock:last-child {
border: none;
}

div.infopage p {
font-size:18px;
font-weight: normal;
line-height:28px;
margin: 0 0 40px 0;
padding: 0 0 0 0;	
}

div.infopage h2 {
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Times, "Times New Roman", Georgia, serif;
font-size:26px;
font-weight:900;
line-height:30px;
margin:0 0 10px 0;
padding: 0 0 0 0;	
text-shadow: #fff 0px 2px 0px;
}

div.infopage h2.wide {
margin:0 0 15px 0;
}

div.infopage ul {
font-size:18px;
line-height:28px;
margin: 0 0 20px 3px;
padding: 0 0 0 18px;
list-style:circle;
}

div.infopage li {
}

div.infopage em {
display: block;
font-size:14px;
font-weight:bold;
font-style:normal;
margin: 10px 0 -5px 0;
}

div.infopage p a {
border-bottom: #333 1px dotted;
}

div.infopage p a:hover {
border-bottom: #009ee0 1px dotted;
}

div.infopage li a {
border-bottom: #333 1px dotted;
}

div.infopage li a:hover {
border-bottom: #009ee0 1px dotted;
}

#call {
display: none;	
}

.sustainability {
color:#6C0;	
}



/* BLOG POST ----------------- */
.top {
margin: 0;
padding: 0;	
}

.smalltextcolumn {
padding-right: 20%;
}


.blogpost div.post p, ol {
font-size:18px;
line-height:28px;
margin-bottom: 12px;
}


.blogpost div.post img, object {
margin: 10px 0 0 0;
}

.blogpost div.post .meta {
font-size:14px;
font-weight:normal;
color: #666;
margin:5px 0 0 0;
padding:0;	
}

.blogpost div.post h2 {
font-size:55px;
line-height:62px;
margin-top:0;
}

.blogpost div.post h3 {
/*font-family: "ff-typestar-black-web-1","ff-typestar-black-web-2", Helvetica, Arial, sans-serif;*/
font-weight:900;
font-size:18px;
line-height:20px;
margin:35px 0 10px 0;
padding:0 0 0 0;
}

.blogpost em {
font-size:13px;
line-height:18px;
display: block;
margin: 0 0 20px 0;
}

.blogpost div.post blockquote {
padding: 0 0 0 20px;
margin: 30px 0 30px 40px;
/*font-family: "ff-typestar-black-web-1","ff-typestar-black-web-2", Helvetica, Arial, sans-serif;*/
font-weight:400;
color: #009ee0;
font-size: 30px;
border-left: #009ee0 2px solid;
}

.blogpost div.post blockquote p {
font-size: 25px;
line-height: 34px;
}

.blogpost div.post blockquote a {
color: #009ee0;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease;
border-bottom:  #009ee0 1px dotted;
}

.blogpost div.post blockquote a:hover {
color: #333;
border-bottom:  #333 1px dotted;
}

/* BLOG TEASER (CATEGORY-3) ------------*/


div.blogteaserrow {
margin: 0 0 40px 0;
padding: 0 0 20px 0;
border-bottom: #333 1px solid;
}

div.blogteaser {
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Helvetica, Arial, sans-serif;
}

div.blogteaser h2 {
/*font-family: "ff-typestar-black-web-1","ff-typestar-black-web-2", Helvetica, Arial, sans-serif;*/
font-weight:900;
font-size:30px;
line-height:32px;
margin:0 0 10px 0;
padding:0 0 0 0;
}

div.blogteaser p {
font-size:18px;
font-weight:normal;
line-height:27px;
margin:0 0 10px 0;
padding: 0 0 0 0;	
}	

div.blogteaser .meta {
font-size:14px;
line-height:120%;
font-weight:normal;
color: #666;
margin:5px 0 10px 0;
padding:0;	
}


div.blogteaserrow:last-child {
border:none;
margin: 0;
padding:0;
}

div.blogteaserrow img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/* WORK TEASER workpage.php ------------*/


div.workteaserrow {
margin: 0 0 40px 0;
padding: 0 0 20px 0;
border-bottom: #333 1px solid;
}

div.workteaser {
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Helvetica, Arial, sans-serif;
}


div.workteaser h2 {
/*font-family: "ff-typestar-black-web-1","ff-typestar-black-web-2", Helvetica, Arial, sans-serif;*/
font-weight:900;
font-size:30px;
line-height:32px;
margin:0 0 10px 0;
padding:0 0 0 0;
}

div.workteaser p {
font-size:18px;
font-weight:normal;
line-height:27px;
margin:0 0 10px 0;
padding: 0 0 0 0;	
}	

div.workteaser .meta {
font-size:14px;
line-height:120%;
font-weight:normal;
color: #666;
margin:5px 0 10px 0;
padding:0;	
}


div.workteaserrow:last-child {
border:none;
margin: 0;
padding:0;
}

div.workteaserrow img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.note {
font-size: 16px;
color: #FF765F;
font-style:italic;	
}


.note a {
color: #FF765F;
text-decoration:underline;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease;
}

.note a:hover, a:focus {
color: #790001;
}


/* PAGE WORK ---------------- ------------*/


div.workrow {
margin: 0 0 40px 0;
padding: 0 0 20px 0;
background: #CCC;
}

div.work {
min-height:300px;	
}

div.workrow h2 {
/*font-family: "ff-typestar-black-web-1","ff-typestar-black-web-2", Helvetica, Arial, sans-serif;*/
font-weight:400;
font-size:20px;
line-height:22px;
widht: 100%;
border-bottom: 1px #333 solid;
}

div.work h3 {
/*font-family: "ff-typestar-black-web-1","ff-typestar-black-web-2", Helvetica, Arial, sans-serif;*/
font-weight:900;
font-size:20px;
line-height:22px;
}



div.workrow:last-child {
border:none;
margin: 0;
padding:0;
}

div.workrow img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}




/* COMMENTS SECTION -------------- */

#comments {
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Helvetica, Arial, sans-serif;
font-size: 12px;
}

#comments div.comment {
border-bottom: #333 1px dotted;
margin: 10px 0 30px 0;
padding: 0 0 30px 0;
}


#comments p, h1, h2, h3, h4, h5 {
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: normal;
}

#comments p {
}

#comments .comment {
font-weight: normal;
border-bottom: #333 1px dotted;
margin: 10px 0 10px 0;
}

#comments small.commentmetadata {
font-size: 10px;
display:block;
margin: 10px 0 10px 0;
font-weight: normal;
margin: 10px 0 10px 0;
}



#commentsform  {
padding: 0 0 0 2px;
}

#commentsform p, h1, h2, h3, h4, h5 {
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Helvetica, Arial, sans-serif;
font-size: 12px;
}

#commentsform h1, h2, h3 {
/*font-family: "ff-typestar-black-web-1","ff-typestar-black-web-2", Helvetica, Arial, sans-serif;*/
font-weight:900;
font-size:18px;
line-height:20px;
}


#commentsform input, textarea { 
font-size:14px;
line-height:18px;
color:#333;
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Helvetica, Arial, sans-serif;
width: 200px; 
padding: 5px 8px; 
margin: 0 5px 0 0;
border: #fff 1px solid; 
background-color: #F0F0F0;
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
-o-border-radius: 4px; 
border-radius: 4px;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease;
}

#commentsform input:focus { 
-moz-box-shadow: #009ee0 0px 0px 5px;
-webkit-box-shadow:#009ee0 0px 0px 5px;
box-shadow:#009ee0 0px 0px 5px;
outline: 0 none;
background: #F4F4F4;
}

#commentsform textarea:focus { 
-moz-box-shadow: #009ee0 0px 0px 5px;
-webkit-box-shadow:#009ee0 0px 0px 5px;
box-shadow:#009ee0 0px 0px 5px;
  outline: 0 none;
  background: #F4F4F4;
}



#commentsform input#submit {
/*font-family: "ff-typestar-black-web-1","ff-typestar-black-web-2", Helvetica, Arial, sans-serif;*/
width: 140px; 
padding: 5px;
font-weight: 900; 
color: #fff; 
background: #333;
-webkit-border-radius: 23px; 
-moz-border-radius: 23px; 
-o-border-radius: 23px; 
border-radius: 23px; 
border: none;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease;
}

#commentsform input#submit {
/*font-family: "ff-typestar-black-web-1","ff-typestar-black-web-2", Helvetica, Arial, sans-serif;*/
width: 140px; 
padding: 5px;
font-weight: 900; 
color: #fff; 
background: #333;
-webkit-border-radius: 23px; 
-moz-border-radius: 23px; 
-o-border-radius: 23px; 
border-radius: 23px; 
border: none;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
-o-transition: all 0.3s ease; 
transition: all 0.3s ease;
}

#commentsform input#submit:hover {
background: #666;
cursor: pointer;
cursor: hand;
}

#commentsform label {
font-weight: normal;
}

.avatar {
display:none;
}

.mobile-teaser {
display: none;	
}