/*--CSS Stylesheet Copyright 2006 by Jutta Kemperle --*/
/*--www.jukemedia.de --*/
/*tpljk02010*/

body {background: #000099 url(images/bg_bdy_002.jpg) 0px 450px repeat-x;
margin:0; padding:0;
font-familiy:'trebuchet ms', sans-serif;}

.clear {clear:both;}
.clear-lft {clear:left;}
.clear-rgt {clear:right;}

p {
line-height:24px;
font : normal 16px Arial, sans-serif;
color:#000066;text-align:left;}

img {border:none;}

/*----------------------------------------------------------------------------*/
/*SEC1*/
/*----------------------------------------------------------------------------*/
#sec1 {
min-height:800px;
width:778px;
margin:0 auto 0 auto;
background:#fff url(images/bg_content1.jpg) no-repeat 0px 320px;
border:1px solid white;
overflow: hidden; } 

*html #sec1 {height:800px;}



/*#saftfaf {float:left;}*/

.content {
float:left;
min-height:900px;height:auto;
width:480px;
margin-left:20px;
background:transparent;
text-align:left;padding-top:30px;}

.content h2 {
font : normal 20px Arial, sans-serif;
width:500px;
color:#FF6600;
text-align:left;
text-transform:uppercase;
margin: 40px 0 20px 0;}

#sec2 h2 {
width:100%; color:#FF6600;}

.content h3 {
font : bold 16px Arial, sans-serif;
width:500px;
color:#000066;
text-align:left;
text-transform:uppercase;
margin: 40px 0 20px 0;
text-decoration:underline;}


.content li {
list-style-type:square;
font : normal 16px Arial, sans-serif;
color:#000066;
margin-bottom:14px;}

.content a {
padding:4px;
font : bold 14px Arial, sans-serif;
background-color:#ECF2FE;
color:#1C1C97;text-align:left;
text-decoration:none;}

.content a:hover {
background-color:#D4E1FD;}

.content a.anmeldung {
display:block;width:90%;
margin: 50px 0 100px 0;
padding:14px;
font : bold 18px Arial, sans-serif;
background-color:#ECF2FE;
color:#1C1C97;text-align:left;
text-decoration:none;
border:1px solid #ff6600;}

.content a.anmeldung:hover {
background-color:#BCD0FC;
border:1px solid red;}

.content p {line-height:25px;}

.content p.wichtig {
background-color:#BFD9EF;
border:1px dotted #2E78B8;padding:10px;}

.content img {border:none; float:left;
margin: 0 5px 4px 0;}

.content ul#spezialkurse {
margin-left:170px; line-height:15px;}

.content p.ausbildung {
margin-left:190px;}

.content {
line-height:24px;
font : normal 16px Arial, sans-serif;
color:#000066;text-align:left;}


/*----------------------------------------------------------------------------*/
/*SEC1 HEADER*/
/*----------------------------------------------------------------------------*/
#header {
width:100%;height:298px;
margin: 0 auto 0 auto;
background:#050E4C url(images/bg_header.jpg);
text-align:center;
border-top:15px solid #1FADEF;}


div#title {width:780px; height:30px;margin:0 auto 0 auto;background-color:transparent;}

h1.title {
font : normal 27px Arial, serif;
text-align:left;padding:0;margin:0;
color:#1FADEF;}




p#subtitle {
font-variant:small-caps;
font : normal 11px Arial, serif;
color:#b4b4b4;
margin:40px 0 40px 20.3%;
text-align:left;}

#header a img {
border:none;margin:0px;
border-bottom: 6px solid #FF6600;}




/*----------------------------------------------------------------------------*/
/*SEC1 Sidebar rechts*/
/*----------------------------------------------------------------------------*/

#sbar-rgt {
padding: 0 0 0 10px;
margin: 40px 10px 15px 0;
width:200px;
float:right;
text-align:left;
background: #fff;
border-left: 1px solid #E7E7E7;}
* html #sbar-rgt {width:210px;}

#sbar-rgt h1 {
font: bold 16px "arial", sans-serif;
text-align:right;
text-transform:uppercase;
color:#FF6600;
border-bottom:1px dashed #83B5E0;}

#sbar-rgt h3.adresse {
font: normal 12px "Arial", sans-serif;
text-align:right;
color:#000066;
margin:30px 0 30px 0;}

#sbar-rgt h1.second {
font: bold 14px "Arial", sans-serif;
text-align:right;
color:#FF6600;
border-bottom:1px dashed #006634;
margin-top:40px;}

#sbar-rgt p {
font: normal 14px "Arial", sans-serif;
text-align:right;
color:#000066;background-color:transparent;}

#sbar-rgt a.weiterlesen {
font: bold 11px "Arial", sans-serif;
text-align:right;
color:#1C1C97;background-color:#ECF2FE;
text-decoration:none;}

#sbar-rgt a.weiterlesen:hover {
background-color:#D4E1FD;}

#sbar-rgt img.foto {
margin-top:20px;}

#sbar-rgt .lernen {
padding bottom: 20px;}



/*----------------------------------------------------------------------------*/
/*SEC1 MainMENUE  oben*/
/*----------------------------------------------------------------------------*/
#navcont {width:780px; height:40px;margin:0 auto 0 auto; background-color:#83B5E0;
border-bottom:1px solid #3385CC;}

ul#listmenu {
float:left;
padding: 0px; margin:0;
background-color:#fff;}

ul#listmenu li {
float: left;
padding:0;margin:0;
background:#fff;
list-style-type:none;}

ul#listmenu li#li-active {
float: left;padding-top:10px;
width:110px;height:30px;
margin:0;
background: #FF6600;
text-align:center;
list-style-type:none;}

ul#listmenu a {
display:block;padding-top:10px;
width:110px;height:30px;	
background: #83B5E0;text-align:center;
text-decoration: none;border-right:1px solid #5B9DD6;}
	
ul#listmenu a:hover {
font:normal 0.7em Verdana, sans-serif;
background:#5B9DD6; }
	
ul#listmenu a, ul#listmenu a:hover, li#li-active, span {font:bold 12px Verdana, sans-serif;}
ul#listmenu a, li#li-active, span, ul#listmenu a:hover {color:#000;}


/*----------------------------------------------------------------------------*/
/* SEC1 Sidebar SubMENUE  RECHTS*/
/*----------------------------------------------------------------------------*/

ul#listmenu1 {margin:0; padding:0;}
ul#listmenu1 li{list-style-type:none;}

ul#listmenu1 a {
display:block;width:192px;
padding:4px;
color:#000066;background-color: #ABCDEA;
text-decoration:none;
font: bold 14px "Arial", sans-serif;}
* html ul#listmenu1 a {width:203px;}

ul#listmenu1 li {margin-bottom:18px;}

ul#listmenu1 li#li-active {
margin-bottom:18px;
background-color:#FF6600;
height:20px;
padding: 5px 0 0 5px;
font: bold 14px Arial, sans-serif;}

ul#listmenu1 a:hover {
display:block;width:192px;
padding:4px;
color:#000066;background-color: #D0D9E1;
text-decoration:none;
font: bold 14px "Arial", sans-serif;}
* html ul#listmenu1 a:hover {width:203px;}






/*----------------------------------------------------------------------------*/
/*SEC2 (News&Eevents)*/ 
/*----------------------------------------------------------------------------*/
#sec2 {
position:relative;
width:738px;height:360px;
padding:0 20px 80px 20px;
margin:0 auto 0 auto;
text-align:center;
background:#E1EEFF url(images/bg_h1sectitle2.jpg) repeat-x;
border:1px solid #C7E0FF;}

#sec2 h1.sectitle {
width:100%;height:40px;
margin-top:20px;
text-align:left;
background:transparent;
font:bold 24px Arial, sans-serif;
color:#000099;
text-transform:uppercase;}

* html #sec2 h2 {margin-left:-240px;}
*+html #sec2 h2 {margin-left:-240px;}

#sec2 img#taucherin {
position:absolute;
top:208px; left:461px;}

* html #sec2 img#taucherin {top:208px; left:461px;}
*+html #sec2 img#taucherin {top:208px; left:461px;}


#sec2 h2 {
font : normal 20px Arial, sans-serif;
width:500px;
color:#FF6600;
text-align:left;
text-transform:uppercase;
margin: 20px 0 20px 0;}

