/* CSS Document */



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e22a75;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #e22a75;
}
a:hover {
	text-decoration: underline;
	color: #e22a75;
}
a:active {
	text-decoration: none;
	color: #e22a75;
}

h1 {
font-size: 2em;
color: #fff;
margin: 0px 0 10px 0;
font-weight: normal;
width:300px;
margin:10px;
}

h2 {
font-size: 1.3em;
color: #e22a75;
margin: 0px 0 10px 0;
font-weight: normal;
width:300px;
margin:10px;
}

h3 {
font-size: 1.3em;
color: #e22a75;
margin: 0px 0 0px 0;
font-weight: normal;
vertical-align:bottom;
width:300px;
margin-bottom:3px;
}

h4 {
font-size: 1.2em;
color: #ffffff;
margin: 0px 0 0px 0;
font-weight: normal;
vertical-align:bottom;

margin-bottom:3px;
}

h5 {
font-size: 1.0em;
color: #e22a75;
margin: 0px 0 0px 0;
font-weight: normal;
vertical-align:bottom;
margin-bottom:3px;
}


h6 {
font-size: 1.1em;
color: #ffffff;
margin: 0px 0 0px 0;
font-weight: normal;
vertical-align:bottom;
margin-bottom:3px;
}

.Stil1 {font-size: 9px}

#login {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:middle;
	height:100%;
	width:100%;
}
#login a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e22a75;
}
#login a:link {
	text-decoration: none;
}
#login a:visited {
	text-decoration: none;
	color: #e22a75;
}
#login a:hover {
	text-decoration: underline;
	color: #e22a75;
}
#login a:active {
	text-decoration: none;
	color: #e22a75;
}

#login table {

}

#login tr {

}

#login span {
vertical-align:middle;
font-size:11px;
font-weight:bold;
}

#login input {
font-size: 12px;
size: 30px;
}


#copyright {
vertical-align:middle;
font-size:10px;
color:#808080;
}

.Stil1 {font-size: 11px; font-style: normal; line-height: normal; font-variant: normal; color: #FFFFFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}

#ContainerBottom {
clear: both;
position: relative;
width: 100%;
/* background: #fff url(img/bg_container_bottom.gif) 0 0 repeat-x; */
}

/* Page Footer */
#Footer {
color:#000;
width: 980px;
margin: 0 auto;
padding: 15px 0 20px 0;
}
#Footer p {
width: 820px;
font-size: 0.85em;
color: #000;
line-height: 1.8em;
margin-left: 20px;
}
#Footer .Small {
font-size: 0.8em;
color: #000;
}
#Footer a, #Footer a:link, #Footer a:active, #Footer a:visited {
text-decoration: none;
color: #000;
margin: 0;
}
#Footer a:hover {
color: #000;
}

#image5 li {
	vertical-align:middle;
	margin:0px;
	max-height:50px;
}

#image1 li {
	border: 1px solid #C0C0C0;
	float:left;
	vertical-align:middle;
	margin:0px;
	max-height:50px;
}

	ul#thumbs1, ul#thumbs1 li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs1 li{
		float:left;
		padding:0px;
		margin:1px;
		margin-bottom:1px;
	}
	ul#thumbs1 a{
		display:block;
		float:left;
		width:100px;
		min-height:30px;
		line-height:3px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs1 a img{
		float:left;
		position:absolute;
		top:0px;
		left:0px;	
	}
	
	
	ul#thumbs1 a:hover{
	}
	ul#thumbs1 a:hover img{
	
	}	

	ul#thumbs1:after, li#thumbs1:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	ul#thumbs1, li#thumbs1{
		display:block;
		}
	/*  \*/
	ul#thumbs1, li#thumbs1{
		min-height:1%;
		}
	* html ul#thumbs1, * html li#thumbs1{
		height:1%;
		}	
			
	p.thumbs1{
		float:left;
		margin:.5em 0;
		margin-right:10px;
		border:1px solid #999;	
		padding:2px;
	}
	p.thumbs1 a{
		display:block;
		float:left;
		width:110px;
		height:85px;
		line-height:50px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	p.thumbs1 a img{
		float:left;
		position:absolute;
		top:0px;
		left:0px;	
	}
	
	p.thumbs1 a:hover{
		overflow:visible;
		z-index:1000;
		border:none;		
	}
	p.thumbs1 a:hover img{
		border:1px solid #999;	
		background:#fff;
		padding:2px;			
	}	


#image2 li {
	border: 1px solid #C0C0C0;
	float:left;
	vertical-align:middle;
	max-height:85px;
	
	
}
	ul#thumbs2, ul#thumbs2 li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs2 li{
		float:left;
		margin-right:10px;
		border:1px solid #C0C0C0;
		padding:0px;
		margin:5px;
		margin-bottom:30px;
	}
	ul#thumbs2 a{
		display:block;
		float:left;
		width:110px;
		height:85px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs2 a img{
		float:left;
		position:absolute;
		top:0px;
		left:0px;	
	}
