/*
Theme Name: FutureTap
Theme URI: http://futuretap.com/
Description: FutureTap Custom theme
Version: 1.0
Author: Ortwin Gentz
Author URI: http://futuretap.com/
Tags: blue, custom header, fixed width, one column

*/

/* @group Navi */

#Navi{
	text-align:right;
	height:50px;
}
#Navi ul{
	padding:0px;
	margin:0px;
	font-family: Helvetica, Arial,  Verdana, sans-serif;
}
#Navi li { 
	display: inline;
	font-size:12px;
	line-height:40px;
	background-image:url(/images/NaviBorder.gif);
	background-repeat:no-repeat;
	background-position: center right;
}
#Navi li a:link,
#Navi li a:visited{
	margin:0;
	padding:13px 13px;
	color: #7baed1;
	font-weight: normal;
	font-style: normal;
	text-shadow: #000000 0 0 0;
}

#Navi li a:hover,
#Navi li a:active{
	color: #fff;
	background-image:url(/images/BgNavi.png);
	background-repeat:no-repeat;
	background-position:center top;
	font-weight: normal;
	font-style: normal;
}
#Navi  a.active:link,
#Navi  a.active:visited,
#Navi  a.active:hover,
#Navi  a.active:active{
	margin:0;
	padding:13px 13px;
	color: #fff;
	background-image:url(/images/BgNavi.png);
	background-repeat:no-repeat;
	background-position:center top;
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @group Language Chooser */

#LanguageChooser{
	position:absolute;
	top:320px;
	width:42px;
	left:-26px;
	height: 304px;
	background: url(/images/language.png) no-repeat;
	padding: 8px 0 0;
}
#LanguageChooser ul{
	padding:0;
	margin:0;
	list-style:none;
}
#LanguageChooser li{
	margin:0;
	list-style:none;
}
#LanguageChooser li a:link,
#LanguageChooser li a:visited  {
	margin:0;
	display: block;
	height:32px;
	width:41px;
	background-repeat:no-repeat;
}
#LanguageChooser li a:hover,
#LanguageChooser li a:active,
#LanguageChooser li.active a  {
	background-position:0 -32px;
}

#LanguageChooser li a.en:link,
#LanguageChooser li a.en:visited  {
	background-image:url(/images/flag_en.jpg);
}
#LanguageChooser li a.de:link,
#LanguageChooser li a.de:visited  { 
	background-image:url(/images/flag_de.jpg);
}
#LanguageChooser li a.it:link,
#LanguageChooser li a.it:visited  { 
	background-image:url(/images/flag_it.jpg);
}
#LanguageChooser li a.fr:link,
#LanguageChooser li a.fr:visited  { 
	background-image:url(/images/flag_fr.jpg);
}
#LanguageChooser li a.es:link,
#LanguageChooser li a.es:visited  { 
	background-image:url(/images/flag_es.jpg);
}
#LanguageChooser li a.ja:link,
#LanguageChooser li a.ja:visited  { 
	background-image:url(/images/flag_ja.jpg);
}
#LanguageChooser li a.nl:link,
#LanguageChooser li a.nl:visited  { 
	background-image:url(/images/flag_nl.jpg);
}
#LanguageChooser li a.pt:link,
#LanguageChooser li a.pt:visited  { 
	background-image:url(/images/flag_pt.jpg);
}
#LanguageChooser li a.el:link,
#LanguageChooser li a.el:visited  { 
	background-image:url(/images/flag_el.jpg);
}



/* @end */

/* @group Head */

#Logo {
	margin: 0;
}
#Logo a{
	padding-top:14px;
	text-align:left;
	float:left;
	width: 200px;
	height: 50px;
	font-size: 30px;
	text-indent: -9999em;
	margin: 60px 0 0 30px;
}
#ImgHead{
	float:right;
	z-index: 9;
	position: relative;
}

.BreakHead{
	clear:both;
	background-image:url(/images/break.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin:10px 0px;
}

/* @end */

/* @group Homepage */

/* Sicherung alt 
	#ContentHead{
	margin: 150px 30px 0;
	text-align:left;
	color:#002d5b;
}
*/
#ContentHead{
	margin: 150px 0 0 0;
	padding: 0 30px 15px 40px;
	text-align:left;
	color:#002d5b;
	background-image:url(/images/Bg_Main_Start_Bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	z-index: -1;
}
#ContentHead h1{
	font-size: 1px;
	line-height:1px;
	text-indent: -9999em;
}
#ContentHead h2{
	margin: 0 0 10px;
	font-family: "HelveticaNeue-UltraLight", "Helvetica Neue Ultra-Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica", "Arial";
	font-weight: 100;
	font-size:24px;
	line-height:30px;
	font-weight:100;
	color:#00639e;
}
#ContentHead ul {
	padding:0;
	margin:0;
}
#ContentHead li{
	margin:0;
	padding-left:22px;
	list-style:none;
	line-height:22px;
	background-image:url(/images/ImgLi.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
}

