:link,:visited { text-decoration:none }
ul, ol { list-style:none }
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 {
color:#333;
padding:0px;
margin:0 auto;
text-align:center;
font-size:100%;
font-family: arial, verdana, helvetica,sans-serif;
background:whitesmoke;
}

#main{
width:740px;
margin:0px auto;
text-align:left;
border:10px solid #fff;
background:whitesmoke url(../img/bg_linie.gif) top left repeat-y;
}

#logo {
height:110px;
text-align:left;
padding:0;
margin:0;
background:#005292 url(../img/logo.jpg) top right no-repeat;
border-bottom:10px solid #fff;
}

#content {
width:740px;
padding:0;
margin:0;
}

#left {
width:220px;
float:left;
font-size:80%;
text-align:left;
}

#right {
width:520px;
float:left;
font-size:80%;
text-align:left;
padding:0;
margin-top:110px;
background:#EBEBEB;
/*	CSS Hack für min-height	*/
min-height:800px;
height:auto !important;
height:800px;
}

#bottom {
width:740px;
float:left;
clear:both;
text-align:center;
font-size:80%;
padding:10px 0px 10px 0px;
margin:0;
background:#EBEBEB;
border-top:10px solid #fff;
}

.invisible {
display:none;
}

/**********************************************************************************/
/*	Schrift	*/

h1{
font-size:100%;
line-height:160%;
font-weight:bold;
color:#005292;
padding:0;
clear: both;
}

h2{
font-size:100%;
text-transform:uppercase;
line-height:160%;
font-weight:bold;
color:#005292;
padding:10px 0px 10px 20px;
}

h2 span{
font-size:80%;
line-height:100%;
font-weight:normal;
color:#8A8C8E;
}

h3{
font-size:90%;
text-transform:uppercase;
line-height:160%;
font-weight:bold;
color:#005292;
padding:10px 0px 0px 20px;
clear: both;
}

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

p a:link, p a:visited, #right li a:link, #right li a:visited, #TJK_DL dd a:link, #TJK_DL dd a:visited{
color:#00AD7D;
font-weight:bold;
border-bottom: 1px dotted #00AD7D;
}

p a:hover, p a:active, #right li a:hover, #right li a:active, #TJK_DL dd a:hover, #TJK_DL dd a:active{
color:#00AD7D;
font-weight: bold;
border-bottom: 1px solid #00AD7D;
}

p.hinweis{
font-weight:bold;
text-align:center;
color:#005292;
background:#fff;
margin:10px;
padding:5px;
border: 1px solid #005292;
}

p.bottom{
font-size:80%;
font-weight:normal;
color:#8A8C8E;
/*
padding:10px 202px 10px 202px;
border-top: 1px dashed #ccc;
*/
}

p.untertitel{
font-size:80%;
line-height:1.0em;
font-weight:normal;
color:#8A8C8E;
padding:4px 5px 0 5px;
margin:0;
}

.bild_subline{
float:left;
width:100px;
height:110px;
text-align:center;
padding:5px;
margin:5px;
}
/**********************************************************************************/
/*  "Show All" + "Hide All" links */
#TJK_ToggleON,#TJK_ToggleOFF {border:1px solid #333;padding:0 5px;margin-right:5px}
#TJK_ToggleON,#TJK_ToggleOFF {display:inline;cursor:pointer;cursor:hand}

/* styling all anchors in the DTs */
#TJK_DL dt a {color:#00AD7D;text-decoration:none}
#TJK_DL dt a:visited {color:#00AD7D}
#TJK_DL dt a:visited:hover,
#TJK_DL dt a:hover,
#TJK_DL dt a:active,
#TJK_DL dt a:focus {color:#00AD7D;font-weight:bold}

#TJK_DL .showDD {position:relative;top:0}
#TJK_DL dd,.hideDD{top:-9999px;position:absolute}
#TJK_DL {margin:0 0 0px 20px;color:#00AD7D;}

