@import "reset.css";


.ich {background: Transparent url(../img/hintergrund/ichSW.jpg) no-repeat 0 0;
	left:460px;
	top:-10px;
	overflow:visible;
	position:absolute;
	width: 999px;
	height: 605px;
	z-index:1;
}

.karte {background: Transparent url(../img/hintergrund/Deutsch_karte.jpg) no-repeat 0 0;
	left:530px;
	top:20px;
	overflow:visible;
	position:absolute;
	width: 999px;
	height: 605px;
	z-index:1;
}

#videocontainer {
	
background-color:#FFFFFF;
height:680px;
 left:48px; 
overflow:hidden;
position:absolute;
top:147px;
width:864px;
z-index:500;
}


	
}

ul#videonav {
list-style: none;
margin-left:10px;
margin-top:10px;
}
ul#videonav li {
list-style: none;
float:left;
margin-right:6px;
}
ul#videonav li a {
border-right:1px solid #A7A9AC;
display:block;
padding-right:6px;
}
ul#videonav li.last a {
list-style: none;
border-right:medium none;
}
ul#videonav li a:hover {
list-style: none;
border-bottom:medium none;
opacity: 0.7;

}






 #Hintergrund_Titel {
	background: transparent url(../img/TitelPage01Big.jpg) no-repeat 0 0;
	left:-39px;
	top:-30px;
	overflow:visible;
	position:absolute;
	width: 999px;
	height: 605px;
	z-index:10;
}


 #Handschreiben {
 top:-29px; 
 left:-60px; 
 width:700; 
 height:700; 
 z-index:100; 
 position:absolute;
 }



body {
background-color:#FFFFFF;
color:#A7A9AC;
font-family:Arial, Verdana, Tahoma, sans-serif;
font-size:12px;
text-align:center;
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
h1 {
float:left;
font-size:12px;
line-height:11px;
padding:11px 0 8px;
}
h2, h3, h4, h5, h6 {
font-weight:bold;
}
h3 {
}
h4 {
font-size:12px;
}
h5, h6 {
font-size:11px;
}
p, ul, li {
color:#A7A9AC;
font-size:13px;
line-height:16px;
margin:1px 0 20px;
}
#text ul li, #text ol li {
color:#A7A9AC;
font-size:13px;
line-height:16px;
margin:1px 0 0;
}
a {
color:#A7A9AC;
text-decoration:none;
}
.current a {
list-style: none;
color:#000000;
}
a:hover {
border-bottom:1px solid #004E6E;
color:#000000;
}
p a, #text ul li a, #text ol li a {
border-bottom:1px solid #A7A9AC;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color:#000000;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
border:medium none;
}
#page {
background-image:url(../images/bg-lines.png);
background-position:50% 31px;
background-repeat:repeat-y;
height:576px;
margin:41px auto 0;
position:relative;
text-align:left;
width:960px;
}
#content {
height:576px;
}
#footer {
clear:both;
}
#footer p {
}
#footer p a {
color:#FFFFFF;
}
#footer a:hover {
border-bottom:1px solid #FFFFFF;
}
.clearer {
clear:both;
}
.controlbig, .itemsbig {
display:none;
}
.bar {
height:96px;
padding:0 48px;
}

#bar1 h1 {
 background-image:url(../img/tadegodbersentext.jpg);
 }

/* ich lgaube dass hier der text von h1 verschoben wird */

h1	{
 margin: 20px 0px 3px;
 background-position: 0 0;
 background-repeat: no-repeat;
 text-indent: -9999em;
 
 font: 1px/1px sans-serif; /* stop IE from revealing unnecessary bg */
 width: 357px;
 height: 50px;
 }
 

 

.project .bar {
background-image:none;
}


#langnav {
float:right;
font-size:11px;
line-height:11px;
padding:11px 0 8px;
}
#langnav a:hover {
border-bottom:medium none;
}
#colorbar {
background-color:#41FF43;
height:96px;
margin:24px 48px 0;
}
#textcontainer {
background-color:#FFFFFF;
height:380px;
left:48px;
overflow:hidden;
position:absolute;
top:147px;
width:864px;
z-index:500;
}


#text {
height:380px;
overflow:auto;
width:538px;
list-style: none;
}
#text li {
}



#text h2 {
margin:8px 48px 8px 0;
}
#text h3 {
margin:8px 48px 8px 0;
}
#text p {