/* @end */

/* @group generic */

acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}

blockquote {
	border-left: 5px solid #ccc;
	margin-left: 50px;
	padding-left: 5px;
	display: block;
	background-color: #ececec;
}

blockquote:before {
	position: absolute;
	float: left;
	content: '“';
	color: #aaa;
	opacity: .5;
	font-size: 100px;
	font-style: normal;
	margin: 30px 0px 0px -65px;
}

cite {
	font-style: normal;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

.alignright {
	float: right;
}

.Break{
	clear:both;
	background-image:url(/images/break.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin: 10px 0 0 0px;
}

p{
	padding-bottom: 0.5em;
	margin: 0;
}

.grey{
	color: #7d899a;
}

h3{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica", "Arial";
	font-weight: 200;
	margin: 0 0 10px;
	color: #7d899a;
	font-size:22px;
	line-height:30px;
	font-weight:lighter;
}
h4{
	font-size:18px;
	line-height:1.3em;
	margin-top: 1em;
	margin-bottom: 0;
}

h4 a{
	color: #002d5b;
	text-decoration: none;
}

h4 a:hover,
h4 a:active{
	color: #134193;
	text-shadow: #1571aa 0 0 2px;
}

h4.iconHeading {
	background-repeat: no-repeat;
	padding: 25px 0 25px 245px;
	margin: 0 0 10px;
	background-position: 170px;
}

h5 {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 0;
}

h5 a{
	color: #002d5b;
	text-decoration: none;
}

h5 a:hover,
h5 a:active{
	color: #134193;
	text-shadow: #1571aa 0 0 2px;
}


a{
	color: #146da3;
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:active{
	color: #1d98e4;
	text-shadow: #1571aa 0 0 1px;
}

a img{
	border-style: none;
	}
.Zitat{
	margin:20px 0;
	font-style:italic;
	padding-left:20px;
	background-image:url(/images/quote.gif);
	background-repeat:no-repeat;
}
/*.ImgBorder_TopLeft{
	padding:3px;
	background-image:url(/images/border_top_left.gif);
	background-repeat:no-repeat;
}*/
.Right{
	float:right;
	margin:0 0 20px 20px;
}
.Left{
	float:left;
	margin:0 20px 20px 0;
}
.BlueBox{
	padding:10px;
	background-color: rgba(97,158,238,0.3);
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border: 1px solid #519cca;
	margin-top: 10px;
}

#Content{
	margin: 20px 30px 0;
	text-align:left;
	color:#002d5b;
}
#Content .spaltel {
	width: 316px; 
	float: left; 
	margin: 0 30px 0 0;
}
#Content .spalter {
	width: auto;
	margin-left: 346px;
	margin-top: 0;
	margin-bottom: 0;
}

#Content .spalter h4,
#Content .spaltel h4{
	color: #0a2048;
	margin: 0;
}
#Main{
	width:722px;
	margin:0 auto;
	background-image:url(/images/Bg_Main.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	position:relative;
}
body {
	padding:0;
	margin:0 auto;
	background-image:url(/images/Bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color: #000;
	color: #0a2048;
	font-family: Helvetica, Arial,  Verdana, sans-serif;
	font-size: 12px;
	line-height:20px;
	text-align: center; /* IE */
	
}

td {
	font-size: 12px;
	line-height:20px;
}

/* @end */

/* @group images */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

/*.alignright {
	float: right;
	}

.alignleft {
	float: left
	}*/

#Content img{
	padding:3px;
	border:1px solid #bfcad5;
	 -moz-border-radius:3px;
	 -webkit-border-radius: 3px;

}
.storycontent img{
	padding:3px;
	border:1px solid #bfcad5;
	 -moz-border-radius:3px;
	 -webkit-border-radius: 3px;

}
img.alignright.transparent{
	border-style: none;
}
img.alignleft.transparent{
	border-style: none;
}
/* @end */

/* @group Small Boxes */

#ContentBorder{
	margin: 10px 0 0 0;
	padding: 0px 20px 0 40px;
	text-align:left;
	color:#002d5b;
	background-image:url(/images/Bg_Content_Border.jpg);
	background-repeat:no-repeat;
	height:305px;
	position:relative;
}
#ContentBorder .spaltel {
	width: 300px; 
	float: left; 
	margin: 0 30px 0 0;
	line-height:16px;
}
#ContentBorder .spalter {
	width: 296px;
	margin-left: 349px;
	margin-top:0;
	padding-top:60px;
	margin-bottom: 0;
	position:relative;
}

