/* Basic Stylesheet for www.kitersclub-spiekeroog.de */
/* author: www.ideenwerft.com */

/* Farben:  überschrift #e42a25 */

* {padding:0;margin:0;}
img {border:0;}
.hidden {
position: absolute;
left: -10000px;
}
html {overflow-y:scroll;}
body {
min-height:100%;
height:100%;
font-size: 75%; /* setzt Standardschriftgroesse auf 11px */
font-family: tahoma, Sans-Serif;
color:#546276;
text-align:center;
background: #ffffff url(img/bg.jpg) 50% 0 repeat-x;
}
body#home {background: #ffffff url(img/bg_home.jpg) 50% 0 repeat-x;}
#wrapper {
width: 960px; 
margin-left: auto;
margin-right: auto;
text-align:left;
}
#left {width:300px;border:0;float:left; padding-left:10px; background: url(img/bg.png) no-repeat;margin-bottom:20px; }
#right {width:610px;float:right;}
#footer {background: url(img/footer.jpg) repeat-x;clear:both; height:28px;padding:16px 28px 0;}
#navi {width:630px;height:37px;background-color:#494949;margin-top:23px;margin-left:-20px;}
#top {width:590px; height:20px;margin-bottom:35px;margin-top:5px;padding-left:0px;}
body#home #top {width:590px; height:140px;margin-bottom:50px;margin-top:25px;padding-left:0px;}
#banner {margin-bottom:22px; margin-left:35px;}
#cLeft {width:270px;float:left;border-right:1px dotted #c3c2c2;padding-right:24px;}
#cRight {width:270px;float:right;margin-right:20px;}

/*		Navi */
#navi ul {list-style:none; list-style-position:inside; color:#494949;font-size:1em;}
#navi ul li {float:left;}
#navi a:link, #navi a:visited {display:block;padding: 6px 15px 3px 15px;text-decoration:none;font-size:13px;color:#b3b3b3;border-top:6px solid #494949;}
#navi a:hover, #navi a:focus {color:#ccc;border-top:6px solid #ccc;}
#navi li.current a:link, #navi li.current a:visited {color:#f63636;border-top:6px solid #f63636;}
#navi li.current a:hover, #navi li.current a:focus {color:#f63636;}
#navi ul li:first-child { padding-left:10px;}


