/* styles for disabled javascript */
#header{
width:700px;
height: 75px;
background: url(../images/style1/header.gif) no-repeat;
}

.stylecolor{
background-color:#1A68A0;
}
#topnavi{
background-color:#1A68A0;
color:#FFFFFF;
}

/* rounded boxes */

.bottomleft{
background-image:url(../images/style1/ecke_li_u.gif);
}
.bottomright{
background-image:url(../images/style1/ecke_re_u.gif);
}

.topleft{
background-image:url(../images/style1/ecke_li_o.gif);
}
.topright{
background-image:url(../images/style1/ecke_re_o.gif);
}

.middleblock{
background-color:#1A68A0;
}
.naviblock{
background-color:#1A68A0;
}
/***********************************************/

#main{
color:#004080;
}

#footer{
color:#FFFFFF;
background-color:#1A68A0;
}

#leftnavi{
background-color:#1A68A0;
}

.navimarked{
font-family:Verdana,Arial,sans-serif;
font-size:10px;
font-weight:bold;
color:#CCFFFF;
}
#scrollbuttons{
background-color:#1A68A0;
}
#headline_linie{
background-color:#1A68A0;
}
#closeimage{
background-color:#1A68A0;
}
#zoomimage{
border-color:#1A68A0;
}
img.thumbimage{
border-color:#1A68A0;
}

a{
color:#FFFFFF;
}
a:visited{
color:#FFFFFF;
}
a:hover{
color:#004080;
}

a.content{
color:#1A68A0;
}
a.content:visited{
color:#1A68A0;
}
a.content:hover{
color:#004080;
}
a.naviactive{
color:#CCFFFF;
}
a.naviactive:visited{
color:#CCFFFF;
}
a.naviactive:hover{
color:#004080;
}
a.question{
border:1px solid #FFFFFF;
}
a.question:visited{
border:1px solid #FFFFFF;
}
a.question:hover{
border:1px solid #004080;
}
a.questionactive{
border:1px solid #CCFFFF;
color: #CCFFFF;
}
a.questionactive:visited{
border:1px solid #CCFFFF;
color: #CCFFFF;
}
a.questionactive:hover{
border:1px solid #004080;
color: #004080;
}
.listimg{
background-image:url(../images/style1/aufzaehlung.gif);
}
.listback{
background-color:#E6F1F7;
border-color:#1A68A0;
}

/* Pfeile */
.arrow{
border-color:#FFFFFF #FFFFFF  #FFFFFF  #1A68A0;
}

.backarrow{
border-color:#FFFFFF #0080C0  #FFFFFF  #FFFFFF;
}
td.dottedLine{
background-color:#1A68A0;
}
td.vdottedLine{
background-color:#1A68A0;
}

/***********************************************************************/
/* globale styles */
/***********************************************************************/

body{
margin: 0;
padding: 0;
text-align: center;
background: url(../images/style1/bg_style1.gif);
}

/* Boxes */
#container{
margin: 0 auto;
text-align: left;
width: 700px;
height:600px;
}

#headspacer{
width:700px;
height:10px;
}

#topnavi{
width:700px;
height:19px;
text-align:right;
}

.rundunguntenstyle{
width:700px;
height:5px;
}
/* rounded corners */
.cornerbox{
width:700px;
height:5px;
clear:both;
float:none;
}

.bottomleft{
width:5px;
height:5px;
float:left;
}
.bottomright{
width:5px;
height:5px;
float:left;
}

.topleft{
width:5px;
height:5px;
float:left;
}
.topright{
width:5px;
height:5px;
float:left;
}
.toprightwhite{
width:5px;
height:5px;
background-image:url(../images/ecke_re_o.gif);
float:left;
}
.bottomrightwhite{
width:5px;
height:5px;
background-image:url(../images/ecke_re_u.gif);
float:left;
}

.middleblock{
float:left;
width:690px;
height:5px;
}
.naviblock{
float:left;
width:155px;
height:5px;
}
.contentblock{
float:left;
width:535px;
height:5px;
background-color:#ffffff;
}
/******************************/
.horispace{
width:700px;
height:10px;
}