#image li {
	border: 1px solid #C0C0C0;
	float:left;
	vertical-align:top;
	margin-right:5px;
	max-height:85px;
	
	
}

	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li{
		float:left;
		padding:0px;
		margin:3.5px;
		margin-bottom:20px;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width: 104px;
		height:85px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		top:0px;
		left:0px;	
	}
	
	
	ul#thumbs a:hover{
	}
	ul#thumbs a:hover img{
	
	}	

	ul#thumbs:after, li#thumbs:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	ul#thumbs, li#thumbs{
		display:block;
		}
	/*  \*/
	ul#thumbs, li#thumbs{
		min-height:1%;
		}
	* html ul#thumbs, * html li#thumbs{
		height:1%;
		}	
			
	p.thumb{
		float:left;
		margin:.5em 0;
		margin-right:10px;
		border:1px solid #999;	
		padding:2px;
	}
	p.thumb a{
		display:block;
		float:left;
		width:110px;
		height:85px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	p.thumb a img{
		float:left;
		position:absolute;
		top:0px;
		left:0px;	
	}
	
	p.thumb a:hover{
		overflow:visible;
		z-index:1000;
		border:none;		
	}
	p.thumb a:hover img{
		border:1px solid #999;	
		background:#fff;
		padding:2px;			
	}	




.rahmen_normal {
font-family:Verdana;
font-size:10px;
font-style:normal;
line-height:normal;
color:#CCC;
}

#rahmen {
font-size:10px;
font-style:normal;
line-height:normal;
color:#CCC;
}

.btn { 
	position: relative; 
	background: #aaa; 
	padding: 5px; 
	float: left; 
	color: #fff; 
	text-decoration: none; 
	cursor: pointer; 
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
} 

