/*bjoerndankwardt.de*/

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: white;
}

div.height100 {
	height: 100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#centered_content {
	width: 800px;
	height: 100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 30px;
	clear: left;
}

#content {
	width: 800px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin-left: auto;
	margin-right: auto;	
	overflow: auto;

}

#content_right {
	float: right;
	width: 484px;
	padding-bottom: 30px;
	min-height: 350px;
}

#content img {
	margin-top: 50px;
	border-style: none;
	outline:none
}

#overflow {
	height: 100%;
	width: 800px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
}

#logo a img {
	border-style: none;
	border: none;
	width: 800px;
	outline:none
}

a {
	outline:none
}

/* @group breadcrumb */

#breadcrumb
{
    height: 12px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: right;
}

#breadcrumb li
{
    list-style-type:none;
    float: left;
    color: #444;
    border: none;
}

#breadcrumb a{
    height:30px;
    display:block;
    background-image:url('bc_separator.png');
    background-repeat:no-repeat;
    background-position:right;
    padding-right: 5px;
    text-decoration: none;
    color: #B44619;
}

#breadcrumb a:hover{
	color: #820012;
}

/* @end */

/* @group navigation */

#mainnavigation {
	float: left;
	border-bottom: 1px solid silver;
	width: 480px;
	height: 40px;
	font: 15px Georgia, "Times New Roman", Times, serif;
}

#mainnavigation ul {
	padding-left: 13px;
}

#mainnavigation ul li{
	list-style-type: none;
	float: left;
	clear: none;
	padding-bottom: 5px;
	margin-right: 7px;
}

#mainnavigation ul li a {
	text-decoration: none;
	color: #B44619;
	margin-left: 0;
	padding-left: 0;
}

#mainnavigation ul li a.active {
	color: #42201C;
}

#mainnavigation ul li a:hover {
	color: #42201C;
}

#subnavigation {
	float: left;
	clear: left;
	width: 480px;
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid silver;
	border-left: 1px solid silver;
	text-decoration: none;
	height: 40px;
	font: 15px Georgia, "Times New Roman", Times, serif;
}

#subnavigation ul {
	padding-left: 13px;
}

#subnavigation ul li {
	font-size: 14px;
	list-style-type: none;
	margin-right: 7px;
	float: left;
}

#subnavigation a {
	text-decoration: none;
	color: #B44619;
}

#subnavigation ul li a.active {
	color: #42201C;
	text-decoration: none;
}

#subnavigation ul li a:hover {
	color: #42201C;
}

/* @end */

#line {
	border-bottom: 1px solid silver;
	width: 75px;
	height: 40px;
	border-left: 1px solid silver;
	margin-left: 240px;
	float: left;
}

#text {
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	width: 465px;
	padding-top: 1px;
	padding-left: 13px;
	height: 100%;
}

#text p {
	color: gray;
	font: 13px Georgia, "Times New Roman", Times, serif;
	margin-top: 0;
	padding-top: 0;
}

#text p a {
	text-decoration: none;
	color: #B44619;
}
#text p a:hover {
	color: #820012;
	}

#lebenslauf {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: gray;
}

#player object {
	margin-bottom: 20px;
}

#player ul li a:hover {
	color: #a9b9c0;
}

#player ul li a {
	color: #787977;
}

h1 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: gray;
	margin-top: 100px;
}

h2 {
	color: gray;
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #444;
	margin-top: 15px;
	padding-bottom: 0;
}

h3 {
	color: gray;
	font: 13px Georgia, "Times New Roman", Times, serif;
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 8px;
}

#image img {
	float: right;
	width: 250px;
	height: 185px;
	clear: left;
	margin-top: 20px;
	margin-right: 40px;
	border: 1px solid silver;
}

#error_image img {
	float: right;
	width: 250px;
	height: 185px;
	clear: left;
	margin-top: 20px;
	margin-right: 40px;
	border: 1px solid white;
}

div#fade.black_overlay {
	width: 100%;
	height: 100%;
}

/* @group gallery */

     
.galerie{
	font-size:1em;
	width: 470px;    
	margin-top: 40px;
	padding-left:0;
	margin-right: 40px;	
}

.pic-navi{
	padding: 7px 0;
	float:left;
}

.pic-navi a img{
	width: 88px;
	float:left;
	padding-right: 4px;
	border-style: none;
}

.pic-navi a:hover img{
	padding: 0 4px 0 0;
    margin:0;
}


