/*****             VPS Saarland               *****/
/***** CSS Default - Screen - Alexander Loehr *****/

/*** HTML DEFAULTS ***/

html, body { margin: 0; padding: 0; background-color: #0FA19F; }
body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #069;
}

h1 { font-weight: bold; letter-spacing: 0.05em; font-size: 16px; }
h2 { text-transform: uppercase; font-weight: bold; letter-spacing: 0.05em; font-size: 12px; }
h1:first-child, h2:first-child, h3:first-child { margin-top: 0; }

a, a:link, a:visited { color: #069; text-decoration: underline; }
a:hover { color: #f90; }
a img { border: none; }
hr { height: 0px !important; border: none; border-top: 1px dotted #f90; }

fieldset { margin: 1em 0; padding: .4em .8em; border: 1px solid #0FA19F; }
fieldset legend { font-weight: bold; color: #137EA2; margin-left: -4px; }
fieldset table td.col_0 { width: 108px; text-align: right; padding-right: 1em; }

select, input[type="text"], input[type="password"], textarea { margin: 1px; outline: 1px solid #ccc; border: 2px solid #eee; background-color: #fff; -moz-border-radius: 4px; -moz-outline-radius: 4px; }
select:focus, input[type="password"]:focus, input[type="text"]:focus, textarea:focus { background-color: #ffd; }


/*** REUSABLES ***/

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.fleft { float: left; }
.fright { float: right; }
.mod_registration td { padding: 3px 0; }
.error { color: #DF3737; font-weight: bold; }
.notice { color: #1E9C00; font-weight: bold; text-align: center; padding: .3em .7em; margin: 1em; border: 2px dotted #1E9C00; }

div.img-desc { background-color: #ddd; }
div.img-desc img { display: block; }
div.img-desc > div {
   padding: .1em .4em;
   font-size: 90%;
   text-align: right;
   color: #666;
}

.m-right-top { margin: 0 0 .3em .6em; }
.m-left-top  { margin: 0 .3em .6em 0; }
.m10 { margin: 10px; }

.both { clear: both; }

.td-pad-5px td {
   padding: 5px;
}

a.button {
   padding: .3em 1em; 
   border: 1px solid #0064A2;
   color: #fff;
   background-color: #0064A2;
   text-decoration: none;
}
a.button:hover {
   color: #F9B207;
}

/*** SITE ***/

#site {
   width: 980px;
   margin: 0 auto;
   padding: 0;
   background-color: #fff;
   border: 3px solid #fff;
}

#header { margin: 0; padding: 0; position: relative; }
#header #logo { display: block; }

#main { 
   background-color: #fff; 
   margin: 0; padding: 1.5em 0;
}
#main-inner { 
   background: #fff url(gfx/main-back.png) repeat-y left top;
   min-height: 200px;
}
#main-left { 
   float: left; 
   width: 190px; 
   margin: 0 0 0 11px;
}
#main-center { 
   margin: 0 224px 0 214px; 
   padding: 0;
   position: relative;
/*   border: 1px dotted #f90; 
   border-top: none; border-bottom: none; */
}
#main-right {
   float: right;
   width: 200px; 
   margin: 0 11px 0 0;
}


/*** IMAGES ***/
.image_container img { display: block; }
.image_container .caption { background-color: #ccc; padding: .2em .4em; }

/*** MENUES ***/

#header-menu-main { background-color: #f9b207; padding: 4px 1em; margin: 0; height: 13px !important; }
#header-menu-sub { position: absolute; right: 28px; margin-top: 4px; }
#header-menu-sub a, #header-menu-sub span { text-transform: none; }

.menu-hor ul, .menu-vert ul {
  list-style-type: none;
  margin: 0; padding: 0;   
}
.menu-hor li { display: inline; }

/* menu default*/
.menu { margin: 0; padding: 0; }
.menu a, .menu span {
      font-size: 11px;
      font-weight: bold;
      color: #069;
      text-transform: uppercase;
      text-decoration: none;
      letter-spacing: 0.05em;
      margin-right: 1.6em;
}
.menu a:hover, .menu a.selected { color: #fff; }
.menu li.active span, .menu li.trail a { color: #fff; }
.menu-hor li a.last, .menu-hor li span.last { margin-right: 0; }

#menu-sub { margin-right: 130px; float: right; }
#menu-sub a { 
   color: #369; 
   font-size: 10px; 
   text-transform: none; 
}
#menu-sub a:hover { color: #fff; }

/* left menu */
#menu-left {  }
#menu-left li { margin: 0 0 10px 0;  }
#menu-left a, #menu-left a:link, #menu-left a:visited, #menu-left span {
   text-transform: none;
   color: #0FA19F;   
   border-left: 13px solid #0FA19F;
   padding: 1px 0 1px 5px;
   font-family: "Lucida Grande","Lucida Sans Unicode","Lucida","Lucida Sans", arial,helvetica,verdana,sans-serif;
   font-weight: normal;
   font-size: 13px;
}
#menu-left a:hover { color: #09c; border-color: #f9b207; }
#menu-left li.active > span, #menu-left li.trail > a { color: #f9b207; border-color: #11B8B6; }

/* left menu sub */
#menu-left ul.level_2  {
   list-style-type: disc !important;
}
#menu-left ul.level_2 li {
   margin: 5px 0 0 34px;   
}
#menu-left ul.level_2 a, #menu-left ul.level_2 span {
   border-left: none ;
   font-size: 12px;
   padding: 0;
}


#menu-member {
  background-color: #0FA19F;
  padding: 4px 1em;
  margin: 0;
  height: 13px;
}
#menu-member a { color: #fff; margin-right: 2.4em; }
#menu-member a:hover, #menu-member span, #menu-member .trail { color: #f9b207; }

/* footer-menu */
/*
@font-face {
  font-family: "GoudyTwenty";
  src: url("fonts/Rossano.ttf") format("truetype");
}
*/
#footer { clear: both; background-color: #0064A2; text-align: center; padding: 6px 0; }
#footer ul li a, #footer ul li span {
   color: #fff; 
   font-weight: normal;
   font-size: 9px;
   letter-spacing: 1px;
   font-family: arial, helvetica, verdana, sans-serif;
}
#footer ul li a:hover, #footer ul li.trail a, #footer ul li span { color: #f9b207; }



