/* CSS-bugs finden
div {border: 1px solid red;} */
body {
background-color : #F2F2F4;
margin : 0;
padding : 0;
text-align: center;
}
html {
min-height: 100.05%;
}
#description{
	display: none;
	text-align: left;
	margin: auto auto 0px;
	background-color: #FFFFFF;
	width: 820px;
	border: 1px solid #666666;
	padding-bottom: 6px;
}
#JS-Note{
	text-align: center;
	width: 820px;
	position: absolute;
	top: -16px;
	left: 0px;
	font: bold 14px/14px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #990000;
	letter-spacing: 2px;
}
#description h1, h2, h3{
	font: normal 12px/12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 10px;
	padding: 3px 0px 0px;
}
#nest {
margin: auto auto 0px;
background-color: #FFFFFF;
width: 820px;
padding: 0px;
position: relative;
text-align: left;
background-repeat: no-repeat;
height: auto;
overflow: visible;
border: 1px solid #666666;
top: 20px;
background-image: url(/ci-images/ci__bildfolio_logo.gif);
background-repeat: no-repeat;
background-position: right top;
voice-family: "\"}\"";
voice-family:inherit;
width: 818px;
}
html>body #nest {
width: 818px; /* dummer ie5win */
}

#topnav {
position:absolute;
left:0px;
top:20px;
width: 761px;
font-weight: bold !important;
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size: 10px !important;
line-height: 16px !important;
padding: 0px;
background-color: #224268;
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
voice-family: "\"}\"";
voice-family:inherit;
width: 760px;
}
html>body #topnav {
width: 760px; /* dummer ie5win */
}

#topnav a.level--01 {
color: #CCCCCC;
padding-bottom: 0px;
padding-left: 8px;
padding-right: 10px;
padding-top: 0px;
text-decoration: none;
border-left: 1px solid #999999;
height: 16px;
width: auto;
line-height: 16px;
display: block;
float: left;
}
#topnav a.level--01aktiv {
color: #FFFFFF;
padding-bottom: 0px;
padding-left: 8px;
padding-right: 10px;
padding-top: 0px;
text-decoration: none;
border-left: 1px solid #CCCCCC;
background-color: #EF6205;
height: 16px;
width: auto;
line-height: 16px;
float: left;

}
#topnav a.level--01:hover {
color: #FFFFFF;
border-left: 1px solid #CCCCCC;
background-color: #EF6205;
}
#main {
width : 760px;
height: auto;
padding-top: 18px;
border-right-width: 1px;

border-right-style: solid;
border-right-color: #000000;


}
#bild {
margin : 0;
padding : 0;
width : 760px;
height: 392px;
position: relative;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
voice-family: "\"}\"";
voice-family:inherit;
height: 391px;
}
html>body #bild {
height: 391px; /* dummer ie5win */
}

img {
display : block;
border: 0px;
}
#portraits {
position : absolute;
visibility : hidden;
z-index : 150;
left : 52px;
top : 37px;
background-color : #F3DBB1;
width: auto;
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: none;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
filter:alpha(opacity=85);
-moz-opacity:0.85;



}
#portraits a {
text-decoration : none;
display : block;
font-size : 10px;
color : #484848;
background-color : #EBE2D1;
margin : 0;
padding : 2px 3px 2px 8px;
border-top : 1px solid #97A2BD;
border-left : 1px solid #BBC5DD;
font-family : verdana, helvetica, sans-serif;
position : relative;
left : 0px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
}

#portraits a:hover {
text-decoration : none;
background-color : #224268;
color : #ffffff;
}
#portraits a.aktiv{
text-decoration : none;
background-color : #224268;
color : #ffffff;
}