div.pic-navi a{
       padding:0;
       margin:0;
}
div.pic-navi a span {
       display: none;
       color:#ff0000;
}

div.pic-navi a:hover{
       color: #411;
       background: #ffffff;
       padding:0;
       margin:0;
}

div.pic-navi a:hover span{
	display: block;
	position: absolute;
	width: 250px;
	z-index: 100;
       /* aussehen der box */
	color: #858445;
 	text-align: left;
	float: right;
	height: 185px;
	top: 320px;
	right: 524px;
	background: #f6f6f6 no-repeat 0 0px;
	border: 1px solid silver;
}

#text p span {
	font-size: 10px;
	color: silver;
}
a#pic1:hover span{
	background-image: url(../images/galerie/small/01Bjoern.png);}
	
a#pic2:hover span{
	background-image: url(../images/galerie/small/02Bjoern.png);}
	
a#pic3:hover span{
	background-image:url(../images/galerie/small/03Bjoern.png);}
	
a#pic4:hover span{
	background-image:url(../images/galerie/small/04Bjoern.png);}
	
a#pic5:hover span{
	background-image: url(../images/galerie/small/05Bjoern.png);}

div.pic-navi a:hover span strong{
	width: 250px;
	font-weight:normal;
	padding-left: 0px;
	padding-right: 15px;
	background: url(../images/galerie/image_1.jpg) no-repeat 0 0px;
}

div.helloworld{
	position: relative;
	width: 250px;
	color: #858445;
	margin-top: 39px;
	margin-right: 40px;
	float: right;
	height: 185px;
	background: #F6F6F6 url(../images/galerie/image_1.jpg) no-repeat scroll 0 0px;

}


#image div.helloworld img {
	top: 0;
	right: 0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
}

#galerie-right .pic-navi{
	width:87px;
	float:right;
	margin-left:10px;
}




#gallery_position { /*im Textfluss*/
	   margin: 3em;
}
/*	
#gallery {
	position: relative;
	width: 456px;
	height: 405px;
}


	
#gallery a, #gallery a:visited {
	 display: block;
	 float: left;
	 width: 80px;
	 height: 53px;
	 margin: 4px;
	 border: 1px solid #000000;
	 text-decoration: none;   
}
	
#gallery a span, #gallery a strong { /* loading-Block */
}
	
#gallery a span em {
	   display: block;
	   width: 384px;
	   height: 256px;
	   margin: 0;
}
	
#gallery a:focus, #gallery a:active  {
	   border: 1px solid #666666;
}
	
#gallery a:focus span, #gallery a:active span  {
	   position: absolute;
	   display: block;
	   left: 26px;
	   top: 88px;
	   width: 385px;
	   z-index:1;
	   color: #000000;
}

#gallery p {
	font-family: Georgia, "Times New Roman", Times, serif;
}
	
#gallery a:focus strong, #gallery a:active strong  { /* loading-Block */
	   position: absolute;
	   display: block;
	   left: 27px;
	   top: 87px;
	   width: 384px;
	   height: 256px;
	   background-color: #EFEDEC;
	   color: #1199FF;
	   font-size: 0.8em;   
}

/* @end */

/* @group footer */

div#footer {
	position: absolute;
	width: 800px;
	background-color: white;
	height: 30px;
	text-align: right;
	border-top: 1px solid silver;
	bottom: 0;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
}

#bottom_navi {
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: none;
}

#bottom_navi ul li{
	list-style-type: none;
	float: right;
	font: 10px Helvetica;
	padding-right: 3px;
	padding-left: 7px;
}

#bottom_navi ul li a {
	color:  #B44619;
	text-decoration: none;
	margin-right: 3px;
}

#bottom_navi ul li a:hover, #bottom_navi ul li a.active{
	color: #820012;
	text-decoration: none;
}

/* @end */

/* @group sitemap */

#sitemap ul {
	list-style-type: none;
	text-decoration: none;
	padding-left: 0;
	font-size: 13px;
	line-height: 18px;
}

#sitemap ul ul li a {
	padding-left: 10px;
}

#sitemap ul li a {
	list-style-type: none;
	text-decoration: none;
	color: #B44619;
}

#sitemap ul li a:hover {
	color: #820012;
}

/* @end */

#text ul li a {
	text-decoration: none;
	list-style-type: none;
	color: #B44619;
}

#text ul {
	list-style-type: none;
	padding-left: 0;
}

#text ul li a:hover {
	color: #820012;
}