/* Subnavi */
ul.subnavi {list-style:none;font-size:1.1em;}
ul.subnavi li {float:left;margin-right:20px;padding-top:3px;}
ul.subnavi li.current {border-bottom:2px solid #fff;}
#top ul.subnavi li.current a:link, #top ul.subnavi li.current a:visited {color:#fff;}
#top ul.subnavi li a:hover, #top ul.subnavi li a:focus {color:#fff;text-decoration:underline;}
#top ul.subnavi li.current a:hover, #top ul.subnavi li.current a:focus {color:#fff;text-decoration:none;}

/* Flaggen */
.flag_box { width:330px;height:40px; position:relative; margin:15px 0 110px -21px; background:url(img/flag-stab.png) center 15px no-repeat; }
a.flag_vdws:link, a.flag_vdws:visited {height:160px;width:58px; display:block;background:url(img/flag-vdws.png) top left no-repeat; position:absolute; top:18px;left:17px;}
a.flag_vdws:hover, a.flag_vdws:focus { background-position:top right;}
a.flag_norddeich:link, a.flag_norddeich:visited {height:160px;width:58px; display:block;background:url(img/flag-norddeich.png) top left no-repeat;position:absolute; top:18px;left:77px;}
a.flag_norddeich:hover, a.flag_norddeich:focus { background-position:top right;}
a.flag_achensee:link, a.flag_achensee:visited {height:160px;width:58px; display:block;background:url(img/flag-achensee.png) top left no-repeat;position:absolute; top:18px;left:136px;}
a.flag_achensee:hover, a.flag_achensee:focus { background-position:top right;}
a.flag_laramie:link, a.flag_laramie:visited {height:160px;width:58px; display:block;background:url(img/flag-laramie.png) top left no-repeat;position:absolute; top:18px;left:196px;}
a.flag_laramie:hover, a.flag_laramie:focus { background-position:top right;}
a.flag_kitersclub:link, a.flag_kitersclub:visited {height:160px;width:58px; display:block;background:url(img/flag-kitersclub.png) top left no-repeat;position:absolute; top:18px;left:256px;}
a.flag_kitersclub:hover, a.flag_kitersclub:focus { background-position:top right;}

div.clear {clear:both;}

/* Content */
a:link, a:visited {color:#003399;}
a:hover, a:focus {color:#c00;outline:none;}
p,h1,h2,h3,h4,h5 {}
p {
margin-bottom: 7px;
line-height:1.3em;
}
h1 {
font-size:1.6em;
font-weight:normal;
margin-bottom:7px;
color: #e42a25;
}
h2 {
font-size:1.5em;
font-style:normal;
font-weight:normal;
margin:10px 0;
}
h2.csc-firstHeader {margin-top:0;}
#top h2 {color:#fff;}
h3 {padding:6px 0px 0 0px;margin-bottom:5px;font-size:1.3em;font-weight:normal;color:#e42a25;}
h4 {
color:#2e6ec5;
margin:16px 0 0 15px;
font-size:1.2em;
font-weight: normal;
}

#cLeft ul, #cRight ul, #content ul {margin-left:13px;margin-bottom:20px; font-size:1em;}
#cLeft ul li, #cRight ul li {line-height:1.4em;}
#right p {line-height:1.5em; font-size:1em;}

#left h3 {
padding:6px 0px 6px 30px;
background:#494949;
font-size:1.1em;
font-weight:normal;
background: #494949 url(img/dot.gif) 10px 8px no-repeat;
color:#fff;
}


/*+++  top  +++ */
#top p {float:left;width:350px;color:#7bccfc; font-size:1.1em; line-height:1.5em;}
#top a:link, #top a:visited  { color:#FFFFFF; text-decoration:none;}
#top a:hover, #top a:focus {color:#CCCCCC; }


/*+++ footer +++*/
#footer ul {float:left; list-style:none; list-style-position:inside; font-size:1em; }
#footer ul li { float:left;}
#footer a:link, #footer a:visited  { color:#7bccfc;text-decoration:none; padding-right:12px;}
#footer a:hover, #footer a:focus  {color:#fff;}
#footer li.current a:link, #footer li.current a:visited {color:#ffffff;}
#footer li.current a:hover, #footer li.current a:focus {color:#ffffff;}
#footer span {float:right; color:#7bccfc;}

/*+++ Boxen +++*/
div.csc-frame-frame1 {width:290px; margin-top: 20px; padding-bottom:5px; border:1px solid #c3c2c2;}
div.csc-frame-frame1 p { color:#546276; margin:5px 15px 10px;}

/* formulare ****************** */
form input, form textarea {
font-size: 1.5em;
}
form input:focus, form textarea:focus {
background-color : #fff2dd;
}
DIV.powermail_mandatory_js {
color:#CC0000;
margin-bottom:5px;
}
DIV.tx-powermail-pi1 {
border:1px solid #CCCCCC;
background: url(img/topbg.gif) repeat-x;
margin-bottom:20px;
}
DIV.tx-powermail-pi1 fieldset {
border:none;
margin: 5px 0px 0px;
}
DIV.tx-powermail-pi1 fieldset legend {
font-weight:bold;
font-size: 1.1em;
padding:15px 0 5px 20px;
color:#333;
}
DIV.tx-powermail-pi1 fieldset div.tx_powermail_pi1_fieldwrap_html {
clear:both;
margin:5px 0 10px 20px;
float:left;
width:90%;
display:inline;
}
DIV.tx-powermail-pi1 form label  {
float:left;
width:120px;
}

DIV.tx-powermail-pi1 form input, DIV.tx-powermail-pi1 form textarea, DIV.tx-powermail-pi1 form select {
margin-left: 5px;
font-size:1.1em;
}
DIV.tx-powermail-pi1 input.powermail_uid11 {width:260px;}
DIV.tx-powermail-pi1 form textarea {
font-size:1.2em;
}
DIV.tx-powermail-pi1 input.powermail_submit {
margin-left:133px;
padding:2px;
font-size: 1.1em;
margin-bottom:15px;
}

/* für kursbuchung ********* */
.error {color:#c00;}
DIV.kontaktForm form p label  {
float:left;
width:100px;
}
DIV.kontaktForm form p input, DIV.kontaktForm form p textarea, DIV.kontaktForm form p select {
margin-left: 5px;
font-size:1.1em;
}
DIV.kontaktForm form p textarea {
font-size:1.2em;
}
DIV.kontaktForm input.submit {
padding:2px;
font-size: 1.1em;
}
#content table.kurse {margin-bottom:10px;}
#content table.kurse tr td {padding: 5px 8px;}
#content table.kurse tr td.border {border-bottom:1px solid #ccc;}
#content table.kurse input {margin-top:3px;}

#content table.teilnehmer th {font-size:0.9em;font-weight:normal;}
#content table.teilnehmer th, #content table.teilnehmer tr td {border-bottom:1px solid #ccc;padding: 2px;}

DIV.anmeldung DIV.pflicht {border: 1px solid #C00;float:left;display:inline;margin-bottom:15px;}

DIV.anmeldung DIV.pflicht table tr td {padding:10px;}


/* =EXTENSIONS ========================== */
#top .tx-nonverblasterflashplayer-pi1 {float:right;}


/* additional stylesheet for surfschule-norddeich.de */
/* default styles for extension "tx_cssstyledcontent" */

        /* additional damit border-bottom vom h* nicht bis ans Bild läuft */
        DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
        padding-left: 10px;
        background-color:#FFFFFF;
        }


	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 1px solid #ccc;
		padding: 0px 0px;
		margin-bottom: 10px !important;
	}
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image a IMG:hover {
		border: 1px solid #900;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}


/* default styles for extension "tx_srfreecap_pi2" */
		.tx-srfreecap-pi2-image { margin-left: 1em; }
		.tx-srfreecap-pi2-cant-read { font-size: .9em; color:#35006d; }
		.tx-srfreecap-pi2-cant-read a:link { background-color:transparent; font-weight:bold; text-decoration:none; }


	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */