/* 
FARBEN
------
DUNKELBLAU: #006699
HELLBLAU:#6699CC
ROT:#CC0033
*/


html {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
background-color:#fff;
}

p, h1, h2, h3, h4, h5, h6, ul, li, img, form, fieldset, label, legend, dt, dl, dd {margin:0;padding:0;}

a {color: #666;text-decoration:none;}
a:link {color: #666;}
a:visited {color: #666;}
a:hover {color: #CC3333;}
a:active {color: #666;}
a:focus {color: #666;}

/* LINKS */

.download {
background:transparent url("../gfx/link_download.gif") no-repeat 0 0;
padding-left:15px;
}

.external-link  {
background:url("../gfx/link_external.gif") no-repeat 0 0;
padding-left:15px;
}

.internal-link {
background:url("../gfx/link_internal.gif") no-repeat 0 0;
padding-left:15px;
}

.mail  {
background:transparent url("../gfx/link_mail.gif") no-repeat 0 0;
padding-left:16px;
}

.rot {
color:#CC3333;
}

.fon {
background:transparent url("../gfx/span_fon.gif") no-repeat 0 0;
padding-left:16px;
}

.fax {
background:transparent url("../gfx/span_fax.gif") no-repeat 0 0;/**/
padding-left:16px;
}

.person {
background:transparent url("../gfx/span_person.gif") no-repeat 0 0;/**/
padding-left:16px;
font-weight:bold;
}

/* LAYOUT */

#page {
width:1000px;
}

#head {
height:220px;
background:#ccc;
}

#head #logo {
position:absolute;
top:28px;
left:0;
width:220px;
height:220px;
background-color:#fff;
}

#head #logo a img {
border:0px solid red;
margin:40px 10px;
padding:0;
}

#head #title {
height:220px;
width:780px;
position:absolute;
top:28px;
left:220px;
z-index:1;
}

#right {
float:right;
width:220px;
margin-top:-60px;
z-index:100;
}

#topNav {
background:#339BD5 url("../gfx/topnav_bg.jpg") no-repeat left top;
height:21px;
border-top:7px solid #0082CB;
}

/* BREADCRUMB */

#breadcrumb {
font:normal 10px/10px Verdana, Helvetica, sans-serif;
text-transform:uppercase;
margin:0;
padding:2px 10px 2px 30px;
color:#fff;
text-align:left;
height:14px;
float:right;
background:#339BD5 url("../gfx/breadcrumb_left.jpg") no-repeat left top;
}

#breadcrumb a {color: #fff;text-decoration:none;font-weight:normal;}
#breadcrumb a:link {color: #fff;}
#breadcrumb a:visited {color: #fff;}
#breadcrumb a:hover, #content #breadcrumb a.active, #content #breadcrumb a:link.active {color: #fff;}
#breadcrumb a:active {color: #fff;}
#breadcrumb a:focus {color: #fff;}


/* LANGUAGES MENU */

#languages {
position:absolute;
top:0;
left:238px;
width:200px;
font:normal 10px/20px Verdana, Helvetica, sans-serif;
float:left;
text-transform:uppercase;
color:#fff;
}

#languages span {}

#languages a {color: #fff;text-decoration:none;margin-right:4px;}
#languages a:link {color: #fff;}
#languages a:visited {color: #fff;}
#languages a:hover, #languages ul li.active a, #languages ul li.active a:link {color: #fff;}
#languages a:active {color: #fff;}
#languages a:focus {color: #fff;}

/* MAIN MENU */

#menu {
clear:both;
height:28px;
background:#006699;
background:#339BD5 url("../gfx/mainnav_bg.jpg") no-repeat left top;

}

#menu ul {
position:absolute;
top:248px;
left:221px;
text-align:left;
margin:0;
padding:0;
float:left;
width:800px;
}

#menu ul li {
padding:0;
margin:0;
display:inline;
list-style:none;
font:normal 10px/10px Verdana, Helvetica, sans-serif;

}

#menu ul li a {
color: #fff;
text-decoration:none;
width:111px;
text-align:center;
padding:4px 0px 4px 0px;
float:left;
border-right:1px solid white;
text-transform:uppercase;
background:#339CD6;
color:#fff;
}

#menu ul li a:link {color:#fff;}
#menu ul li a:visited {color:#fff;}
#menu ul li.active a, #menu ul li.active a:link, #menu ul li.active a:visited {background:#CC3333;;color:#fff;}
#menu ul li a:hover {background:#CC3333;color:#fff;}
#menu ul li a:active {color:#fff;}
#menu ul li a:focus {color:#fff;}