/*** NEWS / VERANSTALTUNGEN ***/

#news .layout_latest, #veranstaltungen .event { border-bottom: 1px dotted #FFBD00; margin: 1em 0; }



/*** INFOBOX ***/

.infobox, .infobox * { overflow: hidden; }
.infobox .nopad { padding: 0 !important; }
.infobox dt, .infobox h1, #login-right h1 { cursor: pointer; }
.infobox, #news-right, #login-right, #vps-search {
   margin: 0 0 1em 0; padding: 0;
   border: 1px solid #0FA19F;
   background-color: #fff;
   -moz-box-shadow: 0px 2px 3px #aaa;
   -webkit-box-shadow: 0px 2px 3px #aaa;
   box-shadow: 0px 2px 3px #aaa;
}
.infobox dt, #news-right h1, #login-right h1, div.infobox h1 {
   font-size: 11px;
   text-transform: uppercase; 
   font-weight: bold;
   color: #fff;
   background-color: #0FA19F;
   padding: .1em .75em .25em .75em; margin: 0;
}
.infobox dt:hover, .infobox h1:hover, #login-right h1:hover {  }
.infobox dd, #news-right h2, #login-right form, .infobox div, .infobox table { 
   padding: .5em .75em; margin: 0; 
   font-weight: normal; 
   text-transform: none;
   font-size: 11px;
}
#news-right div h2 { padding: 0; }
#news-right p { display: none; }
#login-right input { display: block; }

