/* ---------------------- Hauptnavigation ---------------------- */
#operakwick {
display: none;
}

#dolphincontainer {
position: relative;
height: 35px;
color: #E0E0E0;
background: transparent;
width: 100%;
font-family: Helvetica, Arial, Verdana, sans-serif;
}
#dolphinnav {
position: relative;
height: 33px;
font-size: 12px;
font-weight: bold;

padding: 0 0 0 20px;
}
#dolphinnav ul {
margin: 0;
padding: 0;
list-style-type: none;
width: auto;
float: left;
}
#dolphinnav ul li {
display: block;
float: left;
margin: 0 1px;
}
#dolphinnav ul li a {
display: block;
float: left;
color: #EAF3F8;
text-decoration: none;
padding: 0 0 0 19px;
height: 33px;
}
#dolphinnav ul li a span {
padding: 9px 20px 0 0;
height: 21px;
float: left;
}
#dolphinnav ul li a:hover {
color: #fff;
background: transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;
}
#dolphinnav ul li a:hover span {
	display: block;
	width: auto;
	cursor: pointer;
}
#dolphinnav ul li a.active, #dolphinnav ul li a.active:hover {
	color: #fff;
	background: #1D6893 url(images/dolphin_left-ON.gif) no-repeat top left;
	line-height: 275%;
}
#dolphinnav ul li a.active span {
	display: block;
	padding: 0 20px 0 0;
	width: auto;
	background: #1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;
	height: 33px;
}

em, strong{font-style: normal;font-weight: bold;color: #001a38;}

/* ---- LINKS Styles---- */
a:hover {color: #A7B4BF;}

#left a[href^="http:"], #right a[href^="http:"], a.external, a.pdf, a.xls, a.zip, a.reflect_item_link {
text-decoration: none;
font-weight: bold;
padding-left: 19px;
background: transparent url(images/icons/page_white_world.png) no-repeat left top;
color: #04121A ;
margin-left: 3px;
}

#right .kontakt a[href^="http:"]{padding-left: 0px;margin-left: 0;background-image: none; }
#right a.pdf,#left a.pdf{background: transparent url(images/icons/page_white_acrobat.png) no-repeat left center;}
#right a.xls,#left a.xls{background: transparent url(images/icons/page_excel.png) no-repeat left center;}
#right a.zip,#left a.xls{background: transparent url(images/icons/page_white_compressed.png) no-repeat left center;}
#right a.zip:hover, #right a.xls:hover, #right a.pdf:hover{color: #A7B4BF; }

#left a[href^="http:"]:hover, #right a[href^="http:"]:hover, a.reflect_item_link:hover{
color: #ACC5E4; background: transparent url(images/page-go.gif) no-repeat 1px -3px;
}

.newstitle a , #right h2.archiv_year a{color: #001d3a;font-weight: bold;}
#right h2.archiv_year a{background: url(images/icons/page_white_stack.png) no-repeat left center;padding-left: 20px;}

 #right h6 a{margin: 5px 0 20px 30px;}
.beitraglink a, .beitraglink_archiv a {color: #A0BB42;font-weight: bold;}

.newstitle a:hover, .beitraglink a:hover,  #right h2.archiv_year a:hover  {
color: #001d3a;text-decoration: none;
background: url(images/page-go.gif) no-repeat left center;padding-left: 20px;
}

.beitraglink a:hover, .beitraglink_archiv a:hover 
{color: #001d3a;background: url(images/page-go.gif) no-repeat left center;padding-left: 20px;}
.beitraglink_archiv{clear:left;padding-left: 80px;margin: 5px 0 20px 0px; }


#footer a {
color: #C5D4E2;
padding-left: 20px;
font-weight: bold;
background: transparent url(images/icons/page_white_go.png) no-repeat left center;
margin-left: 0px;
}

/**  * (en) Global fix of the Italics bugs in IE 5.x and IE 6  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6  *  * @bugfix  * @affected   IE 5.x/Win, IE6  * @css-for    IE 5.x/Win, IE6  * @valid      yes  */
* html body * {overflow: visible}
body {
	background: #408ad4 url(images/bg.gif) repeat-x top center;
/*		background: #408ad4 url(black.png) top center;*/
	padding: 0;margin:0px;
	font: small/150% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
}