#menu ul li a.first, #menu ul li a.first:link, #menu ul li a.first:visited {background:transparent url("../gfx/li_first_off.gif") no-repeat 0 0;}
#menu ul li.active a.first, #menu ul li.active a.first:link, #menu ul li.active a.first:visited {background:transparent url("../gfx/li_first_on.gif") no-repeat 0 0;}
#menu ul li a.first:hover {background:transparent url("../gfx/li_first_on.gif") no-repeat 0 0;}
/* LEFT */

#left {
width:220px;
margin:0;
padding:0;
float:left;

background-color:#fff;
/*padding-bottom:260px;
*/
}

/* SUB MENU */

#left #submenu {
width:220px;
background-color:#339BD5;
margin:0 0 0px 0;
padding:0;
}

#left #leftcontent {
border-top:0px solid #fff;
background-color:#fff;
padding:0px 0 0 0;
margin:0;
}


#left #submenu ul {
text-align:left;
margin:0px 0 0px 0;
padding:0;
border-bottom:0px solid #006699;

border-bottom:0px solid #999;
}

#left #submenu ul li {
padding:0;
margin:0;
list-style:none;
text-transform:uppercase;
font:normal 10px/12px Verdana, Helvetica, sans-serif;
border-top:1px solid #fff;
}

#left #submenu ul li a {color: #fff;text-decoration:none;padding:8px 12px 8px 12px;background:#339BD5;border-left:0px solid #ccc;display:block;}
#left #submenu ul li a:link {color: #fff;}
#left #submenu ul li a:visited {color: #fff;}
#left #submenu ul li a:hover,#left  #submenu ul li.active a,#left  #submenu ul li.active a:link,#left #submenu ul li.active a:visited {background:#0082CB;border-left:0px solid #ddd;color: #fff;}
#left #submenu ul li a:active {color: #fff;}
#left #submenu ul li a:focus {color: #fff;}

#left #submenu ul li ul {
text-align:left;
margin:0;
padding:0;
border-bottom:0px solid #006699;
}

#left #submenu ul li ul li {
padding:0;
margin:0;
list-style:none;
font:normal 10px/12px Verdana, Helvetica, sans-serif;
border-top:1px solid #fff;
}

#left #submenu ul li.active ul li a {
color: #333;
text-decoration:none;
padding:8px 12px 8px 20px;
background:#ddd;
display:block;
}

#left #submenu ul li.active ul li a:link {color: #666;background:#ddd;}
#left #submenu ul li.active ul li a:visited {color: #666;background:#ddd;}

#left #submenu ul li.active ul li a:hover, #left #submenu ul li.active ul li.active a, #left #submenu ul li.active ul li.active a:link, #left #submenu ul li.active ul li.active a:visited {background:#ccc;color: #666;}

#left #submenu ul li.active ul li a:active {background:#ccc;color: #666;}
#left #submenu ul li.active ul li a:focus {background:#ccc;color: #666;}


#left h1 {
font:bold 11px/1.4em Verdana, Helvetica, sans-serif;
padding:2px 6px 2px 6px;
color:#fff;
}

#left h2, #left h3, #left h4, #left h5, #left h6 {
font:bold 11px/1em Verdana, Helvetica, sans-serif;
padding:2px 0px 0px 0px;
color:#333;
}

#left p {
font:normal 10px/1.4em Verdana, Helvetica, sans-serif;
padding:2px 6px 4px 6px;
color:#fff;
}

#left ul {
margin:4px 0px 4px 14px;
}

#left ul li {
font:normal 11px/1.2em Verdana, Helvetica, sans-serif;
list-style:square;
color:#fff;
}

#left p a {color: #fff;text-decoration:none;}
#left p a:link {color: #fff;}
#left p a:visited {color: #fff;}
#left p a:hover {color: #fff;}
#left p a:active {color: #fff;}
#left p a:focus {color: #fff;}

/* TYPO3 FRAMES LEFT */

#left .csc-frame {
padding:6px;
margin:0px 0 1px 0;
}

#left .csc-frame a {color: #fff;text-decoration:none;font-weight:bold;}
#left .csc-frame a:link {color: #fff;}
#left .csc-frame a:visited {color: #fff;}
#left .csc-frame a:hover {color: #fff;}
#left .csc-frame a:active {color: #fff;}
#left .csc-frame a:focus {color: #fff;}


/* FRAME 1 */

#left .csc-frame-frame1 {
background-color:#339BD5;

}