#reportagen {
position : absolute;
visibility : hidden;
z-index : 150;
left : 122px;
top : 37px;
background-color : #F3DBB1;
width: auto;
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: none;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
filter:alpha(opacity=85);
-moz-opacity:0.85;

}
#reportagen a {
text-decoration : none;
display : block;
font-size : 10px;
color : #484848;
background-color : #EBE2D1;
margin : 0;
padding : 2px 3px 2px 8px;
border-top : 1px solid #97A2BD;
border-left : 1px solid #BBC5DD;
font-family : verdana, helvetica, sans-serif;
position : relative;
left : 0px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
}

#reportagen a:hover {
text-decoration : none;
background-color : #224268;
color : #ffffff;
}
#reportagen a.aktiv{
text-decoration : none;
background-color : #224268;
color : #ffffff;
}

#bilddatenbank {
position : absolute;
visibility : hidden;
z-index : 110;
left : 208px;
top : 37px;
background-color : #F3DBB1;
width: auto;
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: none;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
filter:alpha(opacity=85);
-moz-opacity:0.85;
}
#bilddatenbank a {
text-decoration : none;
display : block;
font-size : 10px;
color : #484848;
background-color : #EBE2D1;
margin : 0;
padding : 2px 3px 2px 8px;
border-top : 1px solid #97A2BD;
border-left : 1px solid #BBC5DD;
font-family : verdana, helvetica, sans-serif;
position : relative;
left : 0px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
}

#bilddatenbank a:hover {
text-decoration : none;
background-color : #224268;
color : #ffffff;
}
#bilddatenbank a.aktiv{
text-decoration : none;
background-color : #224268;
color : #ffffff;
}
#ueberuns {
position : absolute;
visibility : hidden;
z-index : 110;
left : 323px;
top : 37px;
background-color : #F3DBB1;
width: auto;
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: none;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
filter:alpha(opacity=85);
-moz-opacity:0.85;
}
#ueberuns a {
text-decoration : none;
display : block;
font-size : 10px;
color : #484848;
background-color : #EBE2D1;
margin : 0;
padding : 2px 3px 2px 8px;
border-top : 1px solid #97A2BD;
border-left : 1px solid #BBC5DD;
font-family : verdana, helvetica, sans-serif;
position : relative;
left : 0px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
}

#ueberuns a:hover {
text-decoration : none;
background-color : #224268;
color : #ffffff;
}
#ueberuns a.aktiv{
text-decoration : none;
background-color : #224268;
color : #ffffff;
}
.kat {
padding : 1px 3px 2px 8px;
display: block;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;

}
#portraits a.kat {
margin-bottom : 2px;
border-bottom : 1px solid #224268;
}

#thumbmenue{
width:auto;
height:382px;
margin: 0px;
top: 9px;
left: 5px;
float: left;
position: absolute;
overflow: hidden;
border: none;
z-index: 100;
}

#thumbbild01{
text-align: center;
vertical-align: middle;
float: left;
margin-right: 8px;
margin-bottom: 8px;
/*  background-color: #FFFFFF;  ohne FFFFFF kommt HG durch - evtl. auch cool*/
}

#thumbbild01 a img{
border: 0px none;
text-align: center;
vertical-align: top;
filter:alpha(opacity=50);
-moz-opacity:0.50;
}
#thumbbild01 a:hover img {
filter:alpha(opacity=100);
-moz-opacity:1;
}
#thumbbild01 a{
border: 1px solid #696969;
display: block;
}

#thumbbild01 a:hover{
border: 1px solid #EF6205;
display: block;
}

#thumbbild01-aktiv{
width:60px;
height:60px;
text-align: center;
vertical-align: middle;
float: left;
margin-right: 3px;
margin-bottom: 3px;
}

#thumbbild01-aktiv img{
border: 1px solid #FF2020;
display: block;
text-align: center;
vertical-align: top;
}
/*          /        /        Start: TextContent Bildfolio/BildInfoTexte        /        /        */
#content {
margin : 0px;
width : 760px;
height: auto;
min-height:204px;
}
#content p {
font: 11px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding : 10px 10px 0px;
color : #666666;
margin: 0px;
}
#content  h2 {
font-size : 14px;
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.1em;
line-height : 18px;
color : #8C8C8C;
font-weight : bold;
margin: 0px;
padding: 4px 0px 0px;
}