.infobox-x { border-color: #f9b207 !important; }
.infobox-x h1 { 
   background-color: #f9b207 !important; 
   font-family: "Lucida Grande","Lucida Sans Unicode","Lucida","Lucida Sans", arial,helvetica,verdana,sans-serif;
   font-weight: normal !important;
   font-size: 12px !important;
}


/*** DB ITEMS / Project,etc. / FAQ, Cloud-Results ***/

.db_item_detail .list_search { float: left; }
.db_item_detail .list_per_page { text-align: right; }
.db_item_detail table { border-collapse: collapse; margin: 1em 0; clear: both; width: 100%; }
.db_item_detail athead { display: none; }
.db_item_detail tr.even td { background-color: #FFF7E3; }
.db_item_detail td, .db_item_detail th { vertical-align: middle; padding: .6em .6em; }
/*.db_item_detail td.col_first { font-weight: bold;  width: 30%; padding-right: 0em; }*/
.db_item_detail td p { margin: 0 0 1em 0; padding: 0; }
.db_item_detail .all_records tr { border-bottom: 1px dotted #FFBD00; margin: 1em 0; }

.pagination { margin-top: 2em; }
.pagination p { float: left; margin: 0; padding: 0; }
.pagination ul { list-style-type: none; margin: 0; padding: 0; display: block; float: right; }
.pagination ul li { margin: 0 1.5em 0 0; padding: 0; display: inline; }


.mod_faqlist ul, .cloud-results ul {
   list-style-type: none;
   margin: 0; padding: 0;
}
.mod_faqlist ul li, .cloud-results ul li { padding: .8em; border-bottom: 1px dotted #FFBD00; }
.mod_faqlist ul li.first, .cloud-results ul li.first { border-top: 1px dotted #FFBD00; }
.mod_faqlist ul li.even, .cloud-results ul li.even { background-color: #FFF7E3; }


/*** TABLE SPECIALS ***/
.first_col_bold td.label, .first_col_bold td.col_first { font-weight: bold; }
.first_col_w200 td.label, .first_col_w200 td.col_first { width: 200px; }
.first_col_w150 td.label, .first_col_w150 td.col_first { width: 150px; }
.first_col_w100 td.label, .first_col_w100 td.col_first { width: 100px; }



/*** FORMS ***/
.vps-form label {
   margin-top: 3px;
   margin-right: .7em;
   width: 9em;
   float: left; 
   text-align: right;
   /*vertical-align: top;*/
}
.vps-form label.mandatory:after { content: "*"; }
.vps-form input, .vps-form select, .vps-form textarea { margin: 0 0 .6em 0; }
.vps-form label.error { height: 3em; }
.vps-form p.error { display: block; margin: 0 0 .3em 0; padding: 0; }
.vps-form button.calendar { margin-top: 0 !important; }
.vps-form .radio_container label { float: none; }
.vps-form .radio_container input { margin-top: 3px; }

.profile_custom td { padding: 0 0 .6em 0; }
.profile_custom #ctrl_publicFields span { 
   display: block; 
   width: 160px; 
   overflow: hidden; 
   float: left; 
}

.checkbox_container span  { display: block; }
.checkbox_container span * { display: inline; float: none; }



/*** SEARCH ***/
#vps-search { margin: 40px 0 1em 0; padding: 3px 5px; }
#vps-search input[type='text'] { width: 60%; }



/*** FE-INPUT ***/
.fe-form .image_container { float: right; margin: 0 0 .3em .6em; }



/*** TAG-CLOUD ***/
.mod_tagcloud {
   -moz-box-shadow: 0px 2px 3px #aaa;
   -webkit-box-shadow: 0px 2px 3px #aaa;
   box-shadow: 0px 2px 3px #aaa;
   text-align: center; 
   background-color: #f9b207;
}

.cloud { 
   margin: 0; padding: 0; 
   list-style-type: none;
   padding: 3px 0px;
   font-family: arial,helvetica,verdana,sans-serif;
}
.cloud a { 
   color: #fff; 
   text-decoration: none; 
   display: inline-block; 
   padding: 2px 1px; 
}
.cloud a:hover { color: #0064A2; }
.cloud li { display:inline; }

.cloud .size1 { font-size: .8em; }
.cloud .size2 { font-size: 1em; }
.cloud .size3 { font-size: 1.3em; }
.cloud .size4 { font-size: 1.5em; }
.cloud .size5 { font-size: 1.7em; }

/*
.cloud .size1 { font-size: 1.0em; font-weight: 100; }
.cloud .size2 { font-size: 1.3em; font-weight: 200; }
.cloud .size3 { font-size: 1.6em; font-weight: 300; }
.cloud .size4 { font-size: 1.9em; font-weight: 400; }
.cloud .size5 { font-size: 2.3em; font-weight: 500; }
*/



/*** SPECIAL ***/
#main-center h1 { background-color: #0FA19F; color: #fff; font-size: 12px; padding: .2em .4em; }
.mod_faqlist h2 { display: none; }

.ce_downloads p { margin: 0 0 1.4em 0; }
.ce_downloads img { vertical-align: bottom; }

.form-help {
   aheight: 0;
   overflow: hidden;
   background-color: #eee;
   border: 1px solid #0FA19F;
   border-radius: 2px;
   padding: .3em 1em;
   margin: 0 0 2em 0;
   display: none;
}
.form-help.show {
   display: block;
}
.form-help p {
   margin: .5em 0;
}
.form-help-control {
   position: absolute;
   right: 0; top: 0;
   margin: 0px 5px 0 0;
}
.form-help-control:hover {}



/*** LISTS custom ***/
.list_projects .partners li {
   display: inline;
   margin: 0 3em 0 0;
}
.list_projects .partners li a img { vertical-align: middle; }