/* CSS from tutorials of www.alsacreations.com/articles */
body {
margin: 10px 0 0 10px;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #CCCCCC; /*white background color*/
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#003300;
	margin:20px 0 20px 0;
	padding:0;
	text-align:center;
}

h2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#006600;
	margin:5px 0 5px 0;
	padding:0;
	text-align:center;

}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003300;
	margin:5px 20px 5px 20px;
	padding:0;
	text-align:center;	
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#009900;
	margin:5px 20px 5px 20px;
	padding:0;
	text-align:center;
}

h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006600;
	margin:0px 20px 0px 20px;
	padding:0;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin: 0 20px 5px 20px;
	text-align:justify;
}

p a:link, p a:visited {
	color:#006600;
	text-decoration:none;	
}

p a:hover {
	color:#CC3300;
	text-decoration:none;	
}

img	{
	border:0;
}
	

ol {
	margin:0;
	padding:0;
}

ul {
	margin:0;
	padding:0;
}

.mainframe { 
width: 800px;
position: absolute;
left: 50%;
margin-left: -385px;
border:1px #003300 solid;
}

.header {
height: 140px;
background-color: #669966;
}

.headertur {
height: 140px;
background-color: #669966;
}

.flags {
height: 28px;
background-color: #669966;
border-bottom:1px #000000 solid;
}

.menucol {
position: absolute;
left:0;
width: 150px;
height: 550px;
background-color:#F1F9F0;
border-right:1px #000000 solid;
}

.frame {
width: 800px;
height: 650px;
background-color:#F1F9F0;
overflow: auto;
}


.footer {
height: 25px;
background-color: #669966;
width:800px;
border-top:1px #000000 solid;
}

.navtext1 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
margin:5px 5px 0 10px;
padding:0;
width:138px;
}

.navtext1 a {
background-color:#F1F9F0;
display:block;
color: #003300;
padding:2px 0px 2px 5px;
text-decoration: none;
border-bottom:1px #F1F9F0 solid;
border-top:1px #F1F9F0 solid;
}

.navtext1 a:hover {
text-decoration: none;
background-color:#006600;
display:block;
color:#FFFF66;
padding:2px 0px 2px 5px;

border-bottom:1px #CCCC00 solid;
border-top:1px #CCCC00 solid;
}

.navtext2 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
margin:0px 5px 0 10px;
padding:0;
width:138px;
}

.navtext2 a {
background-color:#F1F9F0;
display:block;
color: #003300;
padding:2px 0px 0px 15px;
text-decoration: none;
border-bottom:1px #F1F9F0 solid;
border-top:1px #F1F9F0 solid;
}

.navtext2 a:hover {
text-decoration: none;
background-color:#006600;
display:block;
color:#FFFF66;
padding:2px 0px 0px 15px;
border-bottom:1px #CCCC00 solid;
border-top:1px #CCCC00 solid;
}

.flagbox {
	margin:5px 115px 0 115px;
	padding:0;
	text-decoration:none;
}

.smalltext1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	padding:8px 20px 0px 20px;
	margin:0;
}

.smalltext1 a:link, .smalltext1 a:visited {
	color:#333333;
	text-decoration:none;
}
.smalltext1 a:hover {
	color:#FFFFCC;
	text-decoration:none;
}

.bigtext1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#000000;
}

.btextgraybg1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	background:#9AC78B;
	padding:3px;	
}

.bigcent1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:center;
	font-weight:bolder;
}

.boldtext {
	font-weight:bold;
}

.redtext {
	color:#CC0000;
	font-weight:bold;	
}

.memberaresa {
	width:580px;
	margin:10px 10px 5px 30px;
	
}

.membertexttop {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFCC;
	background-color:#003300;
	height:15px;
	padding:2px 20px 2px 20px;
	margin:0;
}

.membertextlight1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	background-color:#FFFFFF;
	height:13px;
	padding:0px 20px 0px 20px;
	margin:0;
}

.membertextlight2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	height:13px;
	padding:0px 20px 0px 20px;
	margin:0;
}