#left .csc-frame-frame1 p, #left .csc-frame-frame1 li, #left .csc-frame-frame1 h1 {
color:#fff;
}

/* FRAME 2 */

#left .csc-frame-frame2 {
margin-top:15px;
background-color:#FCEDD2
}

#left .csc-frame-frame2 p, #left .csc-frame-frame2 li, #left .csc-frame-frame2 h1 {
color:#000;
}

#left .csc-frame-frame2 a {color:#000;text-decoration:none;font-weight:bold;}
#left .csc-frame-frame2 a:link {color:#000;}
#left .csc-frame-frame2 a:visited {color:#000;}
#left .csc-frame-frame2 a:hover {color:#000;}
#left .csc-frame-frame2 a:active {color:#000;}
#left .csc-frame-frame2 a:focus {color:#000;}

/* FRAME 3 */

#left .csc-frame-frame3 {
margin-top:15px;
background-color:#339BD5;
}

#left .csc-frame-frame3 p, #left .csc-frame-frame3 li, #left .csc-frame-frame3 h1 {
color:#fff;
}

/* FRAME 4 */

#left .csc-frame-frame4 {
background-color:#339BD5;

}

#left .csc-frame-frame4 p, #left .csc-frame-frame4 li, #left .csc-frame-frame4 h1 {
color:#fff;
}

/* FRAME 5 */

#left .csc-frame-frame5 {
background-color:#339BD5;
border:0px solid #006699;
}

#left .csc-frame-frame5 p, #left .csc-frame-frame5 li, #left .csc-frame-frame5 h1 {
color:#fff;
}

/* RIGHT */

/*
#right {
float:right;
margin-top:-75px;
width:220px;
border:0px solid red;
padding:0px;
}
*/



#right h1 {
font:bold 11px/1.4em Verdana, Helvetica, sans-serif;
padding:2px 0px 2px 0px;
color:#333;
}

#right h2, #right h3, #right h4, #right h5, #right h6 {
font:bold 10px/1.4em Verdana, Helvetica, sans-serif;
padding:2px 0px 0px 0px;
color:#006699;

}

#right p {
font:normal 10px/1.4em Verdana, Helvetica, sans-serif;
padding:2px 0px 2px 0px;
color:#000;
}

#right ul {
margin:4px 0px 4px 16px;
}

#right ul li {
font:normal 11px/1.2em Verdana, Helvetica, sans-serif;
list-style:square;
color:#000;
}

/* TYPO3 FRAMES RIGHT */

#right .csc-frame {
padding:8px;
margin:0 0 0px 0;
border-top:1px solid #fff;
border-left:1px solid #fff;

}

#right .csc-frame a {color: #fff;text-decoration:none;font-weight:bold;}
#right .csc-frame a:link {color: #fff;}
#right .csc-frame a:visited {color: #fff;}
#right .csc-frame a:hover {color: #CC3333;}
#right .csc-frame a:active {color: #fff;}
#right .csc-frame a:focus {color: #fff;}


/* FRAME 1 */

#right .csc-frame-frame1 {
/*background-color:#0082CB;*/
background-color:#666;
overflow:hidden;
}

#right .csc-frame-frame1 p, #right .csc-frame-frame1 li, #right .csc-frame-frame1 h1 {
color:#fff;

}

/* FRAME 2 */

#right .csc-frame-frame2 {
background-color:#339BD5;
}

#right .csc-frame-frame2 p, #right .csc-frame-frame2 li, #right .csc-frame-frame2 h1 {
color:#fff;
}

/* FRAME 3 */

#right .csc-frame-frame3 {
background-color:#CCCCCC;
}

#right .csc-frame-frame3 p, #right .csc-frame-frame3 li, #right .csc-frame-frame3 h1 {
color:#333;
}

#right .csc-frame-frame3 a {color: #333;text-decoration:none;font-weight:bold;}
#right .csc-frame-frame3 a:link {color: #333;}
#right .csc-frame-frame3 a:visited {color: #333;}
#right .csc-frame-frame3 a:hover {color: #CC3333;}
#right .csc-frame-frame3 a:active {color: #333;}
#right .csc-frame-frame3 a:focus {color: #333;}

/* FRAME 4 */

#right .csc-frame-frame4 {
background-color:#ddd;

}

#right #right .csc-frame-frame4 h1 {
color:#333;
}

#right .csc-frame-frame4 p, #right .csc-frame-frame4 li, #right .csc-frame-frame4 h1 {
color:#666;
}