#info_box_left {
width : 190px;
height: 170px;
font-size : 11px;
font-family : "Trebuchet MS", Arial, sans-serif;
color : #224268;
letter-spacing: 0.2em;
}
#info_box_left a {
text-decoration : none;
font-size : 12px;
font-family : "Trebuchet MS", Arial, sans-serif;
font-weight : bold;
color : #224268;
border-bottom: 1px dotted #999999;
display: block;
}
#info_box_left a:hover {
text-decoration : none;
color : #EF6205;
border-bottom: 1px solid #767676;
}
#beleglink {
position: absolute;
width: auto;
left: 640px;
top: 446px;
padding-right: 18px;
}

#beleglink a{
font: 11px/16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color : #666666;
text-decoration: none;
display: block;
width: 70px;
background-image: url(/ci-images/ci__lupe.gif);
background-repeat: no-repeat;
background-position: 56px top;
}
#beleglink a:hover{
color : #333333;
background-image: url(/ci-images/ci__lupe.gif);
background-repeat: no-repeat;
background-position: 56px -20px;
}
#mailform {
width: 700px;
margin: 0px 0px 0px 20px;
padding: 10px 10px 0px;
z-index: 300;
}

#mailform fieldset {
margin: 0px;
padding: 2px 10px;
border: 1px solid #CCCCCC;
}

#mailform fieldset font {
margin: 5px 25px 5px 5px;
padding: 0px;
width: 460px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
background-color: #FFFFFF;
display: block;
}
#mailform legend {
color: #F8C89C;
padding: 2px 10px;
margin: 0px;
font-weight: bold;
border: 1px solid #FFFFFF;
}

#bild_db-form{
width: 210px;
position: relative;
left: 0px;
top: 250px;
}

#bild_db-form fieldset {
margin: 0px;
border-top: 1px solid #CCCCCC;
border-left: 5px none;
border-right-width: 1px;
border-bottom-width: 0px;
border-right-style: solid;
border-bottom-style: none;
border-right-color: #CCCCCC;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
}

#bild_db-form legend {
font-size : 11px;
font-family : "Trebuchet MS", Arial, sans-serif;
color : #224268;
letter-spacing: 0.2em;
margin: 0px;
font-weight: bold;
border: 1px solid #CCCCCC;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 5px;
}

#bild_db-felder {
padding: 0;
height: auto;
width: 180px;
font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
clear: both;
color: #333333;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 3px;
}
#bild_db-felder p {
margin: 5px 25px 5px 5px;
padding: 0px;
width: 100px;
height: 14px;
float: left;
border-bottom: 1px dashed #FFFFFF;
clear: both;
font-weight: bold;
}
#bild_db-form input, select, textarea {
margin: 5px 5px 5px 0px;
padding: 0px;
width: 180px;
height: 16px;
border: 1px solid #666666;
float: left;
background-color: #f4f4f4;
font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
vertical-align: middle;
filter:alpha(opacity=80);
-moz-opacity:0.80;
}
#felder {
margin: 2px 0px 0px 5px;
padding: 0;
height: auto;
width: 640px;
font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
clear: both;
z-index: 300;
}
#felder p {
margin: 5px 25px 5px 5px;
padding: 0px;
width: 180px;
float: left;
border-bottom: 1px dashed #CCCCCC;
clear: both;
font-weight: bold;
z-index: 300;
}

#felder input, select, textarea {
margin: 5px;
padding: 0px;
height: auto;
width: auto;
border: 1px solid #666666;
float: left;
background-color: #f4f4f4;
font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
z-index: 300;
}
.subtext {
font: 9px/10px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666666;
display: block;
margin-left: 4px;
width: 190px;
text-align: left;
}
address {
font-style: normal;
}


#thumbmenue{
width:180px;
height:auto;
/*margin: 0px;
top: 327px;
left: 13px;
float: left;
position: absolute;*/
}