.btn * { font-style: normal; background-image: url(img/btn2.png); background-repeat: no-repeat; display: block; position: relative; color: #fff; text-decoration: none; } 
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; color: #fff; text-decoration: none;} 
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; text-decoration: none;} 
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; text-decoration: none;} 
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; text-decoration: none;} 
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; text-decoration: none;} 
.btn.blue { background: #2ae; color: #fff; text-decoration: none;} 
.btn.green { background: #9d4; color: #fff; text-decoration: none;} 
.btn.red { background: #e20006; color: #fff; text-decoration:none;}
.btn.black { background: #000; color: #fff; text-decoration:none;}

.btn.pink { background: #EC5F89; color: #fff; text-decoration: none;} 
.btn:hover {  text-decoration: none; background-color: #E32B75; color: #fff; } 
.btn:active { background-color: #444; color: #fff; text-decoration: none;} 
.btn[class] { background-image: url(img/shade.png); background-position: bottom; text-decoration: none;} 


.btn2 { 
	position: relative; 
	background: #aaa; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	float: left; 
	color: #fff; 
	text-decoration: none; 
	cursor: pointer; 
} 

.btn2 * { font-style: normal; background-repeat: no-repeat; display: block; position: relative; color: #fff; text-decoration: none; } 
.btn2 i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; color: #fff; text-decoration: none;} 
.btn2 span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; text-decoration: none;} 
.btn2 span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; text-decoration: none;} 
.btn2 span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; text-decoration: none;} 
* html .btn2 span, * html .btn2 i { float: left; width: auto; background-image: none; cursor: pointer; text-decoration: none;} 
.btn2.blue { background: #2ae; color: #fff; text-decoration: none;} 
.btn2.green { background: #9d4; color: #fff; text-decoration: none;} 
.btn2.pink { background: #EC5F89; color: #fff; text-decoration: none;} 
.btn2:hover {  text-decoration: none; background-color: #E32B75; color: #fff; } 
.btn2:active { background-color: #444; color: #fff; text-decoration: none;} 
.btn2[class] { background-image: url(img/shade.png); background-position: bottom; text-decoration: none;} 


.btn3 { 
	position: relative; 
	background: #aaa; 
	padding: 5px; 
	float: left; 
	color: #fff; 
	text-decoration: none; 
	cursor: pointer; 
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
} 

.btn3 * { font-style: normal; background-image: url(img/btn2.png); background-repeat: no-repeat; display: block; position: relative; color: #fff; text-decoration: none; } 
.btn3 i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; color: #fff; text-decoration: none;} 
.btn3 span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; text-decoration: none;} 
.btn3 span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; text-decoration: none;} 
.btn3 span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; text-decoration: none;} 
* html .btn3 span, * html .btn3 i { float: left; width: auto; background-image: none; cursor: pointer; text-decoration: none;} 
.btn3.blue { background: #2ae; color: #fff; text-decoration: none;} 
.btn3.green { background: #9d4; color: #fff; text-decoration: none;} 
.btn3.pink { background: #EC5F89; color: #fff; text-decoration: none;} 
.btn3:hover {  text-decoration: none; background-color: #E32B75; color: #fff; } 
.btn3:active { background-color: #444; color: #fff; text-decoration: none;} 
.btn3[class] { background-image: url(img/shade.png); background-position: bottom; text-decoration: none;} 



.btn4 { 
	position: relative; 
	background: #aaa; 
	padding: 1px; 
	float: left; 
	color: #fff; 
	text-decoration: none; 
	cursor: pointer; 
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
} 

.btn4 * { font-style: normal; background-image: url(img/btn2.png); background-repeat: no-repeat; display: block; position: relative; color: #fff; text-decoration: none; } 
.btn4 i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; color: #fff; text-decoration: none;} 
.btn4 span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; text-decoration: none;} 
.btn4 span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; text-decoration: none;} 
.btn4 span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; text-decoration: none;} 
* html .btn4 span, * html .btn4 i { float: left; width: auto; background-image: none; cursor: pointer; text-decoration: none;} 
.btn4.blue { background: #2ae; color: #fff; text-decoration: none;} 
.btn4.green { background: #9d4; color: #fff; text-decoration: none;} 
.btn4.pink { background: #EC5F89; color: #fff; text-decoration: none;} 
.btn4:hover {  text-decoration: none; background-color: #E32B75; color: #fff; } 
.btn4:active { background-color: #444; color: #fff; text-decoration: none;} 
.btn4[class] { background-image: url(img/shade.png); background-position: bottom; text-decoration: none;} 




.example {	
	float: left;		
	width: 230px;
}

.wrapper {
	/* Centering button will not work, so we need to use additional div */
	margin: 0 auto;
}

div.button {
	height: 29px;	
	width: 133px;
	background: url(button.png) 0 0;
	
	font-size: 14px;
	color: #C7D92C;
	text-align: center;
}

div.button.hover {
	background: url(button.png) 0 56px;
	color: #95A226;	
}

#link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}
#link a:link {
	text-decoration: none;
}
#link a:visited {
	text-decoration: none;
	color: #fff;
}
#link a:hover {
	text-decoration: underline;
	color: #fff;
}
#link a:active {
	text-decoration: none;
	color: #fff;
}
#texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
#texte a:link {
	text-decoration: none;
}
#texte a:visited {
	text-decoration: none;
	color: #e22a75;
}
#texte a:hover {
	text-decoration: underline;
	color: #e22a75;
}
#texte a:active {
	text-decoration: none;
	color: #e22a75;
}

#textlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e22a75;
}
#textlink a:link {
	text-decoration: none;
}
#textlink a:visited {
	text-decoration: none;
	color: #e22a75;
}
#textlink a:hover {
	text-decoration: underline;
	color: #e22a75;
}
#textlink a:active {
	text-decoration: none;
	color: #e22a75;
}

.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #E32B75;
	text-decoration: none;
}


.headline_1 {
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #E32B75;
	text-decoration: none;
}

.headline_2 {
	font-family: arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

.headlinewhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.fliesstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

.fliesstext_grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color:#A0A0A4;
	text-decoration: none;
}

.fliesstext_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

.fliessbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

.fliessnormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

.fliesstextwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.fliesstextwhitebold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
}


/* CSS MENUE-BUTTON ACP */

ul, li{margin:0; border:0; padding:0; list-style:none;}
#middlebar{
font-size:11px;
color:#3b5d14;
background:#90b557;
font-weight:bold;
padding:4px;
height:30px;
}
#middlebar .menu li {
background:url(lm.png) left top no-repeat;
height:30px;
float:left;
margin-right:10px;
}
#middlebar .menu li a{
color:#3b5d14;
text-decoration:none;
padding:0 10px;
height:30px;
line-height:30px;
display:block;
float:left;
padding:0 26px 0 10px;
background:url(rm.png) right top no-repeat;
}
#middlebar .menu li a:hover{
color:#666666;
}


