/*
    Farben
    hellorange #FFB500
    dunkelorange #FF8401
    hellgrn #DCFF93
    duneklgrn #9FD230
    fastwei #FFFAF0
*/

body {
    color: black;
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Bereiche der Seite -------------------------------------------------------------------------------*/

#hintergrund {
    position: relative;
    margin: 0;
    padding: 0px;
    padding-top: 5px;
    padding-left: 5px;
    color: black;
    background-color: #FFFAF0;
    border: none;
    -moz-border-radius: 15px;
    top: -2px;
    left: -2px;
}

#header{
background:#DCFF93 url("../images/layout/header.png") repeat-x bottom;
margin:0;
padding:1px 0 0 0;
border:none;
clear:both;
-moz-border-radius-topright:15px;
-moz-border-radius-topleft:15px;
position:relative;
top:-2px;
left:-2px;
min-height:55px;
}

#navigation{
background:#9FD230;
margin:0;
padding:1px 0;
border:none;
height:30px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-bottomleft:15px;
position:relative;
top:-2px;
left:-2px;
z-index:10;
}

#main{
display:block;

}

#center{
margin:0;
padding:0;
border:none;
width:79%;
-moz-border-radius:15px;
position:relative;
float:left;
top:0;
z-index:4;
}

#right {
margin:0;
padding:0;
border:none;
width:20%;
-moz-border-radius:15px;
position:relative;
float:right;
right:0;
top:0;
}

#disclaimer {
	background:#FFFAF0;
	clear:both;
	bottom:0;
	top:-2px;
	left:-2px;
	margin:0;
	padding:1px;
	border:none;
	position:relative;
	-moz-border-radius:15px;
	min-height:50px;
}

#footer {
background:#FFFAF0;
clear:both;
bottom:0;
top:-2px;
left:-2px;
margin:0;
padding:1px;
border:none;
position:relative;
-moz-border-radius:15px;
min-height:50px;
}

/* Textformatierungen -------------------------------------------------------------------------------*/

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:13px;
  line-height:16px;
}

img {
    border: none;
}

a {
color:#333333;
text-decoration:none;
border-bottom:1px dashed #666;
/*border:none;*/
background-color:transparent;
}

a:hover, a:active {
background-color:transparent;
color:#FF8401;
}

/*a:visited {
color: #333;
}*/

a.footer {
    color: #FF8401;
    border:0;
}

a.footer:hover {
    color: #000000;
    background-color:transparent;
}

.hide_link a:link {
    text-decoration: none;
}

.hide_link a:visited {
    text-decoration: none;
}

.kasten_rechts a {
color:#FFFFFF;
border-bottom:1px dashed #FFFAF0;
}

.kasten_rechts a:visited {
color:#FFF;
}

#footer a:visited {
color:#FF8401;
}

#header a{
border:none;
color:#FF8401;
}

.kasten_rechts u{
font-size:24px;
text-decoration:none;
text-align:right;
line-height:0px;
display:block;
position: relative;
letter-spacing:-0.1em;
top:-15px;
}

p {
font-size:12px;
color:#000000;
line-height:18px;
margin: 2px 15px;
}

.kasten_rechts p{
margin: 0px 8px;
padding: 0 0 4px 0;
color:#FFFFFF;
}

.kasten_rechts td.caption {
font-weight: bold;
font-size: 14px;
padding: 5px 4px 15px 4px;
}

#footer p{
color:#FF8401;
text-align:center;
font-weight:bold;
padding:5px 0;
}

#disclaimer p {
	color: #FF8401;
	font-weight: bold;
	font-size: 75%;
	text-align: justify;
	padding: 10px 0;
}

p.book_disclaimer {
	color: #FF8401;
	font-weight: bold;
	font-size: 75%;
	text-align: justify;
	padding: 10px 0;
}

h1{
font-size:18px;
color:#000000;
line-height:1.5em;
margin:5px 10px;
letter-spacing:1px;
word-spacing:1px;
}

#header h1{
margin:0;
color:#FF8401;
padding:0 0 0 100px;
font-size:36px;
border:0;
}