#left p, #right p{padding: 5px 10px 5px 20px;}
#news ul, #right ul{padding-left: 20px; list-style:none;}

#right .reflect_archive_list ul.reflect_items{padding: 2px 0 5px 5px; }
#right .reflect_archive_list ul.reflect_items li.reflect_item{padding: 2px 0 2px 5px; }
#right .reflect_archive_list ul.reflect_items li.reflect_item span.reflect_date{font-style:italic;font-size:10px;}

#left #introduction p { padding: 0; margin:0; }
#left #introduction p strong{color: #fff;}

#introduction {
padding: 10px 10px 10px 20px;
font-size: 13px;
line-height: 25px;
border: 0px #000 solid;
height: 185px;
}

#page_margins{
width: 925px;
max-width: 925px;
margin: 0 auto 10px;
border: 0px #889 solid;
overflow: hidden;
}

#page {
background: transparent;
border: 0px transparent solid;
background-image: url(images/divider-vertikal.gif); 
background-position: center 400px; 
/*  background: url(images/divider-scnee.gif) center top;*/
background-repeat: no-repeat;
margin-bottom:10px;
}

#header {
border: 0px solid #eee;
width: 100%;
height: 118px;
background: transparent url("images/logo-headx.gif") no-repeat top center;
text-align: center;
}

#left #introduction p strong{color: #fff;}

.fadeimg {
margin: 2px 0 50px 25px;
height: 220px;width: 395px;/*
overflow:hidden;
*/
background: transparent url(images/loading.gif) no-repeat center center;
position:relative;}
.fadeimg a img {position: absolute; border: 0px solid #fff;
color: #fff;text-indent:-9999px;}

h1,h2,h3,h4,h5 {font-size: 150%;padding: 15px 10px 10px 20px;}
h1 span {display: none;}
h2 {font-size: 133.33%;}
h3, h6 {font-size: 116.67%;}
h4,h5 {font-size: 110%; margin:0; padding-top: 0;}
h6 {font-size: 116.67%;}
h5{line-height: 20px;font-weight: bold;text-transform:uppercase; padding-left:0;}
#header h1 span, #left h2 span, #right h2 span, h5 span {display: none;}

h2#h2outriggernews,h2#h2outriggerevents,h2#h2teststation,h2#h2outriggerlinks,  
h2#h2touring,h2#h2wing,h2#h2k2,h2#h2k1,h2#h2construction,h2#h2surfski,h2#h2v10SPORT,
h2#h2v10L,h2#h2v10,h2#h2icfkayaks,h2#h2paddles,h2#h2ll,h2#h2touringkayaks,h2#h2icfkayaks,
h2#h2outriggerconnection,h2#h2gecko,h2#h2oc,h2#h2oc1,h2#h2helium,h2#h2tsunamiduo,
h2#h2tsunami,h2#h2oracleduo,h2#h2oracle,h2#h2outriggercanoeing,h2#h2outriggercanoe,
h2#h2contactform,h2#h2surfskiproducts,h2#h2outriggerproducts, h2#h2newsarchiv, h2#h2outriggerfotos
{height: 38px;background: url("images/head-outriggernews.gif") no-repeat 20px center;}  
h2#h2outriggernews {background: url("images/head-outriggernews.gif") no-repeat 20px center;}
h2#h2outriggerevents {background-image: url(images/head-outriggerevents.gif);}
h2#h2teststation {background-image: url(images/head-teststation.gif);}
h2#h2outriggerlinks {background-image: url(images/head-outriggerlinks.gif);}
h2#h2outriggercanoe {background-image: url(images/head-outriggercanoe.gif);}
h2#h2contactform {background-image: url(images/head-contactform.gif);}
h2#h2outriggerfotos {background-image: url(images/head-outriggerfotos.gif);}
h2#h2surfskiproducts {background-image: url(images/head-surfskiproducts.gif);}
h2#h2outriggerproducts {background-image: url(images/head-outriggerproducts.gif);}
h2#h2outriggercanoeing {background-image: url(images/head-outriggercanoeing.gif);}
h2#h2oracle {background-image: url(images/head-oracle.gif);}
h2#h2oracleduo {background-image: url(images/head-oracleduo.gif);}
h2#h2tsunami {background-image: url(images/head-tsunami.gif);}
h2#h2tsunamiduo {background-image: url(images/head-tsunamiduo.gif);}
h2#h2helium {background-image: url(images/head-helium.gif);}
h2#h2oc1 {background-image: url(images/head-oc1.gif);}
h2#h2oc {background-image: url(images/head-oc.gif);}
h2#h2gecko {background-image: url(images/head-gecko.gif);}
h2#h2outriggerconnection {background-image: url(images/head-outriggerconnection.gif);}
h2#h2icfkayaks{background-image: url(images/head-icfkayaks.gif);}
h2#h2touringkayaks{background-image: url(images/head-touringkayaks.gif);}
h2#h2paddles{background-image: url(images/head-paddles.gif);}
h2#h2icfkayaks{background-image: url(images/head-icfkayaks.gif);}
h2#h2v10{background-image: url(images/head-v10.gif);}
h2#h2v10L{background-image: url(images/head-v10L.gif);}
h2#h2v10SPORT{background-image: url(images/head-v10SPORT.gif);}
h2#h2surfski{background-image: url(images/head-epicsurfski.gif);}
h2#h2construction{background-image: url(images/head-construction.gif);}
h2#h2k1{background-image: url(images/head-k1.gif);}
h2#h2k2{background-image: url(images/head-k2.gif);}
h2#h2ll{background-image: url(images/head-length-lock.gif);}
h2#h2wing{background-image: url(images/head-wing.gif);}
h2#h2touring{background-image: url(images/head-touring.gif);}
h2#h2newsarchiv{background-image: url(images/head-newsarchive.gif);}

h2.archiv_year{
color:#001D3A;
font-weight:bold;
}

#container {
background: transparent url(images/bg-leiste.jpg) no-repeat center 33px;
height:100%;border: 0px solid #eee;
margin-left:1px;
}