#right .csc-frame-frame4 a {color: #333;text-decoration:none;font-weight:bold;}
#right .csc-frame-frame4 a:link {color: #333;}
#right .csc-frame-frame4 a:visited {color: #333;}
#right .csc-frame-frame4 a:hover {color: #CC3333;}
#right .csc-frame-frame4 a:active {color: #333;}
#right .csc-frame-frame4 a:focus {color: #333;}

/* FRAME 5 */

#right .csc-frame-frame5 {
background-color:#339BD5;
margin-top:119px;
border:1px solid #fff;
}

#right .csc-frame-frame5 p, #right .csc-frame-frame5 li, #right .csc-frame-frame5 h1 {
color:#fff;
}

/* FRAME 6 */

#right .csc-frame-frame6 {
border:1px solid #fff;
background-color:#FCEDD2
}

#right .csc-frame-frame6 p, #left .csc-frame-frame6 li, #left .csc-frame-frame6 h1 {
color:#000;
}

#right .csc-frame-frame6 a {color:#000;text-decoration:none;font-weight:bold;}
#right .csc-frame-frame6 a:link {color:#000;}
#right .csc-frame-frame6 a:visited {color:#000;}
#right .csc-frame-frame6 a:hover {color:#000;}
#right .csc-frame-frame6 a:active {color:#000;}
#right .csc-frame-frame6 a:focus {color:#000;}

/* CONTENT */

#content {
width:530px;
background:#fff;
border:0px solid red;
float:left;
margin:15px 5px 25px 15px;
}

#content h1 {
font:bold 15px/1em Verdana, Helvetica, sans-serif;
color:#999;
margin:0 0 5px 0;
padding:10px 0px 5px 0px;
clear:right;
border-bottom:0px solid #666;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
font:bolder 11px/1em Verdana, Helvetica, sans-serif;
color:#666;
padding:10px 0px 0px 0px;
}

#content p {
font:normal 11px/1.4em Verdana, Helvetica, sans-serif;
color:#666;
margin:4px 0px 0px 0px;
background:transparent;
}

#content img {

margin:5px 0 0 0;
border:1px solid #ccc;
padding:0px;
background:#fff;
}

#content .csc-textpic-lastcol dt img {}
#content .csc-textpic-image .csc-textpic-firstcol .csc-textpic-lastcol img {}
#content .csc-textpic-above {}
#content .csc-textpic-intext-left img {}
#content .csc-textpic-intext-left-nowrap dt img {margin:4px;margin-bottom:1px;width:90px;height:90px;border:1px solid #ccc;}
#content .csc-textpic-intext-left-nowrap .csc-textpic-text {margin-left:5px;}
#content .csc-textpic-intext-left dt {margin-right:5px;}
#content .csc-textpic-intext-right dt {margin-right:0px;}

#content dd {font:normal 10px/1.6em Verdana, Helvetica, sans-serif;color:#666;}

#content a {color: #333;text-decoration:none;}
#content a:link {color: #333;}
#content a:visited {color: #333;}
#content a:hover {color: #CC3333;}
#content a:active {color: #333;}
#content a:focus {color: #333;}



#content ul {
margin:4px 0px 4px 16px;
}

#content ul li {
font:normal 11px/16px Verdana, Helvetica, sans-serif;
list-style:square;
color:#666;
}


/* FRAME 1 */

#content .csc-frame {
margin:6px 0 0px 0;

}


#content .csc-frame h1 {
font:bolder 11px/1em Verdana, Helvetica, sans-serif;
color:#339BD5;
padding:6px 0px 2px 0px;
margin:0;
border-bottom:0px solid #999;
}

#content .csc-frame h2, #content .csc-frame h3, #content .csc-frame h4, #content .csc-frame h5, #content .csc-frame h6 {
padding:6px 0px 2px 0px;
margin:0;
}

#content .csc-frame-frame1 {
background-color:#fff;
padding:4px 4px;
width:249px;
float:left;
}

#content .csc-frame-frame1 p, #content .csc-frame-frame1 li, #content .csc-frame-frame1 h1 {
color:#666;
}



#content .csc-frame-frame1 h1, .csc-frame-frame1 h2, .csc-frame-frame1 h3, .csc-frame-frame1 h4, .csc-frame-frame1 h5, .csc-frame-frame1 h6, .csc-frame-frame1 p, , .csc-frame-frame1 li {
color:#666;
}

#content .csc-frame-frame1 img {
border:1px solid #999;
}

/* FRAME 2 */