margin:8px 48px 8px 0;
}
#counter {
color:#A7A9AC;
display:none;
font-size:12px;
height:12px;
left:48px;
position:absolute;
top:108px;
width:128px;
z-index:1500;
}
#slidescontainer {
height:384px;
left:48px;
overflow:hidden;
position:absolute;
top:126px;
width:864px;
z-index:500;
}
#slidescover {
background-color:#FFFFFF;
display:none;
height:384px;
left:0;
position:absolute;
top:1px;
width:864px;
z-index:1000;
}
#linescover {
background-color:#FFFFFF;
display:none;
height:190px;
left:0;
position:absolute;
top:1px;
width:864px;
z-index:900;
}



#prevbig {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/img/transparent.gif) repeat scroll 0 0;
cursor:pointer;
height:384px;
left:0;
position:absolute;
top:0;
width:128px;
z-index:1500;
}
#nextbig {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/img/transparent.gif) repeat scroll 0 0;
cursor:pointer;
height:384px;
position:absolute;
right:288px;
top:0;
width:128px;
z-index:1500;
}
#prevbig img {
margin-left:3px;
margin-top:173px;
}
#nextbig img {
float:right;
margin-right:3px;
margin-top:173px;
}
#closebig {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/img/transparent.gif) repeat scroll 0 0;
cursor:pointer;
height:40px;
position:absolute;
right:288px;
top:0;
width:40px;
z-index:2000;
}
#closebig img {
float:right;
margin:3px;
}
#bigslidescontainer {
height:384px;
left:0;
position:absolute;
top:1px;
width:864px;
z-index:1000;
}
#bigslides {
height:384px;
left:0;
position:absolute;
top:0;
width:576px;
}
#bigslides div {
height:384px;
overflow:hidden;
text-align:right;
width:576px;
}
#bigslides div.loading {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/img/spinner.gif) no-repeat scroll 50% 50%;
}
#bigslides div img {
margin:0 auto;
}
#bigslidescontainer #info {
background-color:white;
height:190px;
left:576px;
position:absolute;
top:1px;
width:388px;
z-index:500;
}
#bigslidescontainer #info p {
margin:6px 12px;
}
#bigslidescontainer #info dl a {
border-bottom:1px solid #A7A9AC;
}
#bigslidescontainer #info dl {
color:#A7A9AC;
font-size:11px;
line-height:16px;
margin:3px 12px;
}
#bigslidescontainer #info dt {
float:left;
/* padding-right:12px; */
width:275px;
}
#bigslidescontainer #info dd {
float:left;
width:1px;
}

#sketchyframe {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/static/global/images/transparent.gif) repeat scroll 0 0;
	left:40;
	height:204px;
	width:930px;
	position:absolute;
	top:292px;
	z-index:499;

 }
 
#prev {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/static/global/images/transparent.gif) repeat scroll 0 0;
cursor:pointer;
height:192px;
left:0;
position:absolute;
top:192px;
width:72px;
z-index:500;
}
#next {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/static/global/images/transparent.gif) repeat scroll 0 0;
cursor:pointer;
height:192px;
position:absolute;
right:0;
top:192px;
width:72px;
z-index:500;
}
#prev img {

margin-left:3px;
margin-top:81px;
}
#next img {
float:right;
margin-right:3px;
margin-top:81px;
}
#slides {
height:192px;
left:0;
overflow:hidden;
position:absolute;
top:192px;
width:864px;
z-index:400;
}
#slides ul {
}
#slides li {
background-color:#FFFFFF;
cursor:pointer;
float:left;
}
#slides ul li.highlight img {
opacity:0.7;
}
#slides ul li .meta {
display:none;
}
#slidesinfo {
height:48px;
left:48px;
overflow:hidden;
position:absolute;
top:516px;
width:864px;
z-index:500;
}
#bigslidesinfo {
background-color:#FFFFFF;
height:48px;
left:48px;
overflow:hidden;
position:absolute;
top:516px;
width:864px;
z-index:5000;
}
#slidesinfo h3, #bigslidesinfo h3 {
color:#A7A9AC;
font-size:11px;
font-weight:normal;
line-height:16px;
margin:0;
}
ul#mainnav {
list-style: none;
margin-left:380px;
margin-top:-46px;
}
ul#mainnav li {
list-style: none;
float:left;
margin-right:6px;
}
ul#mainnav li a {
border-right:1px solid #A7A9AC;
display:block;
padding-right:6px;
}
ul#mainnav li.last a {
list-style: none;
border-right:medium none;
}
ul#mainnav li a:hover {
list-style: none;
border-bottom:medium none;
}
ul#subnav {
height:288px;
left:636px;
position:absolute;
top:134px;
width:288px;
z-index:1000;
}
ul#subnav li {
margin-bottom:0;
margin-top:0;
}
ul#subnav li a:hover {
border-bottom:medium none;
}
.itemsbigx {
display:block;
}

/*--------------------- the unused----------------------------- */ 

/* h1 {
 display: none;
 } 
 */