* {
	margin: 0; 
	padding: 0;
}

body
{
font: normal 90.01% Arial,Helvetica,sans-serif;
color: #333;
line-height: 150%;
margin-top: 0px;
background: #ffffff url('images/bg.gif') top center repeat-x;
}

#border
{
border: 0px ;
width: 770px;
background-color: #FFFFFF;
background:url('images/balken.gif') no-repeat;
margin: 0 auto;
}

#headerimage
{
height: 100px;
width:743px;
margin-left:-2px;
}

#liveloopingheadline	{
	margin: -50px 500px 0 0;
	font-size: 250%;
	color: #fff;
}

#content
{
padding: 0em 1em;
max-width: 740px;
background-color: #FFFFFF;
}

* html #content {height:1%}
* > html #content {height:auto}

#container
{
	width: 740px;
	margin: 0px auto;
	background-color: #ffffff;
	border: 0px solid #669900;
}

.contentleft {
	padding-top: 25px;
	padding-left: 10px;
	margin:auto;
	width: 45%;
	float: left;
	overflow: hidden;
	font-size:0.9em;
}

#contentright{
	float:right;
	width:45%;
	padding-top: 25px;
	padding-left: 10px;
	font-size:0.9em;
	/*background: #ffffff url('images/contentright.gif') top center no-repeat;*/
}

#contentright ul, #contentright li {
	text-align:center;
	list-style: none;
	margin: 0;
	padding: 0;
}

#contentright a {
	border-bottom: none;
	color:#999999;
	float: right;
	font-style: italic;
}

#contentright h3{
	text-align: center;
	position:static;
}

#contentright a:link, a:visited{
	color:#999999;
	text-align: right;
}

#contentright a:hover, a:active{
	color:#5B8FBE;
	text-align: right;
}



#footer
{
	text-align: center;
	height: 30px;
	background-color: #E7F2FE;
	background: #ffffff url('images/footer.gif') top center repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 50px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	clear: both;
	font-size:80%;
	line-height: 120%;
}

a.menualt	{
	font-size:95%;
	text-decoration: none;
	padding: 2px 3px 2px 3px;
	background-color: #EEE;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: #CCC;
}

.menu {
	font-size: 120%;
	font-weight: bold;
	color: #999;
	padding-right: 25px;
}

a:active,
a:visited,
a:link	    			{ color: #000000; text-decoration: none; }
a:hover					{ color: #3333FF; text-decoration: none; }

a.menu {
	font-size: 120%;
	font-weight: bold;
	color: #999;
	padding-right: 25px;
}

a.menu:hover	{
	text-decoration: underline;
}

a.au	{
	text-decoration: underline;
}

.menuhighlighted	{
	font-size: 120%;
	text-decoration: none;
	font-weight: bold;
	padding-right: 25px;
}



#topmenu {
	position: relative;
	top: 8px;
	left: 20px;
	width: 742x;
	font-size:80%;
	height: 41px;
}

#topmenuright {
	position: absolute;
	top: 0px;
	right: 20px;
}
#username {
	font-size: 120%;
	font-weight: bold;
	color: #999;
	padding-right: 25px;
}



/* ~~~~~~~~~ Headings ~~~~~~~~~ */    
h1
{
	font-size: 120%;
	color: #06F;
}
h2{
	font-size: 105%;
}
h3{
	color:#06F;
	font-family:geneva,arial,sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	word-spacing:3px;
	letter-spacing:3px;
	font-size:1em;
	font-weight:bold;
	padding:0 2px;
	margin:0;
}
H3.h3a	{
	font-size:0.85em;
	line-height: 130%;
}

P	{  
	text-align: justify;
	padding-bottom: 1em;
	line-height: 130%;
	font-size:90%;
}
p.headline	{
	font-size:95%;
	font-weight:bold;
}