/* CSS SUB-MENUE-BUTTON ACP */

#middlebar ul .submenu {
border:solid 1px #c9dea1;
border-top:none;
background:#FFFFFF;
position:relative;
top:4px;
width:150px;
padding:6px 0;
clear:both;
z-index:2;
display:none;
}
#middlebar ul .submenu li{
background:none;
display:block;
float:none;
margin:0 6px;
border:0;
height:auto;
line-height:normal;
border-top:solid 1px #DEDEDE;
}
#middlebar .submenu li a{
background:none;
display:block;
float:none;
padding:6px 6px;
margin:0;
border:0;
height:auto;
color:#105cbe;
line-height:normal;
}
#middlebar .submenu li a:hover{
background:#e3edef;
}


.menu span{border:solid 1px #EFEFEF; padding:4px 2px 4px 6px; border-bottom:none; margin-right:10px; line-height:18px;}
	.menu span a{font-weight:bold;}
	.menu span:hover{border:solid 1px #DEDEDE; border-right:1px solid #999999; border-bottom:none;}
	.arrow{margin-left:4px; cursor:pointer; }
.sub_menu{display:none; position:relative; border:solid 1px #DEDEDE; border-top:none; border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:10px; top:2px; width:120px; background:#FFFFFF;}
	.sub_menu a:link, .sub_menu a:visited, .sub_menu a:hover{display:block; font-size:11px; padding:4px;}
.item_line{border-top:solid 1px #DEDEDE;}


#jsddm
{	margin: 0;
	padding: 0;
}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Arial;
		font-weight:bold;
		width:auto;
	}

	.color1
	{
			background: #eb608a; /* Hell Rosa */
	}
	.color2
	{
			background: #ffbf2f; /* Gelb */
	}
	.color3
	{
			background: #e52d77; /* Dunkel Rosa */
	}
	.color4
	{
			background: #eb608a; /* Hell Rosa */
	}
	.color5
	{
			background: #ffbf2f; /* Gelb */
	}
	.color6
	{
			background: #e52d77; /* Dunkel Rosa */
	}
	.color7
	{
			background: #eb608a; /* Hell Rosa */
	}
	.color8
	{
			background: #ffbf2f; /* Gelb */
	}
	.color9
	{
			background: #e52d77; /* Dunkel Rosa */
	}
	.color10
	{
			background: #eb608a; /* Hell Rosa */
	}
	.color11
	{
			background: #ffbf2f; /* Gelb */
	}
	.color12
	{
			background: #e52d77; /* Dunkel Rosa */
	}
	
	
	#jsddm li a
	{	display: block;
		padding: 5px 10px;
		text-decoration: none;
		border-right: 1px solid white;
		color: #ffffff;
		width:auto;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #c0c0c0}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: 150px;
				color: #ffffff;

			}
			
			#jsddm li ul li a:hover
			{	
			background: #c0c0c0
			}
			
			
	       li.headlink ul { 
		   padding:0;
		   margin:0;
		   display: none; 
		   }
       		li.headlink:hover ul { 
			position:absolute;
			background-color:#fff;
			width:220px;
			padding:0px;
				border: 1px solid #C0C0C0;

			}
			
				/* General */
	#cssdropdown, #cssdropdown ul { list-style: none; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	
	/* Head links */
	#cssdropdown li.headlink { float: left; margin-left: 0px; border: 0px black solid; background-color: #fff; text-align: center; }
	#cssdropdown li.headlink a { display: block; padding: 0px; }

	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; margin-top:-5px; margin-left:5px; border: 1px solid #C0C0C0; text-align: left; }
	#cssdropdown li.headlink:hover ul { display: block; margin-top:-5px; }
	#cssdropdown li.headlink ul li a { padding: 10px; height: 14px; }
	#cssdropdown li.headlink ul li a:hover { background-color: #ebebeb }





#screenoverlay
{
	background-color: #000000; /* The color to display*/

	/* The transparency of the background */
	opacity: .75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	position: absolute;
	left: 0px;
	top: 0px;
	margin:auto;

	width: 100%;
	height: 100%;
	vertical-align:middle;
	text-align:center;
	/* Set the overlay so it appears above the page content */
	z-index: 1000;
	
}
#topbox
{
	position: absolute;

	/* Default positioning, that will be overridden by the javascript */
	left: 30%;
	top: 20%;
	margin:auto;

	padding: 5px;
	width: 490px;
	height: 490px;
	background-image:url(img/bg_scherschule.png);

	/*Must use a z-index greater than the screen overlay*/
	z-index: 1001;
}


#screenoverlay_1
{
	background-color: #000000; /* The color to display*/

	/* The transparency of the background */
	opacity: .75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align:center;
	margin:auto;


	/* Set the overlay so it appears above the page content */
	z-index: 1000;
}
#topbox_1
{
	position: absolute;
	text-align:left;
	/* Default positioning, that will be overridden by the javascript */
	left: 30%;
	margin:auto;

	top: 20%;
	padding: 5px;
	width: 490px;
	height: 490px;
	background-image:url(img/bg_hundesalon.png);

	/*Must use a z-index greater than the screen overlay*/
	z-index: 1001;
}


#saveOrt
{
	text-align:left;
	z-index: 1001;
	visibility:hidden;
}
#saveOrt_1
{
	text-align:left;
	z-index: 1001;
	visibility:hidden;
}

/* Toolbar */
.toolbar1   { height: 26px; background-image: url(../images/background_silver.jpg); }
/*.toolbar1   { height: 26px; background-color: #F4F4F4; border-bottom:1px solid #C9C9C9; }*/

/* Command Buttons */
.buttonEditor     { width: 20px; height: 20px; border: 0px solid transparent; margin: 1px; padding: 0px; background: transparent; }
.buttonEditorOver { width: 20px; height: 20px; border: 1px solid #999999; margin: 0; padding: 0px; }

/* Table Textarea */
.tableTextareaEditor { border: 1px solid #888888; }
.iframeText { background-color: #FFFFFF; }

/* Status Bar */
.wysiwyg-statusbar {font-family: Arial; font-size: 9px; background-color: #EEEEEE;}
a.wysiwyg-statusbar {font-family: Arial; font-size: 9px; color: #000000; text-decoration:none;}
a.wysiwyg-statusbar:hover {font-family: Arial; font-size: 9px; color: #000000; text-decoration:underline;}

/* Font Type and Size Drop Down */
.dropdown          { background-color: #FFFFFF; border: 1px solid #333333; height: 140px; overflow: auto; padding: 1px;}
button.mouseOver   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px; cursor: default; text-align: left;}
button.mouseOut    { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 3px; cursor: default; text-align: left;}

/* Context Menu */
.wysiwyg-context-menu-div { background-color:#F4F4F4; border: 1px solid #C9C9C9; width:170px; }
.wysiwyg-context-menu { font-family: Arial; font-size:11px; color:#000000; width:100%;}
.wysiwyg-context-menu .icon {background-color:#EEEEEE;}
.wysiwyg-context-menu .disabled { font-family: Arial; font-size:11px; color:#999999; text-decoration:none; padding-left: 3px; }
.wysiwyg-context-menu a { font-family: Arial; font-size:11px; color:#000000; text-decoration:none; padding-left: 3px;}
.wysiwyg-context-menu .mouseover {background-color: #EEEEEE;}


/* CREATE TABLE POPUP */

/* Select Border Width/Type */
.on   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 6px; width: 140px; cursor: default; height: 5px;}
.off  { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 6px; width: 140px; cursor: default; height: 5px;}

/* Select Shading/Border Color */
.wysiwyg-color-picker-table  { border: 1px solid #7E7E81; background-color: #F7F7F7; padding: 1px; }
.wysiwyg-color-picker-div    { font-size: 1px; height:12px; width:12px; }
.selectColorBorder { border: 1px solid #F7F7F7; }
.selectColorOn     { border: 1px solid #999999; background-color: #CCCCCC; }
.selectColorOff    { border: 1px solid #F7F7F7; background-color: #F7F7F7; }

#lang_top {
	width: 175px; 
	height:30px; 
	position:absolute; 
	margin-top:-20px; 
	background: url(img/bg_lang.png) 0 0 no-repeat; 
	margin-left:0px;
}