html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* ========================================================================================== */
/* BASIC */
/* ========================================================================================== */
html, body { background: #FFF url("/assets/images/bg_body.gif") repeat-x; color: #000; font: 14px/19px Trebuchet MS, Arial, Helvetica, sans-serif; }


/* ========================================================================================== */
/* HEADER */
/* ========================================================================================== */
#header { height: 90px; margin: 0 auto; margin-bottom: 20px; position: relative; width: 960px; }
#header h1#logo { background: url("/assets/images/logo.gif") no-repeat; height: 90px; left: 0; position: absolute; top: 0; width: 490px; }
#header h1#logo a { display: block; height: 90px; text-indent: -9999px; width: 410px; }
#header ul#navigation { position: absolute; right: 0; top: 50px; }
#header ul#navigation li { display: block; float:left; height: 40px; margin-right: 3px; width: 113px; }
#header ul#navigation li#l_service { margin-right: 0; }
#header ul#navigation li a { display: block; font-weight: bold; height: 30px; padding-top: 10px; text-align: center; text-decoration: none; width: 113px; }
#header ul#navigation li a:link, #header ul#navigation li a:visited { background: #3A3A3A; color: #6C6C6C; }
#header ul#navigation li a:hover, #header ul#navigation li a:active { background: #FFF; color: #2A2A2A; }
#start ul#navigation li#l_start a, 
#service ul#navigation li#l_service a, 
#motive ul#navigation li#l_motive a, 
#shirt-designer ul#navigation li#l_designer a { background: #FFF; color: #2A2A2A; }


/* ========================================================================================== */
/* CONTAINER */
/* ========================================================================================== */
#container { background: #FFF; margin: 0 auto; width: 960px; }
#container h2 { border-bottom: 1px solid #B3B3B3; color: #B00; font-size: 20px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; }
#container h3, #container h4, #container h5, #container h6 { color: #B00; margin-bottom: 10px; }
#container p { margin-bottom: 10px; }
#container ul, #container ol { list-style: disc; margin: 0 0 10px 25px; }
#container a:link, a:visited { color: #B00; font-weight: bold; text-decoration: underline; }
#container a:hover, a:active { color: #600; }
#container img.floatleft { float: left; padding: 5px 10px 10px 0; }
#container #article_nav a { display: block; }
#container ul.pagination { color: #FFF; margin-left: 0; padding-bottom: 30px; }
#container ul.pagination li { background: #748D0B; border: 1px solid #4D5F06; display: block; float: left; margin-right: 3px; padding: 3px 6px; }
#container ul.pagination li a:link, #content ul.pagination li a:visited { color: #4D5F06; text-decoration: none; }
#container ul.pagination li a:hover, #content ul.pagination li a:active { background: #748D0B; color: #FFF; }


/* ========================================================================================== */
/* INTRO */
/* ========================================================================================== */
#intro { background: url("/assets/images/bg_intro.jpg") no-repeat right; }
#intro h2 { color: #FFF; padding: 10px 0 0 410px; text-transform: uppercase; width: 280px; }
#intro p { font-size: 14px; line-height: 23px; margin: 0; width: 500px; }
#intro a:link, #intro a:visited { color: #B00; text-decoration: underline; }
#intro a:hover, #intro a:active { color: #600; }


/* ========================================================================================== */
/* MAIN */
/* ========================================================================================== */
#main { float: left; margin: 20px 10px 0 0; width: 720px; }



/* ========================================================================================== */
/* SIDEBAR */
/* ========================================================================================== */
#sidebar { float: left; margin-top: 20px; width: 230px; }
#sidebar #sidebar_special { background: #B00; margin-bottom: 20px; padding: 5px; }
#sidebar #sidebar_special h3, #sidebar #sidebar_special p, #sidebar #sidebar_special a { color: #FFF; }


/* ========================================================================================== */
/* FOOTER */
/* ========================================================================================== */
#footer { background: #2A2A2A; clear: both; height: 305px; }
#footer h3 { color: #FFF; font-size: 20px; padding: 10px 10px 7px; text-transform: uppercase; }
#footer #partner { height: 210px; list-style: none; margin-left: 10px; }
#footer #partner li { border: 1px solid #FFF; float: left; height: 198px; margin-right: 20px; width: 218px; }
#footer #partner li a:link, #footer #partner li a:visited { text-decoration: none; }
#footer #partner li a:hover, #footer #partner li a:active { text-decoration: underline; }
#footer #partner li#kitesurfen { border-color: #B00; }
#footer #partner li#kitesurfen img { border-bottom: 10px solid #B00; }
#footer #partner li#kitesurfen a { color: #B00; }
#footer #partner li#angeln { border-color: #3D9D31; }
#footer #partner li#angeln img { border-bottom: 10px solid #3D9D31; }
#footer #partner li#angeln a { color: #3D9D31; }
#footer #partner li#tauchen { border-color: #629ACD; }
#footer #partner li#tauchen img { border-bottom: 10px solid #629ACD; }
#footer #partner li#tauchen a { color: #629ACD; }
#footer #partner li p { color: #FFF; font-weight: bold; padding: 5px; }
#footer #subnav { background: #000; color: #FFF; font-weight: bold; height: 39px; margin: 0 auto; position: relative; width: 940px; }
#footer #subnav li { display: inline; padding: 10px 0 0 10px; }
#footer #subnav a:link, #footer #subnav a:visited { color: #FFF; display: block; float: left; font-weight: bold; padding: 10px 0 0 10px; text-decoration: none; }
#footer #subnav a:hover, #footer #subnav a:active { text-decoration: underline;}
#footer #subnav p { float: left; margin: 0; padding: 10px 20px 0 60px; text-transform: uppercase; display:none;}


/* ========================================================================================== */
/* SPECIAL */
/* ========================================================================================== */



/* ========================================================================================== */
/* BOX */
/* ========================================================================================== */
.box { background: #F3ECD9; border: 5px solid #DFD5BA; border-width: 5px 0; color: #414141; margin-bottom: 20px; }
.box h3 { color: #414141 !important; padding: 10px 10px 0; }
.box p { padding: 0 10px 10px; }
.box ul#payment { background: url("/assets/images/payment.gif") no-repeat; height: 65px; list-style: none; margin: -10px 0 0 10px; text-indent: -9999px; }


/* ========================================================================================== */
/* START */
/* ========================================================================================== */
#start #frontpage_content { clear: both; }
#start #frontpage_content h2 { width: 470px; }
#start #frontpage_content #news { float: left; margin-right: 20px; width: 470px; }
#start #frontpage_content #news #archiv { border-top: 1px solid #B3B3B3; }
#start #frontpage_content #news #archiv a:link, #start #frontpage_content #news #archiv a:visited { background: #B00; color: #FFF; display: block; float: right; margin: 1px 0 20px 0; padding: 2px; text-align: center; text-decoration: none; width: 60px; }
#start #frontpage_content #news #archiv a:hover, #start #frontpage_content #news #archiv a:active { background: #600; }
#start #frontpage_content #special { float: left; width: 470px; }
#start #frontpage_content #special img { border:1px solid #CCC; padding: 5px; }
#start #main { height: 410px; position: relative; }
#start #main p { padding-top: 13px; }
#start #main a.motive { background: #B00; bottom: 0; color: #FFF; display: block; padding: 2px 8px; position: absolute; right: 0; text-decoration: none; }
#start #main a.motive:hover { background: #600; }
#start #motive { margin: 20px 0 0; }
#start #motive li { float: left; list-style: none; }
#start #motive li a:hover { background: #FFF; }
#start #motive li span { display: block; text-align: center; }
#start .article { margin-bottom: 20px; position: relative; }
#start .article h3 { margin-left: 60px; }
#start .article p { margin-left: 60px; }
#start .article span.posted { border: 1px solid #B00; display: block; font-weight: bold; font-size: 10px; left: 0; line-height: 15px; position: absolute; text-align: center; top: 3px; width: 40px; }
#start .article span.posted span.month { color: #B00; display: block; }
#start .article span.posted span.day, .article span.posted span.year { background: #B00; color: #FFF; display: block; }
#start .article span.posted span.day { font-size: 18px; line-height: 12px; padding-top: 4px; }


/* ========================================================================================== */
/* MOTIVE */
/* ========================================================================================== */
#motive #main ul.motive { margin-left: 0; }
#motive #main ul.motive li { background: #FFF url("/assets/images/t-shirt.gif") no-repeat; cursor: pointer; display: block; float: left; height: 230px; list-style: none; margin: 0 15px 10px 0; position: relative; width: 230px; }
#motive #main ul.motive li img { left: 69px; position: absolute; top: 44px; }
#motive #main ul.motive li.nr3, #motive #main ul.motive li.nr6, #motive #main ul.motive li.nr9, #motive #main ul.motive li.nr12, #motive #main ul.motive li.nr15, #motive #main ul.motive li.nr18, #motive #main ul.motive li.nr21, #motive #main ul.motive li.nr24, #motive #main ul.motive li.nr27, #motive #main ul.motive li.nr30, #motive #main ul.motive li.nr33, #motive #main ul.motive li.nr36, #motive #main ul.motive li.nr39, #motive #main ul.motive li.nr42, #motive #main ul.motive li.nr45, #motive #main ul.motive li.nr48, #motive #main ul.motive li.nr51, #motive #main ul.motive li.nr54 { margin-right: 0; }