#left, #right {
float: left;
width: 458px;height: auto !important;min-height: 570px;
padding-bottom: 30px;background-color: transparent;color: #fff;}

#right{width: 448px;padding-left: 10px;}
#left {background: url(images/bublesmedium.gif) no-repeat center bottom;margin-bottom: 30px;}

#footer {
text-align: center;
font-size: 11px;
color: #eee;
padding: 0 0 20px 0;
margin: 0 auto;
border-top: 2px #ccc solid;
background: #001938 url(images/bg-blue-carbon.png) center top;
width: 100%;
}

#footer_content {
width: 980px;
max-width: 980px;
margin: 30px auto 0;
overflow: hidden;
}

.box {
float:left;
text-align: left;
padding-left:20px;
margin-right: 0px;
width:215px;
}


/*------------------------------------------------------------------------------------------------------*/
/**   * Doubled Float-Margin Bug   * @see        http://positioniseverything.net/explorer/doubled-margin.html   *   * @bugfix   * @affected   IE 5.x/Win, IE6   * @css-for    IE 5.x/Win, IE6   * @valid      yes   */
* html #left {
	display: inline
}
* html #right {
	display: inline
}
/*------------------------------------------------------------------------------------------------------*/

td, th{vertical-align: top;padding: 2px 5px 2px 0;}
#left table{
text-align: left;
margin-left: 20px;
border: 2px solid #ccc;
border-collapse: collapse;
width: 420px;
}

#left table th, #left table thead .odd th{
padding-left: 25px;
background: url(images/tag.gif) no-repeat 5px center;
vertical-align: top;
color: #eee;
}

#left table caption{
font-weight: bold;
font-size: 14px;
color: #001a38;
text-align: left;
margin-left: 20px;
padding: 5px 0px 5px 10px;
}

#left table thead th, #left table thead .odd th.modell, #left table tbody th.modell{
font-weight: bold;
border: 1px solid #ccc;
background: url(images/bg-blue-carbon.png) left center;
padding: 5px 0 5px 10px;
}

#left table tfoot td{
font-size: 11px;
background: url(images/bg-blue-carbon.png) left center;
padding: 4px;
padding-left: 5px;
}

#left table tbody th{
vertical-align: middle;
padding-top: 7px;
padding-right: 0;
font-weight: normal;
color: #fff;
}

