@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: normal;
    font-family: inherit;
    vertical-align: baseline;
	 	border:0px solid red;
}
ins,var{
	display:inline;
	text-decoration:none;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    color: black;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
@charset "utf-8";

/*--------------------------------------
Gerüst
---------------------------------------*/

html, body, textarea{
	line-height: 18px;
	font-family: Verdana, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	height:100%;
	font-size:12px;
	letter-spacing:0.01em;
}

a, a:link,a:hover, a:visited{
	color:#E1E1E1;
	background-color:#2A644E;
	text-decoration:none;
}

a:hover{
	color: #FFFFFF;
	text-decoration:none;
}

body{
	background-color:#E1E1E1;
	margin:1%;
	margin-top:1%;
	margin-bottom:0;
	height:89%;
	display:block;
}

#Container{
	margin: 0px auto;
	width:98%;
	height:100%;
	display:block;
	min-width:780px;
	min-height:690px;
	position:relative;

}

#Balken{
	float:none;
	clear:both;
	padding-left:15px;
	padding-right:15px;
	padding-bottom: 1%;
	display:block;
	border-bottom:1px solid #2A644E;
	background-color:#FFFFFF;
}

#Picture{
	position:absolute;
	float:none;
	clear:both;
	background-color:#FFFFFF;
	width:100%;
	display:block;
	height:110%;
	* height:92%;
	min-height:680px;
	text-align:center;
	margin:4px;
	margin-left:0;
	margin-right:0;
	z-index:3010;
	color:#2A644E;
	overflow:visible !important;
}

#Picture .TDclass{
	background: #FFFFFF url('../img/logo_seul.jpg') 10px 6px no-repeat !important;
}
#Picture img{
	border:1px solid #2A644E;
}

#BigPicture img{
	border:1px solid #FFFFFF;
}

#left{
	display:block;
	height:70%;
	* height:59%;
	width:40%;
	background-color: #2A644E; 
}
#right{
	width:60%;
	height:70%;
	* height:59%;
	display:block;
	overflow-x:hidden !important;
	overflow-y:auto;
	float:right;
	background-color:#fff;

}
#head{
	float:none;
	clear:both;
	width:100%;
	height:18%;
	min-height:110px;
	display:block;
	background: #FFFFFF url('../img/logo.jpg') 10px 10px no-repeat !important;
}
#foot{
	float:none;
	clear:both;
	height:2%;
	width:100%;
	line-height:2%;
	display:block;
	background-color: #FFFFFF;
}

#pictureblock{
	display:block;
}


span.picture{
	display:block;
	float:left;
	margin:2px;
	height:55px;
	width:55px;
}
span.picture img{
	display:block;
	height:50px;
	width:50px;
	border:1px solid #2A644E;
	z-index:0;
	position:relative;
	_position:absolute;
}
span.pictureA{
	display:block;
	float:left;
	margin:2px;
	margin-left:0px;
	margin-top:0px;
	height:85px;
	width:85px;
}
span.pictureA img{
	display:block;
	height:80px;
	width:80px;
	border:1px solid #FFFFFF;
	z-index:0;
}
span.picture img.selected{
	display:block;
	height:80px;
	width:80px;
	border:1px solid #2A644E;
	z-index:500;
	margin-top:-15px;
	margin-left:-15px;
	position:relative;
	_position:absolute;
}


#pictureblockA span.picture{
	display:block;
	float:left;
	border:1px solid #2A644E;
	margin:16px;
}

.clear{
	float:none;
	clear:both;
	line-height: 0px;
	font-size:0px;
}

#content,.content{
	float:none;
	clear:both;
	display:block;
	padding: 10px;
	font-size: 11px;
	color:#2A644E;
	text-align:justify;
	background-color:#FFFFFF;
}

.contentG{
	display:block;
	padding: 10px;
	padding-left:10px;
	padding-top:0px;
	color:#FFFFFF;
	background-color:#2A644E;
}

.contenthead{
	display:block;
	color: #2A644E;
	padding-top:5px;
	padding-bottom:5px;
	text-indent:5px;
	line-height:15px;
	text-align:right;
	text-align:right;
	font-size:12px;
	letter-spacing:0.02em;
	/* border-right:1px solid #2A644E; */
	background-color: #FFFFFF; 
}
.contenthead2{
	display:block;
	color:#FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	/*text-indent:5px;*/
	line-height:20px;
	height:20px;
	/* float:right; */
	text-align:left;
	font-size:11px;
	letter-spacing:0.02em;
	background-color: #2A644E !important; 
}
div#menu{
	margin-top:75px;
	float:right;
	width: 49%;
	padding-left: 15px;
	background-color: #2A644E; 
}
div#menu2{
	height:25px;
	margin-top:0px;

	width:auto;
	display:block;
	background-color: #2A644E; 
}

ul#nav{
	padding-left: 15px;
	background-color: #2A644E; 
}
ul#nav,ul#nav li{
	list-style-type:none;
	margin:0;
	padding:0;
	background-color: #2A644E; 
}

ul#nav li{
	float:left;
	text-align: left;
	padding-right: 3%;

}
ul#nav a{
	float:left;
	display:block;
	text-decoration:none;
	color: #FFFFFF;
	font-size:11px;
	letter-spacing:0.02em;
}
ul#nav li.activelink a,ul#nav li.activelink a:hover, li a:hover{
	color: #FFFFFF;
}
label{
	float:none;
	clear:both;
	display:block;
	width:100%;
	line-height:16px;
	overflow:hidden;
	padding-bottom: 10px;
}

.h2 { padding: 1em 0 0.5em 0; font-weight: bold; clear: both;}

label em{
	width: 18%;
	float:left;
	display:block;
}
label span{
	width: auto;
	width: 75%;
	float:left;
	display:block;
}
#dhtmltooltip{
	position: absolute;
	width: auto;
	color:#2A644E;
	border: 1px solid black;
	padding: 2px;
	background-color: #FFFFFF;
	visibility: hidden;
	text-align:center;
	z-index: 2010;
	font-size: 10px;
	filter:alpha(opacity=80); /* Transparenz für IE*/
	-moz-opacity:0.8; /* Transparenz für Mozilla */
	opacity:0.8; /* Transparenz für Opera */
}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}