.kasten_rechts h1{
font-size:14px;
text-align:center;
color:#FFFFFF;
line-height:1.2;
margin:0;
padding:8px 5px;
float:none;
letter-spacing:0;
word-spacing:0;
}

.kasten_mitte h1 {
    color: #FF8401;
    line-height: 1.5em;
    margin: 0;
    padding: 10px 10px;
    float: none;
}

h2{
font-size:16px;
color:#000000;
line-height:1.3;
margin:2px 10px;
padding:2px;
letter-spacing:1px;
-moz-border-radius:15px;
}

.kasten_rechts h2{
font-size:13px;
font-weight:bold;
text-align:left;
color:#FFFFFF;
line-height:1em;
margin:0;
padding:4px 5px;
letter-spacing:0;
word-spacing:0;
}

.docent_home h2 {
	margin: 5px 0px 12px 12px;
}

.docent_home ul {
	line-height:1.5em;
}

h3 {
	font-size:1em;
	font-weight:bold;
	margin: 0px;
	letter-spacing:1px;
}

.form label{
	display: block;
	margin: 10px 0 3px 0;
}

#results{
font-size:12px;
color:#000000;
margin: 2px 5px;
}

table{
margin:5px 5px 5px 15px;
}

ol, ul, td{
font-size:12px;
line-height:14px;
}

.faq li{
line-height:1.5em;
}

.faq li a{
border-bottom:1px dashed;
}

.faq a{
border-bottom:0;
}

img{
    border:none;
}

.flash {
    margin-top: 35px;
    margin-left: 20px;
    margin-right: 20px;
    color: #FF8401;
    border: 1px solid black;
    background-color: #DCFF93;
    padding: 5px;
    font-weight: bold;
    z-index:10;
}

#juniter_logo {
    background:#FFFAF0;
    position:relative;
    top:7px;
    left:20px;
    padding:0;
    margin:0;
    float: left;
}

#footer_spacer {
    background:#FFFAF0;
    position:relative;
    top:7px;
    left:20px;
    padding:0;
    margin:0;
    float: left;
	width: 115px;
	height: 40px;
}

#velia_logo {
    background:#FFFAF0;
    position:relative;
    top:5px;
    right:20px;
    padding:0px;
    float: right;
    margin:0;
}

.tooltip_help{
  color: #aca9a9;
  font-size:10px;

}

.profList th{
    vertical-align:bottom;
}
.sortable th{
    vertical-align:bottom;
}

.form_error {
  position: relative;
  width: 350px;
  border: 2px solid red;
  padding: 3px;
  margin: 5px 5px 5px 15px;
  background-color: white;
}

/* Kastenelemente -----------------------------------------------------------------------------------*/

.kasten_rechts {
color:white;
background:#FFB500;
margin:-1px;
padding:1px 0 0 0;
border:none;
-moz-border-radius:15px;
position:relative;
top:-2px;
left:-2px;
}

.kasten_rechts_gruen {
color:white;
background:#9FD230;
margin:-1px; 
padding:1px 0 0 0;
border:none;
-moz-border-radius:15px;
position:relative;
top:-2px;
left:-2px;
}

.kasten_mitte {
background:#FFFAF0;
overflow:hidden;
margin:-1px;
padding:1px 0 30px 0;
border:none;
-moz-border-radius:15px;
position:relative;
top:-2px;
left:-2px;
z-index:5;
}

.kasten_mitte_niedrig {
background:#FFFAF0;
overflow:hidden;
margin:-1px;
padding:1px 0 1px 0;
border:none;
-moz-border-radius:15px;
position:relative;
top:-2px;
left:-2px;
z-index:5;
text-align: center;
}

.kasten_mitte_navigation {
background:#FFFAF0;
overflow:hidden;
margin:-1px;
padding: 10px 10px 10px 40px;
border:none;
-moz-border-radius:15px;
position:relative;
top:-2px;
left:-2px;
z-index:5;
text-align: left;
font-weight: bold;
}

.topliste {
margin:0 0 0 15%;
padding:0;
text-align:left;
font-size:small;
line-height:1.5;
}

.topliste a {
text-decoration:none;
}
.topliste a:hover {
border-bottom:1px dotted #333333;
}

