* {padding:0;margin:0; }   /*   */
body.green {background-color:#FFFFFF;background:#fff url(/img/body-bg.gif) repeat-x 0 1px; 
font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size: 12px;}

.paddingTop20 {padding-top:20px}
.paddingTop40 {padding-top:40px}
.paddingTop50 {padding-top:50px}
.paddingTop60 {padding-top:60px}
.paddingTop80 {padding-top:80px}
.paddingTop100 {padding-top:100px}

.marginTop10 {margin-top: 10px}

.image-caption1010 { width: 458px;height: 351px; position: relative; padding: 0px; margin: 0px;}  
.image-caption1010 img {border: 1px solid #333; }

.image-caption1010 p {clear: both; padding: 5px; width: 458px; filter: alpha(opacity=70); opacity: 0.7; background: #000; color: #fff; margin-top: 0px; }
.image-caption1010 a { color: #fff; text-decoration: underline; }
.image-caption1010 a:hover { font-style: italic; }

.clearboth {clear: both;}
.centercontainer {position:relative;margin-left:auto;margin-right:auto;width:880px;}
.wolke {background:url(/img/wolken-bg.gif) no-repeat top center;}

.footer2011 {float: left; margin-right:30px; width:206px;}
.footer2011 h3 {color:#B58803;font-size:14px;font-weight:bold;}
.footer2011 h4 {margin-bottom: 3px; margin-top: 16px}
.footer2011 a { color:#B58803;font-size:12px;font-weight:bold }
.footer2011 span {color:#B58803;display:block;font-size:0.9em;}
.footer2011 ul {padding-left: 0px; list-style: none;}


div.auto_complete    {
     position         :absolute;
     width            :250px;
     background-color :white;
     border           :1px solid #888;
     margin           :0px;
     padding          :0px;
     z-index          : 10; 
} 
div.auto_complete ul  { padding-left: 4px }
div.auto_complete ul li {list-style-type:none; }
form.flatform label  { display: inline; vertical-align: bottom; font-size: 100%}
form.flatform input { display: inline; vertical-align: bottom;}
form.flatform select { clear: both; font-size: 100%; vertical-align: bottom;}
form.flatform option { font-size: 100%; padding: 0 3px; vertical-align: bottom; }
form.flatform input[type=submit] { display: inline; font-size: 100%; padding: 0px; width: auto; vertical-align: bottom;}

table tr td {
	background: #fff;
	padding: 1px;
	text-align: left;
	vertical-align: top;
}

.external-link { background: transparent url(/img/external.png) no-repeat scroll right center; padding-right: 12px;}

a img { border:none; }

.hint {	display: none; position: absolute; right: -50px; width: 200px; margin-top: -4px; border: 1px solid #c93;
    padding: 10px 12px; background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer { position: absolute; left: -10px; top: 5px; width: 10px; height: 19px;
    background: url(pointer.gif) left top no-repeat;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	background:#fff;
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/* Forms see generic.css */
form { clear: both; margin-right: 5px; 	padding: 0; }
fieldset { border: 1px solid #ccc; margin-top: 30px; padding: 16px 20px; }
fieldset legend { background:#fff; color: #e32; font-size: 160%; font-weight: bold; }
fieldset fieldset { margin-top: 0px; margin-bottom: 20px; padding: 16px 10px; }
fieldset fieldset legend { font-size: 120%; font-weight: normal; }
fieldset fieldset div { clear: left; margin: 0 20px; }
form div { clear: both; padding: .2em; vertical-align: text-top; }
form div.input { color: #444; }
form div.required { color: #333; font-weight: bold; }
form div.submit { border: 0; clear: both; margin-top: 10px; }
label {	display: block; font-size: 90%; padding-right: 20px; }
form  div input, form div textarea { clear: both; font-size: 100%; font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px; width: 100%; }
input:focus, textarea:focus, select:focus {background-color: lightyellow; color: black; }

select { clear: both; font-size: 100%; vertical-align: text-bottom; }
select[multiple=multiple] { width: 100%; }
option { font-size: 120%; padding: 0 3px; }
input[type=checkbox] { clear: left; float: left; margin: 0px 6px 7px 2px; width: auto; }
input[type=radio] { float:left; width:auto; margin: 0 3px 7px 0; }
div.radio label { margin: 0 0 6px 20px; }
input[type=submit] { display: inline; font-size: 110%; padding: 2px 5px; width: auto; vertical-align: bottom;}


.boxTwo { padding: 10px; border-radius: 5px; border: 2px solid #DBF5B8; background: #D1FEA1 url(/img/green_sidebox_bkg.gif) top left repeat-x; 	margin-bottom: 20px;
}

.checkmark { background: url(/img/checkmark.gif) no-repeat scroll left top transparent; padding: 0pt 1px 7px 26px;}

.greenyellowBox {background-color: greenyellow; border-radius: 5px; padding: 10px; margin-bottom: 6px;}
.coralBox {background-color: coral; border-radius: 3px; padding: 10px; margin-bottom: 6px;}


.bgLY { background-color: LightYellow }
.bgPG { background-color: PaleGreen }
.bgSB { background-color: SandyBrown }