#sec2 a.more-news {
display:block;width:250px;
position:absolute;top:0px;right:0px;
padding:10px; font: bold 20px Arial, sans-serif;background-color:#ff9900;
color:lightgreen;}

#sec2 a.more-news:hover {
display:block;width:250px;
position:absolute;top:0px;right:0px;
padding:10px; font: bold 20px Arial, sans-serif;background-color:#ff9900;
color:#22DF22;}

#sec2 a {
font: bold 14px Arial, sans-serif;
color:#195CAB; background-color:transparent;}

#sec2 a:hover {
color:#ff9900;}
/*----------------------------------------------------------------------------*/
/*SEKTION3(Fotos)*/ 
/*----------------------------------------------------------------------------*/
#sec3 {
width:738px;
min-height:400px; height:auto;
padding:0 20px 80px 20px;
margin:0 auto 0px auto;
text-align:center;
background:#E1EEFF url(images/bg_h1sectitle2.jpg) repeat-x;
border:1px solid #DFEEFF;}

#sec3 h1.sectitle {
width:100%;height:40px;
margin-top:20px;
background:transparent;
font:bold 24px Arial, sans-serif;
color:#000099;
text-align:left;
text-transform:uppercase;}


#sec3content, #sec3content_steffen {
float:left;margin-left:40px;margin-top:50px;
width:640px;
position:relative;
background: transparent url(images/bg.jpg) no-repeat 218px 21px;}

#sec3content_steffen {
background: transparent url(images/steffen_nowack_a.jpg) no-repeat 228px 31px;}


.menu {float: left;width: 90px;background-color:transparent;margin-right:5px;}

.navi {
float: left;
width: 90px;
margin-top: 20px;
background-color:transparent;}

.navi a {
display: block;width:80px;height:60px;
text-decoration: none;
margin: 6px 0;
background-color:#fff;
text-align: left;
}

.navi a img {
border:1px solid #000;padding:0;margin:0;background-color:#fff;}


.navi a:link {background-color:#fff;}
.navi a:visited {background-color: #fff;}
.navi a:hover {background-color:#fff;padding:0;margin:6px 0;}
.navi a:active {background-color:#fff;}

.showcase {display: none;}

.navi a:hover .showcase {
position: absolute;
top: 25px;
left: 222px;
display: block;
width: 397px;
font: bold 0.92em Verdana, Arial, Helvetica, sans-serif;
background-color:transparent;
padding: 5px;}

.navi a em {
display:block;margin-top:20px;
color:#60A8FF;font-style:normal;font-size:12px;font-weight:normal;}





/*----------------------------------------------------------------------------*/
/*SEKTION4(Footer)*/ 
/*----------------------------------------------------------------------------*/
#sec4 {
height:300px;
width:100%;padding: 10px 0 10px 0;
text-align:left;
border-top:3px solid #4694FF;
font : normal 10px Arial, sans-serif;
background:#79B2FF url(images/surftipps.jpg) no-repeat top left;}

#sec4 p{
line-height:20px;
margin-left:20%;}

#sec4 a {
padding:4px;
color:#000099;background-color:transparent;
text-decoration:none;
font: bold 10px Arial, sans-serif;}

#sec4 a:hover {
background-color:#f4f4f4;}

#listbox {
width:755px;height:200px;
padding:0 20px 0 20px;
margin:0 auto 0 auto;
text-align:center;
background-color:transparent;}

ul#sec4list-1, ul#sec4list-2{
float:left;
width:310px;
text-align:left;
background-color:transparent;
list-style-type:none;
margin:0; padding:0;}

ul#sec4list-2 {float:right;}

ul#sec4list-1 a, ul#sec4list-2 a {
margin:0; padding: 6px 0 6px 14px;
display:block; width:95.5%;
color:#000099;
background: transparent url(images/arrow_001.gif) no-repeat 0px 10px;
text-decoration:none;
font: normal 14px "Arial", sans-serif;}

ul#sec4list-1 li, ul#sec4list-2 li {
border-bottom: 1px solid #4694FF;
width:100%;}

ul#sec4list-1 a:hover, ul#sec4list-2 a:hover  {background-color:#BFDBFF;}