.hintbox {
    position:relative;
    float: right;
    margin-right: 15px;
    margin-top: 10px;
    border: 1px solid black;
    background-color: #DCFF93;
    /*background-color: #FFB500;*/
    width:40%; /*300px;*/
    padding: 10px;
    z-index:10;
    font-size:10px;
    -moz-border-radius:15px;
}

.hintbox p{
    font-size:12px;
}

.hintbox b{
    font-size:12px;
}

.hintbox h1{
color:#FF8401;
line-height:1.5em;
margin:0;
padding:10px 10px;
}

.welcomebox {
    position: relative;
    float: right;
	margin-top: 15px;
    margin-right: 15px;
    margin-left: 5px;
    border: 1px solid black;
    background-color: #DCFF93;
    padding: 0px;
    font-size: 9px;
    -moz-border-radius: 15px;
    width: 35%;
}

.welcomebox h1 {
    padding: 5px 10px;
    margin: 0;
}

.welcomebox ul.login {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	list-style:none;
}

.welcomebox ul.login li {
	margin: 0 0 10px 10px;
	padding: 0; 
}

div.admintool {
    text-align: right;
    padding-bottom:10px;
}

.admintools {
  background-color: #DCFF93;
  color: black;
  font-size:16px;
  padding: 0 20px;
  margin: 0 10px;
  border: 1px solid black;
}

.admintools:hover {
  color: #FFB500;
  border: 1px solid #FFB500;
  background: #FFFAF0;
}

.post {
	margin:15px 0px 20px 15px;
}

.tooltip {
	/*display:none; */
	border:1px solid #333333; 
	padding: 2px 5px 5px 5px; 
	width:200px; 
	background-color:#DCFF93; 
	position: relative; 
	z-index:1000; 
	-moz-border-radius:12px;
}

.tooltip p {
	font-size:0.8em;
	line-height:1.2em;
	margin:0;
}

.tooltip h1 {
	font-size:0.8em;
	line-height:2em;
	margin:0;
}

/* Formularelemente ----------------------------------------------------------------------------------*/

input, textarea {
  display:inline;
  padding: 3px;
  font-size: small;
  font-family: Verdana, Arial, sans-serif;
/*  font-weight: medium;*/
}

input:focus, textarea:focus {
  background-color: #DCFF93;
}

.textbox{
padding: 4px;
font-size:  small;
color: #000000;
background-color: #ffffff;
}

.button{
padding: 3px;
font-size: small;
font-weight:600;
color: #000000;
background:url("../images/layout/verlauf_1b.png") repeat-x top;
/*border: 1px solid #333333;*/
}

.fieldWithErrors {
  padding: 2px;
  background-color: blue;
  display:inline;
}

.balken {
   padding: 0px;
   float: left;
   margin-right: 0.7em;
   border: 1px solid #000000;
}

.bewerten_td{
  width: 16%;
  /*padding: 0px;*/
  padding-top: 15px;
  vertical-align: bottom;
  font-size: 85%;
}

.bewerten_td_ka{
  width: 16%;
  /*padding: 0px;*/
  padding-top: 15px;
  vertical-align: bottom;
  font-size: 50%;
}

.bewerten{
 position:relative;
 float:left;
 display:block;
 /*width: 400px;*/
 }

 .bewerten td {
     padding-bottom: 5px;
 }

.form {
	position:relative;
	left:15px;
	top:20px;
}

/* Navigationsmenu -----------------------------------------------------------------------------------*/

#nav {
    position:relative;
    height:30px;
    right:10px;
    top:-1px;
    /*top:1px;*/
    padding:0;
    margin:0;
}

#nav li{
margin:0;
padding:0;
font-weight:bold;
list-style:none;
display:block;
float:right;
}

/*diesen Stil entfernen, damit Submenu horizontal dargestellt wird*/
#nav li ul li {
    display:inline;
    float:none;
}

#nav li ul{
    display:none;
    margin: 0;
    padding:0;
    width:400px;
}

#nav li.on ul {
    /*aktives untermenu ausgeben*/
    display:block;
    float:none;
}