#ContentBorder .spalter h4,
#ContentBorder .spaltel h4{
	color: #0a2048;
	margin: 0;
	
}
#ContentBorder .spaltel h3{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica", "Arial";
	font-weight: 200;
	margin: 13px 0 10px 0;
	color: #7d899a;
	font-size:22px;
	line-height:30px;
	font-weight:lighter;
}
#ContentBorder .twitter{
	margin:0;
	padding:10px 10px 0 10px;
	color: #fff;
	background-image:url(/images/Twitter_bg.jpg);
	background-repeat:no-repeat;
	font-size:12px;
	line-height:16px;
}
#ContentBorder .twitter a{
	color: #fff;
	white-space: nowrap;
}

#ContentBorder .twitterfooter{
	position:absolute;
	top:16px;
	left:57px;
	font-size:11px;
}
#ContentBorder a:hover .twitterfooter,
#ContentBorder a:active .twitterfooter {
	color: #1d98e4;
	text-shadow: #1571aa 0 0 1px;
}
/*a{
	color: #146da3;
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:active{
	color: #1d98e4;
	text-shadow: #1571aa 0 0 1px;
}*/

/* @end */

/* @group Blog
 */

.blogpostheader{
	margin-top: 50px;
}

.blogpostheader .commentcount {
	margin-top: 0;
	float: right;
	text-align: right;
	position: absolute;
	right: 30px;
}

.blogpostheader .commentcount a {
	float: right;
	padding-top: 9px;
}

.commentcount{
	margin-top: 8px;
}
.commentcount a {
	line-height: 22px;
	padding-left: 20px;
	background: url(/images/icon_comment.png) no-repeat left 11px;
	padding-top: 12px;
}
.commentcount a:hover,
.commentcount a:active {
	background-position: left -24px;
}

ul{
	margin-top: 0;
}

ul.blogheader { 
	padding:0px;
	margin:0px;
	height: 30px;
}
ul.blogheader li { 
	line-height: 21px;
	float: left;
	display: block;
	vertical-align: bottom;
}
ul.blogheader li a{ 
	line-height: 21px;
	float: left;
}
ul.blogheader li.twitterheader a {
	padding-left: 19px;
	background: url(/images/twitterheader.png) no-repeat left top;
	margin-right: 20px;
}
ul.blogheader li.rssheader a {
	padding-left: 23px;
	background: url(/images/rssheader.png) no-repeat left top;
}
ul.blogheader li a:hover,
ul.blogheader li a:active {
	background-position: bottom left
}
ol#commentlist {
	list-style-type: none;
	padding: 0px;
}
ol#commentlist li {
	text-align:left;
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
}
ol#commentlist li.auth h4{
	background: url(/images/badge.png) no-repeat left top;
}
ol#commentlist li img.avatar {
	border: 1px solid #d8dfe5;
	padding:3px;
	 -moz-border-radius:3px;
	 -webkit-border-radius: 3px;
	margin-right: 17px;
}
ol#commentlist li p {
	padding-left: 73px;
}

ol#commentlist li h4{
	margin:0;
	font-size:16px;
}

ol#commentlist li h4 a{
	text-decoration: none;
}

ol#commentlist li h4 a:hover,
ol#commentlist li h4 a:active{
	color: #134193;
	text-shadow: #1571aa 0 0 2px;
}
.commentarrow {
	margin-left: 5px;
	vertical-align: 0;
}
.twitter_id a{
	margin-left: 15px;
	vertical-align: 0;
	font-size: 10px;
	padding-left: 17px;
	background: url(/images/twitterheader-small.png) no-repeat left 0;
	margin-right: 20px;
	line-height: 20px;
	padding-top: 4px;
}
.twitter_id a:hover{
	background-position: left -17px;
}
.avatarcontainer {
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
	float: left;
	position: relative;
}

.authbadge {
	position: absolute;
	top: -12; left: -12;
} 


.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption.alignleft {
	margin-left: 0;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

#ContentBlog{
	margin: 150px 30px 0;
	text-align:left;
	color:#002d5b;
	padding-bottom: 20px;
}
#ContentBlog h1{
	margin-top: 170px;
	margin-bottom: 15px;
	font-family: "HelveticaNeue-UltraLight", "Helvetica Neue Ultra-Light", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica", "Arial";
	font-weight: 100;
	font-size: 45px;
}
#ContentBlog h1 a{
	color: #0a2048;
	font-weight: normal;
	font-style: normal;
}
#ContentBlog h1 a:hover, #ContentBlog h1 a:active{
	color: #134193;
	text-shadow: #1571aa 0 0 2px;
}
#ContentBlog h2{
	margin: 0 0 10px;
	font-size: 25px;
	line-height: 30px;
	border-bottom:1px solid #aecadd;
	width: 662px;
	font-weight: bold;
}