#TJK_DL dt{
font-size:100%;
text-transform:uppercase;
line-height:160%;
font-weight:bold;
color:#00AD7D;
margin:5px 0 0 0;
padding:4px 10px;
width:460px;
background:whitesmoke;
}

#TJK_DL dd{
line-height:1.6em;
color:#666;
margin:0;
padding:10px;
width:460px;
background:#fff;
}

/* no need to show these ones if there is no script support */
#TJK_ToggleON,#TJK_ToggleOFF {display:none}
/**********************************************************************************/
table{
border:1px solid #ccc;
margin:0px 10px 10px 20px ;
}

.preistabelle th{
width:25%;
font-weight:bold;
color:#333;
background:#fff;
text-align:center;
}

.preistabelle td{
width:25%;
font-weight:normal;
color:#333;
background:#fff;
text-align:right;
}
/**********************************************************************************/

#iframe {
width			: 520px;
float			: left;
padding			: 0;
margin			: 0;
/*	CSS Hack für min-height	*/
min-height		: 2620px;
height			: auto !important;
height			: 2620px;
}

#routendb {
width			: 490px;
float			: left;
padding			: 0;
margin			: 0;
height			: 430px;
}

#frame_main {
text-align		: left;
padding			: 0;
margin			: 0;
}

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

.menu, .menu_aktiv{
padding:10px 0px 0px 10px;
margin-bottom:6px;
}

.menu a:link, .menu a:visited{
font-weight:bold;
text-transform:uppercase;
color:#fff;
padding-left:10px;
}

.menu a:hover, .menu a:active{
font-weight:bold;
text-transform:uppercase;
color:#005292;
padding-left:10px;
}

.menu_aktiv a:link, .menu_aktiv a:visited, .menu_aktiv a:hover, .menu_aktiv a:active{
font-weight:bold;
text-transform:uppercase;
color:#005292;
padding-left:10px;
}

.submenu, .submenu_aktiv{
padding-left:30px;
margin-bottom:4px;
}

.submenu a:link, .submenu a:visited{
font-weight:normal;
color:#fff;
background: url(../img/submenu.gif);
background-repeat: no-repeat;
background-position: left 4px;
padding-left:10px;
}

.submenu a:hover, .submenu a:active{
font-weight:normal;
color:#005292;
background: url(../img/submenu_a.gif);
background-repeat: no-repeat;
background-position: left 4px;
padding-left:10px;
}

.submenu_aktiv a:link, .submenu_aktiv a:visited, .submenu_aktiv a:hover, .submenu_aktiv a:active{
font-weight:normal;
color:#005292;
background: url(../img/submenu_a.gif);
background-repeat: no-repeat;
background-position: left 4px;
padding-left:10px;
}
/**********************************************************************************/
#right ul{
list-style-type:square;
}

#right li{
font-size:90%;
line-height:1.6em;
font-weight:normal;
color:#666;
margin:0px 10px 0px 40px;
}

#left img{
margin-left:10px;
}

.bild_content, p img{
margin:5px;
border:1px solid #fff;
background:#fff;
float:left;
}

.bild_links{
margin:0px 5px 5px 0px;
border:1px solid #fff;
}

hr{
margin:10px 20px;
color:#fff;
background:#fff;
border:0px;
height:1px;
}
/**********************************************************************************/

.download, .download_pdf, .download_video{
background: url(../img/icon_download_pdf.gif);
background-repeat: no-repeat;
background-position: left 4px;
padding-left:14px;
}
/**********************************************************************************/
/*	Formular	*/
.formular{
 width:400px;
 height:340px;
 padding:5px;
 }

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

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

input{
 height:14px;
 }

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

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

.button{
 height:20px;
 font-size:10px;
 color:#fff;
 background:#005292;
 vertical-align:top;
 padding:1px 3px;
 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:#005292;
 }
/**********************************************************************************/
.clearfloat
{
display: block;
clear: both;
float: none;
height: 1px;
font-size: 1px;
line-height: 1px;
overflow: hidden;
}

.error{
font-family: arial, verdana, 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;
}