#left table tbody td{font-weight: bold;padding: 5px 0 5px 5px;vertical-align: middle;}
#left table tbody td, #left table tbody th{background-color: #375d81;border: 1px solid #ccc;}
#left table tbody .odd td, #left table tbody .odd th {
background-color: #3882b3;border: 1px solid #ccc;}

/* --- Newsbox - Newsbeitrag --- */

.newsbox {padding: 0px 10px 10px 15px;}

.datum {
width: 70px;
height: 66px;
background: url(images/datumbg.gif) no-repeat center center;
text-align: center;
text-transform: uppercase;
float: left;
margin: 0 10px 5px 0;
font-family: Verdana, Arial;
}
.monat {
font-weight: bold;
padding-top: 5px;
line-height:20px;
}
.tag {
font-weight: bolder;
font-size: 24px;
line-height:37px;
color: #00264d;
}
.jahr {
display: none;
font-size: 14px;
}

.newstitle {
font-weight: bolder;
padding-top: 5px;
padding-bottom: 5px;
font-size: 15px;
line-height:20px;
color: #00264d;
}

#news .newsbox .newssubtitle {
font-size: 13px;
font-weight: bolder;
padding-bottom: 10px;
padding-left: 0px;	
line-height:18px;
}

.newstext{
	padding: 10px 0 10px 5px;
	clear:left;
}

#left .newsbox p{padding: 5px 10px 5px 0;}

.newstext img,  .newstext p img,   #news img, #right p img{
background-color: #e5e5e5;
margin: 10px 15px 5px 0px;
padding: 5px;
border: 1px solid #fff;
border-right: 1px solid #bfbba6;
border-bottom: 1px solid #bfbba6;
float: left;
}

.newstext a.imglink {
	display:block;
	height:auto;
}

.newstext p img, #news p img{
margin: 5px 15px 0px 0px;
}

#right p img{
margin: 10px 15px 5px 25px;
}

/* --- Ditto Pagination / Navigation --- */

#ditto_pages{width: 100%;text-align: center;padding: 10px 0;}

#ditto_pages .ditto_currentpage {
font: 11px/17px verdana, arial, helvetica, sans-serif;
font-weight: bold;
border: 1px solid #A0B842;
padding: 1px 4px 2px 4px;
margin-right: 1px;
background-color: #001d3a;
color: #fff;
}

#ditto_pages .ditto_off {
font: 10px/17px verdana, arial, helvetica, sans-serif;
font-weight: bold;
border: 1px solid #A0B842;
padding: 2px 4px 2px 4px;
margin-right: 2px;
color: #e2e2e2;
}

#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
font: 10px/17px verdana, arial, helvetica, sans-serif;
font-weight: bold;
border: 1px solid #A0B842;
padding: 2px 4px 2px 4px;
margin-right: 2px;
text-decoration: none !important;
color: #001d3a;
background-color: #DADADA;
}

#ditto_pages a:hover {
font: 10px/17px verdana, arial, helvetica, sans-serif;
font-weight: bold;
background-color: #fff;
color: #001d3a;
}

/* --- Kontaktbox --- */

.kontakt{
padding-left: 20px;
}

.kontakt_mobile, .kontakt_email {
padding-left: 20px;
background: url(images/mail-icon.gif) left center no-repeat;
font-weight: bold;display: block;
}

.kontakt_mobile{
background-image: url(images/phone-icon.gif);}

.thumbnail, #news .thumbnail{
background-color: #eee;
margin: 5px 20px 5px 20px;
padding: 6px;
border: 1px solid #fff;
border-right: 1px solid #aaa;
border-bottom: 1px solid #999;
float: left;}

#news .box{padding-bottom: 10px;width: 200px;float: left;}
#news .box .thumbnail{margin: 0; float: none;}
#news .box a img {text-decoration:none;}
/* --- Sonstiges --- */
.clearer {clear: both;float: none;}

a#topscroller{
display:block;border: 0px solid #fff;height: 45px;width: 220px;line-height:45px;
margin: -23px auto 0;padding:0 0 0 22px;font-size: 13px;
background: transparent url(images/button-top.png) no-repeat center center;}

a#topscroller:hover{color: #ACC5E4;}