#ContentBlog h2 a{
	color: #0a2048;
	text-decoration: none;
}

#ContentBlog h2 a:hover, #ContentBlog h2 a:active{
	color: #134193;
	text-shadow: #1571aa 0 0 2px;
}

#ContentBlog h3{
	margin: 20px 0 10px;
}

#ContentBlog .Break{
	margin: 30px 0 10px 0px;
}

/*#ContentBlog img{
	padding:3px;
	border:1px solid #bfcad5;
	 -moz-border-radius:3px;
	 -webkit-border-radius: 3px;

}*/

#ContentBlog img.wp-smiley {
	vertical-align: top;
	border-style: none;
	border-width: 0;
}
#ContentBlog .digglink {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	padding-left: 3px;
	padding-right: 2px;
	padding-top: 3px;
	height: 82px;
	border: 1px solid #D6D4D3;
	background: #fff;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 6px;
}
#ContentBlog .digglink:hover {
	border: 1px solid #1571aa;
}

.blogpager {
	clear:both;	
	background-image:url(/images/break.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin: 30px 0 20px 0px;
	padding-top: 20px;
}

/* @end */

/* @group Forms */

form{
	margin:0;
	padding:0;
}

form div {
	margin-bottom: 1em;
}

form input{
	width:300px;
	border:1px solid #96bbdf;
	margin:0 0 10px 0;
	position: relative;
}

form p {
	padding-bottom:0px;
}

form label{
	font-weight: bold;
	border-style: none;
	display: block;
	line-height: 15px;
	padding-top: 10px;
	margin-left: 2px;
}
form textarea{
	width:620px;
	height:150px;
	border:1px solid #96bbdf;
	margin: 0 0 10px;
}

form input[type=submit] {
	color: buttontext;
	background: url(/images/button_submit.png);
	background-image: url(/images/button_submit.png);
	border: 0px;
	text-indent: -9999em;
	width: 86px;
	height: 27px;
	clear: both;
}

form#commentform input[type=submit] {
	color: buttontext;
	background: url(/images/button_sayit.png);
	background-image: url(/images/button_sayit.png);
	border: 0px;
	text-indent: -9999em;
	width: 86px;
	height: 27px;
}

#whichForm {
	position: absolute;
	top: -12px;
}
.contact_form {
	margin: 2em 0 0 0;
	position: relative;
}

.error {
	color: #cc090e;
}



/* @end */

/* @group Footer */

#Footer{
	width:702px;
	margin:8px auto;
	text-align:right;
	color:#556d76;
	line-height:22px;
	
}
#Footer a:link, #Footer a:visited{
	color:#556d76;
	padding:2px 0;
	font-weight: normal;
	font-style: normal;
}
#Footer a:hover, #Footer a:active{
	color:#fff;
	background-position-y: 100%;
}
#Footer img{
	float:right;
}
.Copyright{
	float:left;
	padding:2px 0;
}

/* @end */

ol#commentlist li cite {
	padding: 0px;
	display: block;
	height: 32px;
	font-size: 1.06em;
	line-height: 1.3em;
	color: #666;
	margin-bottom: 1.2em;
	margin-top: 12px;
	margin-right: 0;
}

/* @group accordion */
.accordion_toggle {
	display: block;
	height: 30px;
	width: 600px;
	line-height: 30px;
	outline: none;
	cursor: pointer;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	background: url(/images/icons/disclosure-arrows.png) no-repeat left top;
}

.accordion_toggle:hover {
	background: url(/images/icons/disclosure-arrows.png) no-repeat left top;
	color: #134193;
	text-shadow: #1571aa 0 0 2px;
}
.accordion_toggle:active{
	color: #134193;
	text-shadow: #1571aa 0 0 2px;
	background: url(/images/icons/disclosure-arrows.png) no-repeat left -30px;
}

.accordion_toggle_active {
	color: #146da3;
	background: url(/images/icons/disclosure-arrows.png) no-repeat left -60px;
}
.accordion_toggle_active:hover {
	background: url(/images/icons/disclosure-arrows.png) no-repeat left -60px;
	color: #134193;
	text-shadow: #1571aa 0 0 2px;
}
.accordion_toggle_active:active {
	background: url(/images/icons/disclosure-arrows.png) no-repeat left -30px;
	color: #134193;
	text-shadow: #1571aa 0 0 2px;
}

.accordion_content {
	overflow: hidden;
	display: none;
}

.accordion_content p {
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 10px;
}

/* @end */