.membertextdark1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;	
	background-color:#CCCCCC;
	height:13px;
	padding:0px 20px 0px 20px;
	margin:0;
}

.membertextdark2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	background-color:#CCCCCC;
	height:13px;
	padding:0px 20px 0px 20px;
	margin:0;
}

.busocc1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background:#9AC78B;
	padding:0 5px;	
	margin:0;
}

.nohorspacep {
	margin:0 30px;
	padding:0;
}

.olist1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	color:#000000;
	margin: 0 30px 10px 50px;
	text-align:justify;
	list-style-type:decimal;
}

.olist2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#000000;
	margin: 0 30px 10px 50px;
	text-align:justify;
	list-style-type:decimal;

}

.ulist1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:normal;
	font-style:normal;
	margin: 0 25px 0 10px;
	text-align:justify;
	list-style:disc;
}

.ulist2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:normal;
	font-style:normal;
	margin: 0 25px 8px 50px;
	text-align:justify;
	list-style:disc;
}

.ulist3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	font-style:normal;
	
	text-align:justify;
	list-style:square;
}

.ulist3 li {
	margin: 5px 25px 5px 20px;
}

.centered {
	text-align:center;
}

.spacer1 {
	margin:15px 20px 0 20px;
}

.spacer2 {
	margin:30px 20px 0 20px;
}

.leftarr {
	float:left;
}

.rightarr {
	float:right;
}

.textindent1 {
	margin:5px 30px 5px 30px
}

.textindent2 {
	margin:5px 30px 5px 60px
}

.parindent1 {
	margin:0px 0px 0px 10px;
}

.rightimg {
	float:right;
	margin:5px 10px 5px 10px;
	border:1px #000033 solid;
}

.rightext {
	float:right;
	margin:0px 20px 0px 40px;
}

.leftind {
	margin:5px 20px 5px 60px
}

.rightarchiv {
	margin:0px 150px 0px 20px;
	float:right;
	clear:right;
}

.leftarchivbold {
	font-weight:bold;
	margin:0px 20px 5px 80px;
}


.rightind {
	float:right;
	margin:5px 70px 5px 20px;
}

.tab1 {
	border:1px #003300 solid;
	border-collapse:collapse;
	margin:10px 20px 10px 20px;
	padding:0;
}

.tab1 td {
	border-right:1px #003300 solid;
	border-bottom:1px #003300 solid;
	height:30px;
	vertical-align:middle;
	text-align:center;
	padding:2px 5px 2px 5px;
	margin:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
}
/* formulare  */
.inputfield {
	border:1px #003300 solid;
	background-color:#F2F2F2;
    color:#000;
	vertical-align:middle;
	margin:5px 0 0 0;
	padding:2px;

}

.buttonfield {
	border:1px #003300 solid;
	background-color:#CCCCCC;
	vertical-align:middle;
	font-weight:bold;
	margin:0;
	padding:2px 10px 2px 10px;
}

.formsarea {
	width:500px;
	margin:0;
	padding:0;
	border:#003300 1px solid;
}

.formsarea input, .formsarea select {
	font-size:12px;
	vertical-align:middle;
}

.shortlabel {
    width:70px;
	margin:9px 0 0 0;
	float:left;
	vertical-align:middle;
}

.shortlabel1 {
    width:150px;
	margin:9px 10px 0 0;
	float:left;
	vertical-align:middle;
	text-align:right;
}

.shortlabel2 {
    width:100px;
	margin:9px 0 0 0;
	float:left;
	vertical-align:middle;
}

.longlabel {
	width:160px;
	margin:9px 0 0 0;
    float:left;
	vertical-align:middle;	
}

.clearspace1 {
	margin:12px 0 0 0;
	padding:0;
	clear:both;
	font-size:1px;
}

.clearspace50 {
	margin:50px 0 0 0;
	padding:0;
	clear:both;
	font-size:1px;
}

.clearspace100 {
	margin:100px 0 0 0;
	padding:0;
	clear:both;
	font-size:1px;
}



