/***********************************************/
/* HTML tag styles                             */
/***********************************************/

html,body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #453f33;
	line-height: 16.84px;
	word-spacing:-0.6px;
	letter-spacing:-0.6px;
	text-align: left;
	font-size: 12px;
	font-weight:normal;
	height: 100%;
	width: 100%;
	margin: 0px 0px 0px 0px;
	background-color: #a29f99;
	overflow:hidden;
}

.ie body{
	
}
.safari body {
	letter-spacing:-.02ex;
	word-spacing:-.02ex;
}

.opera body{
	letter-spacing:-0.2ex;
	word-spacing:0.4ex;
}

p, form, table, form, input, label, div, fieldset, p, tr, td, th, ul, ol, li, object, embed, applet, caption, dl, h1, h2, h3, h4, h5, h6, input, textarea{
background-color:transparent;
padding:0px;
margin:0px;
border:0px;
}

p{padding-bottom:8px;}
 img, div { behavior: url(iepngfix.htc) }
 
 
 /******* hyperlink and anchor tag styles *******/
a:link {

	color:#9da112;
	text-decoration: underline;
}
a:visited {
	color:#9da112;
	text-decoration: underline;
}
a:hover {
	color:#9da112;
	text-decoration: underline;
}
a:active {
	color: color:#9da112;
	text-decoration: underline;}

/***********************************************/
/* Layout Divs     + tabs                            */
/***********************************************/
table.maintable{ 
width: 100%;
	height: 100%;
		background-color: #a29f99;
			overflow:hidden;
		
}

td.maintable{ 

text-align: center;


}
	

#main{
	margin: 0 auto;
	position:relative;
	width: 780px;
	min-height: 600px;
	text-align:center;
	padding:0px;
	background-color: #ffffff;
}

*html #main{
height:600px;
}


#top{
    position:absolute;
	position:0 0;
	width: 780px;
	height: 30px;
	background-image:url(images/corner_top.jpg);
	background-repeat:no-repeat;
}


#container{
	position:absolute;
	left:36px;
	top:30px;
	text-align:left;
}

#header{
	position:absolute;
	top:22px;
	left:0px;
}

#menuholder{
position:absolute;
top:135px;
left:0;
width:200px;
height:300px;
}

#content{
	position:absolute;
	top:152px;
	left:208px;
	text-align:left;
	width:420px;
	overflow:hidden;
}

.safari #content{width:430px;}

#bottom{
    position:absolute;
	bottom:0; left:0;
	width: 780px;
	height: 30px;
	background-image:url(images/corner_bottom.jpg);
	background-repeat:no-repeat;
	background-position:right;
	
}

/***********************************************/
/* fonts                        */
/***********************************************/

h3 {font-weight:bold; letter-spacing:normal; word-spacing:normal; font-size:12px; padding-bottom:5px;}
.boldcolor{font-weight:bold;font-weight:bold;
color:#9da112}

/***********************************************/
/* iamge divs                      */
/***********************************************/
#fernshturm{
position:absolute;
margin:0;
padding:0;
top:30px;
right:-70px;
}    

#blog{
position:absolute;
margin:0;
padding:0;
width:205px;
min-height:100px;
height:100px;
bottom:36px;
left:-26px;
background-image:url(images/blog.png);
overflow:hidden;

}  

#innerblog{
position:absolute;
bottom:50px;
left:-15px;
text-align:left;
width:180px;
text-align:left;
overflow:hidden;
} 

*html #innerblog{
position:absolute;

} 


#profil{
position:absolute;
margin:0;
padding:0;
top:77px;
right:-50px;
}   

#caroline{
position:absolute;
margin:0;
padding:0;
bottom:33px;
width:152px;
height:156px;
left:-21px;
} 

#seminar{
position:absolute;
margin:0;
padding:0;
top:120px;
right:-79px;
} 
	
#diagramm{
position:absolute;
margin:0;
padding:0;
bottom:33px;
left:-21px;
cursor:pointer;
} 	

#ref1{
position:absolute;
margin:0;
padding:0;
width:158px;
height:79px;
top:73px;
right:-30px;
background-image:url(images/ref_window.png);
}  

#ref2{
position:absolute;
margin:0;
padding:0;
width:158px;
height:79px;
top:174px;
right:-30px;
background-image:url(images/ref_window.png);
}

#ref3{
position:absolute;
margin:0;
padding:0;
width:158px;
height:79px;
top:275px;
right:-30px;
background-image:url(images/ref_window.png);
}
#ref4{
position:absolute;
margin:0;
padding:0;
width:158px;
height:79px;
top:376px;
right:-30px;
background-image:url(images/ref_window.png);
}
#ref5{
position:absolute;
margin:0;
padding:0;
width:158px;
height:79px;
top:477px;
right:-30px;
background-image:url(images/ref_window.png);
}

table.ref td{
vertical-align:middle; 
text-align:center;
height:79px; 
width:158px;
}

#impressum{
position:absolute;
margin:0;
padding:0;
top:164px;
right:-78px;
} 
#impressum2{
position:absolute;
margin:0;
padding:0;
top:419px;
right:-78px;
} 

#vorgehen{
position:absolute;
margin:0;
padding:0;
top:-123px;
right:-37px;
background-image:url(images/vorgehen.png);
background-repeat:no-repeat;
width:143px;
 height:862px;  
}


#vorgehen2{
position:absolute;
top:30px;
left:0;
height:540px;
width:780px;
}
table.vorgehen2 {
height:100%;
width:100%;
text-align:center;
vertical-align:middle;
}

/***********************************************/
/* menu                       */
/***********************************************/

#menuholder img{
margin-top:20px;
}

#submenu{

}

#submenu img{
margin-top:7px;
margin-left:50px;
}


/***********************************************/
/* lightbox                      */
/***********************************************/

#lightbox{
	background-color:#fff;
	padding: 10px;
	border: 1px solid #322d23;
	
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}