/* TAGS */

body {
	margin:0;
	background-image: url('../images/bgr.gif'); 
	font-family: Verdana, Arial, Helvetica, sans-serif
}

h1 {
	color:#009ee0;
	font-size:18px;
	padding: 0 0 10px 0;
	margin:0
}

h2 {
	color:#0076bd;
	font-size:16px;
	padding-bottom:15px
}

h3 {
	color:#009ee0;
	padding-bottom:20px
}

div.home h3,
div.references h3 {
	color:#009ee0;
	padding-bottom:10px;
	margin:0
}

div.post div.entry h3{
	padding: 20px 0 0 0
}

img {
	border: 0px solid #ffffff
}
#content td {
	padding-bottom:30px;
	text-align:left
}
#content a {
color:#ccc;
background-color:#efefef;
text-decoration:none
}
#content a:hover{
background-color:#009ee0;
color:#fff
}
#subnavi div.box a {
color:#ccc;
background-color:#efefef;
text-decoration:none
}
#content div.box a:hover{
background-color:#009ee0;
color:#fff
}



/* IDs */

#wrapper {
	margin:0 auto;
	background-color:#fff;
	width:960px;
	position:relative
}

#header {
	position:relative;
	padding: 30px 30px 0 50px;
	height:100px;
	border-bottom:1px solid #999;
}

#keyvisual{
	background-image: url('../images/header.jpg'); 
	height:188px;
	width:960px;
	border-bottom:1px solid #999;
	position:relative
}

#keyvisual h1{
	color:#999;
	font-size:14px;
	font-weight:normal;
	position:absolute;
	left:50px;
	bottom:50px;
	width:290px
}

#toggleButton{
	background-image: url('../images/toggleButton-close.png'); 
	position:absolute;
	right:30px;
	top:127px;
	height:16px;
	width:25px;
	z-index:999;
	cursor:pointer
}

#copyright {
	font-size: 10px;
	color:#cccccc;
	text-align: center;
	margin:0 auto;
	width: 960px;
	background-color:#ffffff;
	padding:20px 0;
}

#logo {
	float:left
}

#icons{
	position:absolute;
	right:30px;
	top:-15px
}

#suchbox {
	float:right
}

#inhalt {
	background-color:#ffffff;
	padding: 0 30px 20px 50px;
	width: 880px;
	clear:both;
	color:#999999;
	font-size:12px;
	position:relative
}

ul#navi{
	color:#fff;
	list-style:none;
	clear: both;
	font-weight:normal;
	padding:0;
	margin:0;
	margin-left:50px
}

#subnavi{
	padding:65px 0 0 0;	
	width:245px;
	float:right
}
#subnavi.references{
	padding:70px 0 0 0;	
	width:245px;
	float:right
}
#subnavi.home{
	padding:0
}
#subnavi ul {
	list-style:none;
	margin:0;
	padding:0 0 20px 0
}
#subnavi .page_item,
#subnavi .cat-item{
	padding: 5px 0;
	background:none;
	float: none;
	margin: 0;
	font-weight:bold;
	border: 0px solid #ffffff;
	letter-spacing:1px;
}
#subnavi .page_item:hover,
#subnavi .cat-item:hover {
	color:#009ee0
}
#subnavi .page_item a,
#subnavi .cat-item a {
	color:#cccccc;
	text-decoration:none;
}
#subnavi .page_item a:hover ,
#subnavi .cat-item a:hover{
	background:none;
	color:#009ee0;
}
#subnavi .current_page_item,
#subnavi .current_cat-item {
	color:#0076bd;
}
#subnavi .current_page_item a, #subnavi .current_page_item a:hover,
#subnavi .current_cat-item a, #subnavi .current_cat-item a:hover{
	color:#0076bd
}

#content{
	float:left;
	width: 586px;
	text-align:justify;
	padding:10px 0 0 0;
	line-height:1.5em
}
#content.home{
	padding:0
}

#map{
width:400px;
height:350px
}

/* CLASSES */

.clear{
	clear:both
}

.breadcrumb {
	padding: 50px 0 20px 0;
	font-size:11px
}
.breadcrumb a{
	text-decoration:none;
	color:#999999
}
.breadcrumb a:hover{
	text-decoration:none;
	color:#009ee0
}

.size-thumbnail {
padding-right:10px;
background-color:#fff
}
.size-thumbnail:hover {
background-color:#fff
}

.container{
padding-bottom:15px;
}
.containerXXL{
padding-bottom:50px;
clear:both
}

.CElement {
float:left;
padding-right:10px
}
ul#navi > li.page_item {
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-border-bottom-left-radius:5px;
	border-border-bottom-right-radius:5px;
	background-image:url('../images/bgrButton.jpg');
	border:1px solid #999;
	border-top:0px;
	float:left;
	font-size:14px;
	padding: 8px 15px 0 15px;
	height:26px;
	margin-left:-1px
}
ul#navi li.page_item a,
ul#navi li.cat-item a  {
	color:#aaa;
	text-decoration:none;
}
ul#navi > li.page_item a:hover,
ul#navi > li.cat-item a:hover  {
	color:#666;
}
ul#navi > li.page_item-2{
	margin-left:0
}

ul#navi > li.current_page_ancestor, ul#navi > li.current_page_parent, ul#navi > li.current_page_item {
	background-image:url('../images/bgrButton-active.jpg');
}
ul#navi > li.current_page_ancestor a, ul#navi > li.current_page_parent a, ul#navi > li.current_page_item a {
	color:#666;
}