#main{
position: relative;
width:700px;
height:305px;
background:#FFFFFF;
font-family:Verdana,Arial,sans-serif;
font-size:11px;
}

#leftnavi{
width:160px;
height:305px;
float:left;
}

.navi1{
position: relative;
top: 10px;
left:15px;
width:130px;
height:15px;
background: url(../images/pixellinie.gif) repeat-x bottom left;
padding:3px 0px 3px 0px;
}

.navi2{
position: relative;
top: 10px;
left:25px;
width:120px;
height:15px;
background: url(../images/pixellinie.gif) repeat-x bottom left;
padding:3px 0px 3px 0px;
}

#content{
position:relative;
width:500px;
height:305px;
margin-left:185px;
z-index:1;
}
#contentpage{
position:absolute;
left:0px;
top:0px;
width:510px;
height:220px;
margin:10px 0 0  0;
}
#scrollcontainer{
position:relative;
width:490px;
height:215px;
overflow:hidden;
}
#scrollbuttons{
position:relative;
top:0px;
left:460px;
width:21px;
height:22px;
}
#scrolllink{
position:relative;
top:0px;
left:450px;
width:50px;
height:20px;	

}
#footertop{
width:700px;
height:5px;
}

#footer{
width:700px;
height:15px;
text-align:center;
font-family:Verdana,Arial,sans-serif;
font-size:11px;
padding:3px 0px 0px 0px;
}

#thumbimages{
width:120px;
height:230px;
float:left;
margin:11px 0 0  0;
}

#projectdescr{
width:370px;
height:245px;
float:right;
}

#backlink{
width:70px;
height:18px;
position:relative;
top:0px;
left:430px;
}

h1 {
font-family:Verdana,Arial,sans-serif;
font-size:18px;
font-weight:bold;
padding:5px 0px 5px 0px;
margin:0;
text-align:left;
}

#headline_linie{
width:490px;
height:10px;
background-image: url(../images/doppelpunkte.gif);
background-repeat: repeat-x;
clear:right;
}
img.thumbimage{
border:1px;
border-style:dashed;
/*width: 100%;*/
}
#zoomimage{
background-color:#ffffff;
background-image: url(../images/popupdummy.gif);
width:400px;
height:300px;
z-index:200;
position:absolute;
top:0px;
left:0px;
border:2px;
border-style:solid;
visibility:hidden;
cursor:pointer;
}
#closeimage{
float:right;
}

/* Anker */
a{
font-family:Verdana,Arial,sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

a.content{
font-size:11px;
text-decoration:underline;
}
a.content:visited{
font-size:11px;
text-decoration:underline;
}
a.content:hover{
font-size:11px;
text-decoration:underline;
}

a.question{
width:13px;
height:13px;
padding:0px 3px 0px 3px;
}
a.questionactive{
width:13px;
height:13px;
padding:0px 3px 0px 3px;
}
p.listpoint{
 margin: 5px 0px 0px 0px;
 line-height:13px;
}
p.listpoint2{
 margin: 0px 0px 0px 22px;
 line-height:13px;
}
.listback{
border:1px;
border-style:dashed;
}
.listimg{
position:relative;
top:5px;
width:20px;
height:10px;
background-repeat:no-repeat;
float:left;
}
/* Pfeile */
.arrow{
margin-left:0px;
margin-top:2px;
float:left;
border-width:5px 0px 5px 10px;
border-style:solid;
width:0px;
height:0px;
line-height:0px;
}

.backarrow{
/*position:relative;*/
margin-left:0px;
margin-top:2px;
float:left;
border-width:5px 10px 5px 0px;
border-style:solid;
width:0px;
height:0px;
line-height:0px;
}

td{
font-family:Verdana,Arial,sans-serif;
font-size:11px;
}
td.dottedLine{
background-image:url(../images/pixellinie.gif);
background-repeat: repeat-x;;
}
td.vdottedLine{
background-image:url(../images/pixellinie_verti.gif);
background-repeat: repeat-y;
}

td.tablehead{
font-weight:bold;
 vertical-align: top;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}