/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

button,
input,
select,
textarea {
    color: #222;
	font-size: 12px;
}

body {
    font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
a img {
border : 0 none;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
 a:link{
text-decoration: none;
color: #135cae;
}

a:visited{
color: #135cae;
}

 a:hover{
text-decoration: none;
color:#cc0000;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

code {

background: #FFFFAA;	
}

fieldset { border: 2px solid #C5D8E1; 
           border-radius: 6px;
width: 98%		   } 
legend {
  margin-left: 15px;
  }
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
font-size: 12px;
color: #333;
}
#body-wrapper {
width: 1080px;
margin: 0 auto;
}
#wrapper {
width: 1080px;
margin: 0 auto;

}
#header-container {
vertical-align: middle;
height: 70px;
}
#topnav-container {
background-color: #4F6266;
height: 50px;
padding-top: 3px;
vertical-align: middle;
background-image: linear-gradient(to bottom, #5F6266, #4D5256);
background-repeat: repeat-x;
-webkit-box-shadow: 0 5px 10px #aaa;
   -moz-box-shadow: 0 5px 10px #aaa;
        box-shadow: 0 5px 10px #aaa;
}

#nav-container {
 /*   background-color: #dddddd;
    background: linear-gradient(to bottom, #dddddd, #dddddd) repeat-y;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4) inset;
    border: 0 solid #2D3034;*/
    float: left;
    width: 200px;
}


#info_table {
float: right;
width: 230px;
height: 175px;
margin-top: -25px;
color: #fff;
background: #2D3034;
border: 0 solid #2D3034;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#main{
width: 1080px;
border-right: 1 solid #2D3034;
overflow:hidden;
background-image: url(../images/bg-menu.png);
background-repeat: repeat-y;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.4) inset;
float: left;
}
#main-container {
width: 865px;
float: left;
padding-left: 1em;
padding-top: 1em;
padding-bottom: 15px;

}


#info_box {
float: left;
width: 30%;
padding: 1%;
margin-right: 1%;
margin-bottom: 1em;
border: 1px solid #ccc;
-webkit-border-radius: 10px;
   -moz-border-radius: 10px;
        border-radius: 10px;
}

#footer-container {
clear: both;
background-color: #5F6266;
background-image: linear-gradient(to bottom, #4F5256, #5F6266);
background-repeat: repeat-x;
-webkit-box-shadow: 0 -5px 10px #aaa;
   -moz-box-shadow: 0 -5px 10px #aaa;
        box-shadow: 0 -5px 10px #aaa;
}
.content-style {
font-size: 12px;

}
footer {
margin: 0;
padding: 0.25em 0;
}

h1 {
font-size: 1.5em;
font-weight: normal;
}

h2 {
font-size: 1.25em;
color: #e63140;
}

h3 {
font-size: 1.05em;
}

footer p {
font-size: 12px;
text-align: center;
color: #fff;
}



.slider {
float: left;
width: 750px;
margin: 0 auto;
padding: 0;
background: #fff;
z-index: 0;
}

.slider img {
width: 750px;
background: #fff;
top:  0;
left: 0;
}