ul#navi > li.current_page_ancestor a, ul#navi > li.current_page_parent a, ul#navi > li.current_page_item a {
	color:#666;
}
ul#navi li.current_page_item ul li a, ul#navi li.current_page_parent ul li a{
	color:#aaa;
}
ul#navi li.current_page_item ul li a:hover, ul#navi li.current_page_parent ul li a:hover{
	color:#666;
}
ul#navi li.current_page_parent ul li a:hover{
	color:#666;
}
ul#navi li ul li a:hover,
ul#navi li.current_page_parent ul li a:hover{
	padding-left:5px;
	border-left: 10px solid #009ee0;
	display:block;
	margin-left:-15px;
}
ul#navi li.current_page_parent ul li.current_page_item a:hover{
	padding-left:0;
	display:inline;
	margin-left:0;
	border-left: 0
}
ul#navi li.current_page_parent ul li.current_page_item{
	background-color:#ccc
}
ul#navi li.current_page_parent ul li.current_page_item a, ul#navi li.current_page_parent ul li.current_page_item a:hover{
	color:#666;
}

.search-excerpt {
	color: #fff;
	background-color: #009ee0;
}

#content .post a{
	text-decoration:none;
	color:#ccc;
	background-color:#efefef
}
#content .post a:hover{
	text-decoration:none;
	color:#fff;
	background-color:#009ee0
}
#content .post h2{
	text-decoration:none;
	color:#cccccc;
	letter-spacing:1px;
	border-bottom: 1px dotted #ccc
}
#content .post h2 a{
	background-color:#fff;
	color:#ccc;
	letter-spacing:1px
}
#content .post h2 a:hover{
	background-color:#fff;
	color:#009ee0;
	letter-spacing:1px
}
.post {
padding-bottom:15px;
}

/* PXS Mailer */
	
	form dl, dl.labels {
		margin:0em;
		font-size:100%
	}

	form dt, dl.labels dt {
		float:left;
		width:7em;
		margin-bottom:0.8em;
		color:#999;
		text-align:left;
		font-weight:normal;
		position:relative /*IEWin hack*/
	}

	form dd, dl.labels dd {
		margin-left:7.5em;
		margin-bottom:0.8em;
		font-size:100%;
		font-style:normal;
		text-align:left;
		padding-left:0.5em
	}
	
	form dd.submit, dl.labels dd.submit  {
		margin-top:2em
	}
#your_name, #email, #blog, #your_subject, #msg{
background-color:#efefef;
color:#999;
font-size:100%;
padding:2px 0;
font-family:Verdana, Arial, Helvetica, sans-serif
}
.y_name, .y_msg, .y_email, #blog, #your_subject{
border:1px solid #999
}
.navigation .alignleft {
	float:left
}
.navigation .alignright {
	float:right
}
.postmetadata {
	padding-bottom:15px
}
#respond h3{
	padding-bottom:0px
}
.entry {
	padding-bottom:15px
}
.commentlist {
	padding-bottom:15px
}
#comments {
	padding-bottom:0px
}
.smallLeft{
	float: left; 
	margin-right: 10px; 
	margin-top: 3px
}
.smallRight{
	float: right; 
	margin-left: 10px; 
	margin-top: 3px
}
.center{
}

#content .table {
	border-bottom: 1px dotted #999999;
	padding-botton:50px;
	margin-bottom:10px
}

#content .table tr td{
	padding-bottom:0px
}

.appIcon {

}

.breaker{
	clear:both;
	display:block
}

#content .CElement a,
#content .CElement a:hover{
	background-color:#fff
}

ul.dropdown li  {position:relative}
/* 
	LEVEL TWO
*/
ul#navi ul 						{ list-style:none; width: 220px; position: absolute; z-index:999; display:none; top: 35px; left:0; background-color:#fff; -webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px; 
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px; border:1px solid #999; border-top:0px; margin:0; padding:12px 0}
ul#navi ul li 					{ -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; margin:0; font-size: 0.8em; padding-left:10px; font-weight: normal; color: #999; float: none; padding:3px 15px}

#roundabout{
	width:490px;
	margin-left:40px;
	margin-top:40px
}

#roundabout a,
#roundabout a:hover,
#content a.tt-flickr,
#content a.tt-flickr:hover{
	background-color:#fff
}

.roundabout-holder { 
	padding: 0; 
	height: 10.5em;
	width: 15em;
	margin: auto;
	list-style: none;
}

.roundabout-moveable-item {
	height: 10.5em;
	width: 15em;
	cursor: pointer;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border: 1px solid #ccc;
	padding:10px;
	background-color:#fff
}

.roundabout-moveable-item img {
	height: 10.5em;
	width: 15em;
}
.roundabout-in-focus { 
	cursor: auto; 
}
#filler{
	text-align:center;
	padding:20px 0 50px 0;
	height:12px;
	margin:20px 0 0 0
}
#filler #imgDescription{
	display:none;
	font-weight:bold
}

#content div.columnLeft{
	float:left;
	width:278px;
	padding-right:30px
}
#content div.columnRight{
	float:left;
	width:278px
}
#content div.row{
	padding-bottom:10px
}
#content .float{
	float:left
}
#content div.floatImage{
	float:left;
	padding: 0 10px 10px 0
}
#content div.floatImage a{
	background-color:#fff
}

div.fblike{
	clear:both
}

#subnavi div#bioImage{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-image:url('../images/mathieu.png');
	height:163px;
	width:245px
}
#subnavi div.box{
	margin:10px 0 30px 0;
	-webkit-border-top-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	padding:10px;
	line-height:1.5em
}
#subnavi div.box p{
	margin:0;
	padding-bottom:10px
}
				
#subnavi div.box.biography{
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-style:italic
}