#content .csc-frame-frame2 {
background-color:#f0f0f0;
padding:4px 4px;
width:249px;
float:right;

}

#content .csc-frame-frame2 p {
color:#666;

}

#content .csc-frame-frame2 li, #content .csc-frame-frame2 h1 {
color:#666;

}

#content .csc-frame-frame2 img {
border:1px solid #999;
}

#content .csc-frame-frame2 h2  {
color:#339BD5;
}



/* FRAME 3 */

#content .csc-frame-frame3 {
background-color:#ddd;
padding:4px;
clear:both;
width:520px;
float:left;
}

#content .csc-frame-frame3 p, #content .csc-frame-frame3 li, #content .csc-frame-frame3 h1 {
color:#666;

}



/* FRAME 4 */

#content .csc-frame-frame4 {
background-color:#f0f0f0;
padding:4px;
clear:both;
width:520px;
float:left;
}

#content .csc-frame-frame4 p, #content .csc-frame-frame4 li, #content .csc-frame-frame4 h1 {
color:#666;
}



/* FRAME 5 */

#content .csc-frame-frame5 {
background-color:#FFF;
padding:4px;
width:520px;
clear:both;
float:left;
}

#content .csc-frame-frame5 p, #content .csc-frame-frame5 li, #content .csc-frame-frame5 h1 {
color:#666;
}

/* FRAME 6 */

#content .csc-frame-frame6 {
background-color:#FFF;
width:530px;
clear:both;
margin-top:6px;
float:left;
}

#content .csc-frame-frame6 p, #content .csc-frame-frame6 li, #content .csc-frame-frame6 h1 {
color:#333;
}

/* FRAME 7 */

#content .csc-frame-frame7 {
background-color:#FCEDD2;
width:520px;
clear:both;
margin-top:6px;
float:left;
padding:4px;
}

#content .csc-frame-frame7 p, #content .csc-frame-frame7 li, #content .csc-frame-frame7 h1 {
color:#333;
}


/* FOOTER */

#footer {
clear:both;
width:100%;
background-color:#339BD5;
margin-top:20px;
margin-bottom:0px;
border-bottom:0px solid #ccc;
border-top:1px solid #fff;
padding:10px 0 10px 0;
text-align:center;
}


#footer p {

font:normal 11px/1.4em Verdana, Helvetica, sans-serif;
padding:2px;
color:#ddd;
}

#footer p a {color: #fff;text-decoration:none;}
#footer p a:link {color: #fff;}
#footer p a:visited {color: #fff;}
#footer p a:hover {color: #fff;}
#footer p a:active {color: #fff;}
#footer p a:focus {color: #fff;}

#footer ul {
margin:0;
padding:4px 0 4px 0;
}

#footer ul li {
padding:0 4px 0 4px;
margin:0;
display:inline;
list-style:none;
font:normal 11px/11px Verdana, Helvetica, sans-serif;
margin-left:1px;
}

#footer ul li a {color: #ccc;text-decoration:none;}
#footer ul li a:link {color: #ccc;}
#footer ul li a:visited {color: #ccc;}
#footer ul li.active a, #menu ul li.active a:link {color: #ccc;}
#footer ul li a:hover {color: #ccc;}
#footer ul li a:active {color: #ccc;}
#footer ul li a:focus {color: #ccc;}

/* MAILFORM */

.mailformplus {
font:normal 11px/11px Verdana, Helvetica, sans-serif;
margin-top:10px;
}

.mailformplus label {
display:block;
width:60px;
float:left;
margin:0 10px 0px 0px;
border: 0px;
color:#666;
font-weight:bold;
}

.mailformplus input {
width:180px;
border:1px solid #999;
font:normal 11px/11px Verdana, Helvetica, sans-serif;
background:white;
margin-bottom:6px;
}

.mailformplus .radiobutton {
width:20px;
border:0;
float:left;
}

.mailformplus .radiolabel {
width:36px;
margin-top:5px;
}

.mailformplus .button {
width:100px;
color:white;
padding:4px;
margin-top:10px;
float:right;
background:#999;
}

.mailformplus textarea {
width:280px;
border:1px solid #999;
font:normal 11px/11px Verdana, Helvetica, sans-serif;
background:white;
margin-bottom:6px;
}

.mailformplus legend {
padding-left:2px;
padding-right:2px;
border: 0px;
color:#ccc;
visibility:hidden;
}

.mailformplus fieldset {
padding:5px;
padding-top:10px;
border:1px solid #999;
margin:0 0 8px 0;
background:#ccc;
}

.mailformplus br {
clear:both;
}