#s {
float: right;
width: 180px;
height: 25px;
line-height: 25px; /* IE bug */
margin: 5px 0 0 4px;
padding-left: 5px;
font:normal 1em 'Source Sans Pro', sans-serif; color:#333;
border: 1px solid #EDEBE4;
background: transparent url('../images/search_bg.gif') center right no-repeat;
background: linear-gradient(to bottom, #e5e5e5, #fff) repeat-x;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media ,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}
tr.erfolg{
background-color: #96FE9F;
}

tr.fehler{
background-color: #FFA99F;
}
table.erfolg{
background-color: #96FE9F;
}

table.fehler{
background-color: #FFA99F;
}
tr.info{
background-color: #FFFF99;
}
td.bezeichner {
	font-weight: bold;
}
td.zeile {
font-style: normal;
font-size: 12px;
border-color: #ffffff;
text-indent: 0.5em;
padding-top: 3px;
padding-bottom: 3px;
}
td.zeile1 {
font-style: normal;
font-size: 12px;
background-color: #dddddd;
border-color: #ffffff;
padding-left: 3px;
padding-right: 3px;

}
td.zeile2 {
font-style: normal;
font-size: 12px;
background-color: #efefef;
border-color: #ffffff;
padding-left: 3px;
padding-right: 3px;

}
table.main {
border-color: #ffffff;
outline:1px solid #324594;
}
table.liste {
outline:1px solid #cc0000;
}

table.ticketmsg {
padding: 3 3 3 3px;
}
td.kopf {
font-style: normal;
font-size: 12px;
color: #eeeeee;
background: #27408B;
border-color: #ffffff;
font-weight: bold;
}
div.ticketnachricht{
margin-left : 10px; 
margin-right: 10px; 
margin-top : 3px; 
margin-bottom: 3px; 
padding: 3 3 3 3px;
background-color: #eee;
}


LABEL { display: block; margin-top: 10px; } 
ul.tabNavigation {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.tabNavigation li {
	display: inline;
}

UL.tabNavigation LI A {
	padding: 3px 3px;
	background-color: #aaa;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	color: #000;
	text-decoration: none;
}

ul.tabNavigation li a.selected
 {
	background-color: #d22;
	color: #000;
	padding-top: 7px;
}
ul.tabNavigation li a:hover {
	background-color: #ddd;
	color: #000;
	padding-top: 7px;
}

UL.tabNavigation LI A:focus {
		outline: 0;
}
ul.tabNavigation  {
		outline: 0; 
}
div.tabs > div {
		padding: 1px;
		margin-top: 0px;
		border: 1px solid #aaaaaa;
}

div.tabs > div h2 {
		margin-top: 0;
}
UL.tabNavigation2 {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.tabNavigation2 li {
	display: inline;
}

ul.tabNavigation2 li a {
	padding: 3px 3px;
	background-color: #aaa;
	color: #000;
	text-decoration: none;
}

ul.tabNavigation2 li a.selected
 {
	background-color: #d22;
	color: #000;
	padding-top: 7px;
}
ul.tabNavigation2 li a:hover {
	background-color: #ddd;
	color: #000;
	padding-top: 7px;
}

ul.tabNavigation2 li a:focus {
		outline: 0;
}
ul.tabNavigation2  {
		outline: 0;
		background-color: #666666;   
}
div.tabs2 > div {
		padding: 1px;
		margin-top: 0px;
		border: 1px solid #aaaaaa;
}

div.tabs2 > div h2 {
		margin-top: 0;
}
#first {
	background-color: #eeeeee;                    
}

#second {
	background-color: #eeeeee;
}

#third {
	background-color: #eeeeee;
}
#fourth {
	background-color: #eeeeee;
}
#fifth {
	background-color: #eeeeee;
}
#sixth {
	background-color: #eeeeee;
}
#seventh {
	background-color: #eeeeee;
}
#eighth {
	background-color: #eeeeee;
}
#ninth {
	background-color: #eeeeee;
}
#tenth {
	background-color: #eeeeee;
}
#log {
	background-color: #eeeeee;
}
.waste {
		min-height: 1000px;
}


.top-menu, .top-menu *, .sf-menu, .sf-menu * {
        margin: 0;
        padding: 0;
        list-style: none;
}
.top-menu, .sf-menu li {
        position: relative;
}
.top-menu ul, .sf-menu ul {
        position: absolute;
        display: none;
        top: 100%;
        left: 0;
        z-index: 99;
}
.top-menu > li, .sf-menu > li {
        float: right;
		color: #fff;
		font-weight: bold;
}
.top-menu li:hover > ul, .sf-menu li:hover > ul,
.top-menu li.sfHover > ul, .sf-menu li.sfHover > ul {
        display: block;
}

.top-menu a, .sf-menu a {
        display: block;
		color: #fff;
        position: relative;
}
.top-menu a:hover, .sf-menu a:hover {
        display: block;
		color: #f00;
        position: relative;
}
.top-menu ul ul, .sf-menu ul ul {
        top: 0;
        left: 100%;
}


#tablist {
  list-style: none;
  margin: 0 10px 0 0;
  padding: 0;
}

#tablist li {
  background-color: #dddddd;	
  border: 1px solid #27408B;
  border-bottom: none;
  border-radius: 0.5em 0.5em 0 0;
  display: inline;
  font-weight: bold;
  font-size: 0.9em;
  height: 0.8em;
  padding: 0.3em 0.5em 5px;
}

#tablist li:focus, 
#tablist li:hover {
  background-color: #cc0000;
}

#tablist li[aria-selected="true"] {
  background-color: #f8f8f8;
  padding: 0.3em 0.5em 6px;  
}

div[aria-hidden="true"] {
display: none;
}

#tabcontent {
  background-color: #f8f8f8;
  border: 1px solid #27408B; 
  margin-top: 5px;
  margin-right: 10px;
  padding: 1em;
  border-radius: 0 0.5em 0.5em 0.5em;
}

[aria-hidden="true"] {
  display: none;
}
 
[aria-hidden="false"] {
  display: block;
}