#nav li.on ul, #nav li.off ul{
    /*untermenupunkte positionieren und verstecken*/
    position:absolute;
    display:none;
    top:32px;
    border:none;
    width:200px;
    /*right:0;*/
    /*padding-top:10px;*/
    /*beide Farben werden fuer Opera benoetigt*/
    color:#FFFAF0;
    background-color:#FFB500;
}

#nav li.on:hover ul, #nav li.over ul{
     /*farbe fuer hintergrund des untermenus*/
    color:#FFFAF0;
    background-color:#FFB500;
}


#nav li a{
    /*fuer alle links im menu*/
margin:0;
padding:8px 15px;
border-bottom:none;
text-decoration:none;
font-size:small;
width:auto;
display:block;
-moz-border-radius-topright:15px;
-moz-border-radius-topleft:15px;
}

#nav li.on a, #nav li.off a{
    /*Farbe fuer Hauptmenupunkte im Normalzustand*/
    color:#FF8401;
    background-color:#FFFAF0;
    border:1px solid #FFFAF0;
}

#nav li.on ul a, #nav li.off ul a {
    /*vererbung des rahmens fuer untermenu des aktiven menupunkts unterdruecken*/
    margin-top:-1px;
    font-weight:normal;
    width:auto;
    color:#FFFAF0;
    background-color:#FFB500;
    -moz-border-radius-topright:0;
    -moz-border-radius-topleft:0; 
}


#nav li.off:hover ul, #nav li.over ul{
    display:block;
    float:right;
    z-index:6000;
}

#nav li.on a:hover, #nav li.off a:hover{
    /* farbe fuer mouseover alle menupunkte*/
    color:#FFFAF0;
    background-color:#FF8401;
}

#nav li:hover a, #nav li.over a{
    /*farbe fuer mouseover der hauptmenupunkte*/
    color:#FFFAF0;
    background-color:#FFB500;
}


/* Schatteneffekte -----------------------------------------------------------------------------------*/
.shadow {
   background-color: #8e8e8e;
   padding: 0px;
   border: 1px solid #959595;
   margin: 0;
   -moz-border-radius:15px;
   }
.shadow2 {
   background-color: #aaa;
   padding: 0px;
   border: 1px solid #bebebe;
   margin: 0;
   -moz-border-radius:15px;
   }
.shadow3 {
   background-color: #d1d1d1;
   padding: 0px;
   border: 1px solid #e1e1e1;
   margin: 0;
   -moz-border-radius:15px;
   }
.shadow4 {
   background-color: #ededed;
   padding: 0px;
   border: 1px solid #f6f6f6;
   margin: 0;
   -moz-border-radius:15px;
   }
.shadow5 {
   background-color: #fcfcfc;
   padding: 0;
   border: none;
   margin:0;
   -moz-border-radius:15px;
   clear:both;
}

.shadow5_kasten {
    clear:both;
   background-color: #fcfcfc;
   padding: 0px;
   border: none; /*1px solid #fff;*/
   margin: 15px 2px 15px 2px;
   -moz-border-radius:15px;
 }

 /* Spezialelemente -------------------------------------------------------------------------------*/
 #germanMap {
   margin-left: 20px;
   margin-right: 20px;
 /*
   width: 400px;
   margin:1px;
   padding:1px;
   padding-left: 1px;
   padding-right: 1px;*/
 }

 /* Aus Scaffold ----------------------------------------------------------------------------------*/

 .fieldWithErrors {
  padding: 2px;
  background-color: red;

}

#ErrorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}
div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

#kontakt h2 {
    color:#FF8401;
}

#kontakt p {
    margin-bottom: 2em;
}

div.flickr{
	text-align:center;
}

div.flickr a:link{
	border: none;
}

 /* Impressum ----------------------------------------------------------------------------------*/

table.impressum {
	width: 90%;
}

table.impressum td {
	line-height: 18px;
	padding-bottom: 19px;
}

/* Dozentenlogin -------------------------------------------------------------------------------*/

ul.sitemap {
	list-style-type: none;
}

ul.sitemap ul {
	list-style-type: none;
	list-style-image: url(../images/layout/arrow.png);
}

ul.sitemap li {
	margin-top: 3px;
	margin-bottom: 3px;
}

ul.sitemap a {
	text-decoration: none;
	font-size: 90%;
	border: none;
	margin-left: 20px;
}