/* undohtml.css															*/
/* (CC) 2004 Tantek Celik. Some Rights Reserved.						*/
/* http://creativecommons.org/licenses/by/2.0							*/
/* This style sheet is licensed under a Creative Commons License.		*/
/* Purpose: undo some of the default styling of common (X)HTML browsers	*/

/* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul, ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
h1,h2,h3,h4,h5,h6 { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,hr { margin:0; padding:0 }
a img,:link img,:visited img { border:none }

/**************************************************************************************************************************/

body {
margin:0;
padding:0;
font-family: verdana, arial, helvetica,sans-serif;
font-size:100%;
color:#E6E6E6;
background:#A1A1A1 url(../img/bg_main.gif) repeat-y;
}

#main{
width:760px;
margin:0;
padding:0;
}

#header {
float:left;
width:760px;
height:70px;
margin:0;
padding:0;
background:#565656;
}

#sprachwahl {
float:left;
width:190px;
margin:0;
padding:50px 0 0 0;
}

#sprachwahl ul, #sprachwahl li{
padding:0px 0px 0px 0px;
display:inline;
}

#navi_oben {
float:right;
width:570px;
margin:0;
padding:50px 0 0 0;
text-align:right;
}

#teaser {
float:left;
width:760px;
height:190px;
margin:0;
padding:0;
}

#logo {
float:left;
width:190px;
height:190px;
margin:0;
padding:0;
background:#333;
z-index:3;
}

#content {
float:left;
width:760px;
margin:0;
padding:0;
}

#left {
float:left;
width:190px;
height:190px;
background:url(../img/bg_news.gif) repeat-y;
}

#middle {
float:left;
width:180px;
height:190px;
margin:0;
padding:0;
}

#right {
float:left;
width:380px;
margin:0;
padding:0;
}

.invisible {
display:none;
}

.clickable {
cursor:pointer;
float:right;
width:380px;
height:190px;
margin:0;
padding:0;
}

.bild_referenz {
padding:1px;
margin:0 10px 10px 0;
background:#A1A1A1;
float:left;
}

#note{
color:#565656;
font-size:60%;
position:absolute;
width:160px;
top:90px;
left:200px;
padding:5px;
/*
width:300px;
top:100px;
left:150px;
border:1px solid #E6E6E6;
background-color:#A1A1A1;
color:#E6E6E6;
*/
}
/**********************************************************************************/
/*	Schrift	*/

h1{
font-size:100%;
line-height:1.8em;
font-weight:bold;
color:#E6E6E6;
padding:10px 0px 10px 10px;
}

h2{
font-size:80%;
line-height:1.6em;
font-weight:bold;
color:#fff;
padding:10px 0px 5px 10px;
}

p{
font-size:75%;
line-height:1.6em;
font-weight:normal;
color:#E6E6E6;
padding:0px 10px 20px 10px;
}

.hinweis_text{
font-style:italic;
border:1px dotted #fff;
margin:10px;
padding:5px;
width:340px;
}

.zentrierter_text{
text-align:center;
font-weight:bold;
margin-top:5px;
}

.notes_text{
font-size:60%;
}

.jobtext{
font-size:80%;
border:1px dotted #fff;
margin:10px;
padding:5px;
width:340px;
}

p a:link, p a:visited, #right li a:link, #right li a:visited, h2 a:link, h2 a:visited{
color:#FF5501;
font-weight:bold;
}

p a:hover, p a:active, #right li a:hover, #right li a:active, h2 a:hover, h2 a:active{
color:#FF5501;
font-weight: bold;
border-bottom: 1px solid #FF5501;
}

#right ul{
list-style-type:square;
font-size:75%;
line-height:1.6em;
margin:0px 0px 10px 0px;
}

#right li{
margin:0px 10px 0px 25px;
}

.bild_beschreibung{
font-size:75%
}
/**********************************************************************************/
table.exTable {
margin: 10px 0 0 10px;
border-left: 1px solid #FF5501;
border-top: 1px solid #FF5501;
width:360px;
}

.exTable td {
padding: 0 3px 0 3px;
border-right: 1px solid #FF5501;
border-bottom: 1px solid #FF5501;
white-space: nowrap;
text-align: center;
font-size: 70%;
}

.exTable th {
background-color: #A1A1A1;
padding: 2px 4px;
font-weight: bold;
border-right: 1px solid #FF5501;
border-bottom: 1px solid #FF5501;
white-space: nowrap;
text-align: center;
font-size: 70%;
color:#fff;
}
/**********************************************************************************/
.menu, .menu_aktiv{
padding:15px 0px 0px 10px;
font-size:80%;
}

.menu a:link, .menu a:visited{
font-weight:bold;
color:#E6E6E6;
}

.menu a:hover, .menu a:active{
font-weight:bold;
color:#FF5501;
}

.menu_aktiv a:link, .menu_aktiv a:visited, .menu_aktiv a:hover, .menu_aktiv a:active{
font-weight:bold;
color:#FF5501;
}
/**********************************************************************************/
.submenu, .submenu_aktiv{
padding:0px 0px 0px 20px;
font-size:75%;
}

.submenu a:link, .submenu a:visited{
font-weight:normal;
color:#E6E6E6;
}

.submenu a:hover, .submenu a:active{
font-weight:normal;
color:#FF5501;
}

.submenu_aktiv a:link, .submenu_aktiv a:visited, .submenu_aktiv a:hover, .submenu_aktiv a:active{
font-weight:normal;
color:#FF5501;
}
/**********************************************************************************/
#navi_oben ul{
padding-right:10px;
}

.topmenu, .topmenu_aktiv{
padding:0px 0px 0px 20px;
display:inline;
font-size:80%;
}

.topmenu a:link, .topmenu a:visited{
font-weight:bold;
color:#E6E6E6;
}

.topmenu a:hover, .topmenu a:active{
font-weight:bold;
color:#FF5501;
}

.topmenu_aktiv a:link, .topmenu_aktiv a:visited, .topmenu_aktiv a:hover, .topmenu_aktiv a:active{
font-weight:bold;
color:#FF5501;
}
/**********************************************************************************/
/*	Formular	*/
.formular{
width:350px;
height:340px;
}

.form_abstand{
clear:both;
padding-top:3px;
}

.form_input{
float:right;
width:250px;
text-align:left;
font-size:10px;
color:#FF5501;
}

input{
height:14px;
}

input, textarea{
font-size:10px;
font-family: verdana, arial, helvetica, sans-serif;
color:#FF5501;
background:#FFF;
vertical-align:middle;
border:#CCC 1px solid;
}

input[type=text]:focus, textarea:focus{
background: #CCC;
}

.button{
height:16px;
font-size:10px;
color:#FF5501;
background:#CCC;
vertical-align:top;
border:#CCC 0px solid;
}

.form_bezeichnung_n, .form_bezeichnung_h{
float:left;
width:80px;
text-align:right;
font-size:11px;
font-weight:normal;
line-height:15px;
margin-left:10px;
}

.form_bezeichnung_n{
color:#808285;
}

.form_bezeichnung_h{
color:#FF5501;
font-weight:bold;
}

/**********************************************************************************/
.download, .download_pdf, .download_video{
background: url(../img/icon_download_pdf.gif);
background-repeat: no-repeat;
background-position: left 4px;
padding-left:14px;
}
/**********************************************************************************/
.clearfloat{
display: block;
clear: both;
float: none;
height: 1px;
font-size: 1px;
line-height: 1px;
overflow: hidden;
}
/**********************************************************************************/
.error{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
line-height:20px;
padding:10px;
color:#3366CC;
border: 1px dotted #3366CC;
background:#CCC;
}