/*.widgetheader {background-image:url('images/Portlet_oben.jpg'); background-repeat:no-repeat; color: #666; font-weight:bold;  text-align:left; padding:3px 10px 3px 15px; text-align:center;}*/
.widgetheader {background-image:url('images/Portlet_oben.jpg'); background-repeat:no-repeat; background-position: 0px 13px;}
.widgetcontent {background-image:url('images/Portlet_mitte.jpg'); background-repeat:repeat-y; font-size:85%; text-align:justify; color: #666; padding:5px 10px 3px 10px; line-height:12px; }
.widgetfooter {background-image:url('images/Portlet_unten.jpg'); background-repeat:no-repeat; height:20px; margin-bottom: -5px;}
.widgetcontent img {margin: 0px auto 3px; display:block}

td	{
	vertical-align: top;
	font-size: 85%;
	line-height: 120%;
	padding: 5px;
}

.calendarcountries {
  font-size: 11px;
  color: #000;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}


/* styles for tabs ---------------------------------------------------------------------------- */
.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	/*width:		100%;*/
}

.dynamic-tab-pane-control .tab-row .tab {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	cursor:			Default;
	display:		inline;
	margin:			1px -5px 1px 5px;
	float:			left;
	padding:		3px 6px 3px 6px;
	background:		rgb(234,242,255);
	border:			1px solid;
	border-color:	rgb(120,172,255);
	border-left:	0;
	border-bottom:	0;
	border-top:		0;
	
	cursor:			hand;
	cursor:			pointer;
	
	z-index:		1;
	position:		relative;
	top:			0;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	border:			1px solid rgb(120,172,255);
	border-bottom:	0;
	z-index:		3;
	padding:		2px 6px 5px 6px;
	margin:			1px -6px -2px 0px;
	top:			-2px;
	background:		white;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			13px;
	color:				rgb(0,66,174);
	text-decoration:	none;
	cursor:			hand;
	cursor:			pointer;	
}

.dynamic-tab-pane-control .tab-row .hover a {
	color:	rgb(0,66,174);
}

.dynamic-tab-pane-control .tab-row .tab.selected a {
	font-weight:	bold;
}

.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid rgb(120,172,255);
	border-bottom: 	#99ccff 2px solid; 
	border-right: 	#99ccff 2px solid; 
	background:		White;
	z-index:		2;
	position:		relative;
	top:			-2px;
	color:			Black;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		13px;
	padding:		1px;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
	background:		#FFFFFF;
	height:			1.85em;
	width:			100%;
}

.hrblau	{
	color: #99ccff;
	height: 1px;
}
.input
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color: #000022;
}	
.button {
  background-color: #99CCFF;
  border-color: #f1f3f8 #93b49d #93b49d #f1f3f8;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 1px;
  height: 22px;
  font-size: 10pt;
  font-weight:normal;
  font-style: normal;
}	

table {
font-size: 100%; 
border-spacing: 1;
border-collapse: collapse;
}
th,
td {
padding: 10px;
vertical-align: top;
}
caption {
padding-bottom: 0.5em;
}
td p,
td ul {
margin-top: 0;
}
/*
table {
border-bottom: solid 1px #7b8689;
border-right: solid 1px #7b8689;
}
th {	
border-top: solid 1px #7b8689; 
border-left: solid 1px #7b8689; 
}
td {
border-top: solid 1px #7b8689;
border-left: solid 1px #7b8689;
	}
*/

	
/* common tags for rounded corners that can be used for many panels */
b.R1{margin: 0 5px;}
b.R2{margin: 0 3px;}
b.R3{margin: 0 2px;}

/* box1 (leftmenu) */
div.Box1 {position:relative; background: #701d0d;} /* adjust the position, size and colour of the panel here */
div[class="Box1"] {height:auto; min-height:20px;} /* adjust the minimum height of the panel here for mozilla only */
b.RT1 b, b.RB1 b{display:block;height: 1px; overflow: hidden; background: #701d0d} /* adjust the colour of the panel top and bottom here */
b.RT1, b.RB1{display:block;background: #a12c18;} /* adjust the background colour here */
div.RContent1 {padding-left: 20px; position:relative; top:0px; left:0px; margin: 0 auto; margin-top:10px; margin-bottom:10px; text-align:left; color:#333333;} /* adjust the content width (to be slightly less than the panel width to get a margin), height and text alignment of the content here */
div[class="RContent1"] {height:auto; min-height:20px;} /* adjust the minimum height of the panel here for mozilla only */
b.RT1 b.R4, b.RB1 b.R4{margin: 0 1px; height:2px;}

/* box2 (content boxes) */
div.Box2 {position:relative; width:100%; background: #D34B01;} /* adjust the position, size and colour of the panel here */
div[class="Box2"] {height:auto; min-height:20px;} /* adjust the minimum height of the panel here for mozilla only */
b.RT2 b, b.RB2 b{display:block;height: 1px; overflow: hidden; background: #D34B01;} /* adjust the colour of the panel top and bottom here */
b.RT2, b.RB2{display:block;background: #a12c18;} /* adjust the background colour here */
div.RContent2 {padding-left: 20px;position:relative; top:0px; left:0px; display:block; margin: 0 auto; margin-top:10px; margin-bottom:10px; padding-right: 20px; text-align:left; color:#FFF;} /* adjust the content width (to be slightly less than the panel width to get a margin), height and text alignment of the content here */
div[class="RContent2"] {height:auto; min-height:20px;} /* adjust the minimum height of the panel here for mozilla only */
b.RT2 b.R4, b.RB2 b.R4{margin: 0 1px; height:2px;}