@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic);

* { z-index:1; }
ul, ol, li, dl, dt, dd { margin:0; padding:0; }
ul, ol { padding-left:20px; }
p { margin:2px 0 5px; }
address { font-style:normal;}
h1 { margin-top:30px; font-size:20px; color:#FF4500; text-transform:uppercase; }
h2 { margin:0 0 5px; color:#FF4500; font-size:16px; }
h3 { margin:0; font-size:14px; }
dl { margin-bottom:15px; line-height:20px; }
dt { float:left; }
dt:after { content:":"; }
dd { margin:0 0 0 150px; }

span {width:150px; height:180px;}

//---------------------------------------------------------

#mainmenu {
  height:20px;
  width:960px;
  position:relative;
  top:90px;
  left:auto;
  z-index: 9000; }

div#home{
  position:relative;
}
  #mainmenu ul {
  z-index:9002;}

  #mainmenu ul li {
  float: left; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;z-index:9003;}

    #mainmenu ul li a {
     // width:130px;
      width:100px;
      padding:0 30px;
      height:25px;
      line-height:25px;
      float:left; 
      display:block;
  font-family: 'UbuntuTitlingBold';
  font-size:15px;
//      text-transform:uppercase;
      text-align: center; 
}

  #mainmenu ul li.ext a {
	align:center;
    //padding-right:15px;
    //margin-right:15px;
   // background:url(http://www.rheinmaintv.de/images/frontend/icons/ext.png) right center no-repeat; 
    background:url() center no-repeat; 
}

 #mainmenu ul li a:link {
    color:#FF4500;
    text-decoration:none; }

  #mainmenu ul li a:visited {
    color:#FF4500;
    text-decoration:none; }

  #mainmenu ul li:hover {
   background-color:#FF4500; }

  #mainmenu ul li a:hover {
    color:#ffffff;
    text-decoration:none; }

  #mainmenu ul li:active {
    background-color:#FF4500;
    color:#ffffff; }

  #mainmenu ul li a:active {
    text-decoration:none; }

  #mainmenu ul li.act {
    background-color:#FF4500;
    font-color:#ffffff;
 }

  #mainmenu ul li.act a {
    color:#ffffff;
    text-decoration:none; }


  #mainmenu ul li.ext:hover a{
	color:#ffffff; }

#mainmenu li.ext ul.submenu a {
    color:#003366;
  background:transparent;
  padding: 0;
  margin: 0; }

  #mainmenu ul.submenu li.act, #mainmenu ul.submenu li.act a {
    background:#FF4500;
    color:#ffffff;}

  #mainmenu ul.submenu li:hover, #mainmenu ul.submenu li:hover a{
    text-decoration:none;
    background:#FF4500;
    color:#ffffff; }


/*-------------- Submenu ----------------------------*/

#mainmenu ul.submenu {
  position:absolute;
  right:auto;
  top:120px;
  display:none;
  //width: 192px;
  width: 160px;
  z-index:10000;
  background: none; }

  #mainmenu ul li:hover ul.submenu,
  #mainmenu ul li ul.submenu li:hover a,
  #contextmenu #userinfo_menu h4:hover ul.submenu {
    display:block; }

/* navi leiste drop down img */
#mainmenu ul.submenu li,
#mainmenu ul.submenu li a {
  float:left;
  display:block;
  height:28px;
  line-height:30px;
  padding:0 20px;
  //width: 150px;
  width: 120px;
  color: #003366;

background: -moz-linear-gradient(top, #f2f2f2 0%, #cccccc 47%, #cccccc 49%, #d8d8d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(47%,#cccccc), color-stop(49%,#cccccc), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f2f2 0%,#cccccc 47%,#cccccc 49%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f2f2 0%,#cccccc 47%,#cccccc 49%,#d8d8d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f2f2f2 0%,#cccccc 47%,#cccccc 49%,#d8d8d8 100%); /* IE10+ */
background: linear-gradient(to bottom, #f2f2f2 0%,#cccccc 47%,#cccccc 49%,#d8d8d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
 }

//---------------------------------------------------------------------------------


/* hyperlinks */
a:link, a:visited { color:#FF4500; text-decoration:underline; }
a:hover, a:focus { text-decoration:none; }

/* form */
form .hint { margin-top:15px; font-style:italic; }
label { display:block; letter-spacing:1px; cursor:pointer; }
.label .required, label .required, .hint .required { color:#cb1300; font-weight:bold; }
.label:after, label:after { content:":"; }
dd label:after, label.checkbox:after, label.radio:after { content:""; }
input, textarea { max-width:100%; padding:3px 5px; border:1px solid #FF4500; background-color:#fff; color:#333; font-size:inherit; font-family:inherit; }
input.keywords { width:400px; }
fieldset { margin-bottom:20px; background-color:#fafafa; border:1px solid #FF4500; }
legend { padding:0 20px; background-color:#fafafa; text-transform:uppercase; font-size:10px; letter-spacing:1px; -webkit-border-radius:5px; -webkit-border-bottom-right-radius:0; -moz-border-radius:5px; -moz-border-radius-bottomright:0; border-radius:5px; border-bottom-right-radius:0; }
div.keywords { float:left; }
div.categories { float:right; width:200px; }
div.radius .input { display:block; margin-top:-15px; }
div.radius input { position:relative; bottom:-10px; width:340px; }
div.radius p { margin-top:15px; }

/* classes */
.clear { clear:both; }
.hide { display:block; position:absolute; top:-9999px; left:-9999px; }

html, body
{
  min-height:100%;
  color:#000;
  font-family:roboto,verdana,sans-serif;
  font-size:12px;
  text-align:center;
}
body
{
  background-color:#ccc;
  background-image:linear-gradient(top, #ccc 0%, #fff 100%);
  background-image:-o-linear-gradient(top, #ccc 0%, #fff 100%);
  background-image:-moz-linear-gradient(top, #ccc 0%, #fff 100%);
  background-image:-webkit-linear-gradient(top, #ccc 0%, #fff 100%);
  background-image:-ms-linear-gradient(top, #ccc 0%, #fff 100%);
  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(1, #fff) );
}


#container
{
  position:relative;
  width:940px;
  padding:20px;
  margin:0 auto;
  background-color:#fff;
  color:inherit;
  text-align:left;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
}

/* header */
header { height:75px; margin:0; }
header .logo { float:left; }
header h1, header h2 { float:right; display:block; margin:0 0 0 175px; }
header h1 { padding-top:34px; padding-left:34px; font-size:20px; background-color:inherit; color:#FF4500; font-weight:bold; }
header h2 { float:right; color:#000; font-size:16px;padding-left:34px; font-style:italic; font-weight:normal; }

/* navigation */
nav { height:25px; margin:0px 0; /*padding:0 15px;*/ background: linear-gradient(to bottom, #f2f2f2 0%,#cccccc 47%,#cccccc 49%,#d8d8d8 100%); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
nav ul { padding:0; list-style-type:none; }
nav li { float:left; margin-right:0px; }
nav a:link, nav a:visited, nav em { display:block; padding:3px 10px; color:#fff; letter-spacing:1px; text-decoration:none; /*text-transform:uppercase;*/ }
nav a:hover, nav a:focus { background-color:#fff; color:#000; }

/* content */
#content {text-align: center; margin:auto; width:720px; }

/* sidebar */
aside { float:right; width:0px; }

/* articles */
article { position:relative; min-height:150px; margin:25px 0; padding:0 0 25px 0; border-bottom:1px solid #FF4500; }
article:last-child { border:0; }
article .image { display:block; position:absolute; top:5px; left:0; width:150px; margin-right:20px;  background-color:#cfc; border:1px solid #FF4500; line-height:50px; text-align:center; text-transform:uppercase; }
article .facts h3 { margin:15px 0 0px; font-size:inherit; letter-spacing:1px; text-transform:uppercase; }
article .tags { font-size:11px; }
article .tags h3 { float:left; margin-right:15px; font-size:inherit; text-transform:uppercase; font-weight:normal; }
article .tags h3:after { content:":"; }
article .tags ul { list-style-type:none; }
article .tags li { float:left; margin-right:5px; }
article .tags li:after { content:","; }
article .tags li:last-child:after { content:""; }

/* footer */
footer { clear:both; margin-top:20px; padding-top:10px; border-top:1px solid #ccc; color:#ccc; text-align:center; font-size:10px; }
footer .university { display:block; float:left; }
footer .institute { display:block; float:right; }


.menu{
    font-family: 'LeagueGothicRegular';
    position: absolute;
    top:25px;
    overflow:hidden;
    right:100px;
    float:right;

}
.menu ul{
    float:left;
    width:100%;
    padding:0;
    margin:0;
    list-style-type:none;
}
.menu li{
    display:inline;
    clear:both;
    position:relative;
    overflow:hidden;
}
.menu li a{
    float:left;
    width:6em;
}

.menuDescription  {
    font-size: 11px;
    color: rgb(0, 0, 0);
    position: absolute;
    right: 407px;
    margin-left: 5px;
    top: 15px;
}

input {
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}

table.form {font-family: verdana,arial,sans-serif;font-size:12px;color:#333333;border-width: 1px;border-color: #999999;border-collapse: collapse; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
table.form td#label {border-width: 0px;padding: 8px;width:90px;}

input[type=number]
{
width:35px;
}

table.imagetable {font-family: verdana,arial,sans-serif;font-size:10px;color:#333333;border-width: 1px;border-color: #999999;border-collapse: collapse; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
table.imagetable th {background:#b5cfd2 url('cell-blue.jpg');border-width: 1px;padding: 8px;width:90px;border-style: solid;border-color: #999999;}
table.imagetable th:hover {background:#FF4500; color:#ffffff;}
table.imagetable td {text-align:center; vertical-align:middle; background: linear-gradient(to bottom, #f2f2f2 0%,#cccccc 47%,#cccccc 49%,#d8d8d8 100%);border-width: 1px; width:100px; padding: 8px; border-style: solid; border-color: #999999;}
table.imagetable td:hover {background: linear-gradient(to bottom, #e8e8e8 0%,#dddddd 47%,#dddddd 49%,#a8a8a8 100%); color:#003366;}
table.imagetable th#date {width:210px;background:#000000; color:#ffffff;}
table.imagetable td#date {width:210px;background:#b5cfd2 url('cell-blue.jpg');}
table.imagetable td#date:hover {background:#FF4500; color:#ffffff;}

p#temp {float:left; font-size:15px; color:#FF4500; text-transform:uppercase; }
p#weather {float:left; margin-top:30px; font-size:5px; color:#000000; }
table.temp {font-family: verdana,arial,sans-serif;font-size:5px; color:#333333;border-width: 1px;border-color: #999999;border-collapse: collapse; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
table.temp td {text-align:center; vertical-align:middle; background: linear-gradient(to bottom, #f2f2f2 0%,#cccccc 47%,#cccccc 49%,#d8d8d8 100%);border-width: 1px; width:100px; padding: 8px; border-style: solid; border-color: #999999;}
table.temp td#temp {width:210px;background:#000000; color:#ffffff;}

#hint { position:relativ; top:10px; right:10px; color:#FF4500; font-size:16px; font-weight:bold; text-transform:uppercase; z-index:9999; }