/* Links */

 a:link { text-decoration:none; color:#FFFF33; font-weight: bold;}
 a:visited { text-decoration:none; color:#FFFF33; font-weight: bold;}
 a:hover { color: #CC0033; background-color: #FFFF33; font-weight: bold;}

 a:focus { color: #CC0033; background-color: #FFFF33; font-weight: bold;}
 a:active { color:#CC0033; font-weight: bold; background-color: #FFFF99;}
 
#navi a { } 

/* ---------- dieser container zentriert das layout -------------- */
#website {
	width: 970px;
	text-align:left;   /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto;   /* standardkonforme horizontale Zentrierung */
	padding: 0px 0px;
	background-color: #FFCC33;
}

/* ---------- HAUPTMENÜ ---------- */

/* Startseite */
#startseite a#startseitelink,
#wer a#startseitelink,
#qualitaet a#startseitelink,
#finden a#startseitelink,
#finden a#findenlink,
/* Wellenreitkurse */
#wellenreitkurse a#wellenreitkurselink,
#termine a#wellenreitkurselink,
#kleingruppen a#wellenreitkurselink,
#wprivat a#wellenreitkurselink,
#vermietung a#wellenreitkurselink,
#beginnerkurse a#wellenreitkurselink,
#basickurse a#wellenreitkurselink,
#advancedkurse a#wellenreitkurselink,
#crackskurse a#wellenreitkurselink,
#kinderkurse a#wellenreitkurselink,
#seniorenkurse a#wellenreitkurselink,
/* Kursort */
#kursort a#kursortlink,
#sanvic a#kursortlink,
#comillas a#kursortlink,
#natur a#kursortlink,
#kultur a#kursortlink,
#cantabria a#kursortlink,
#weg a#kursortlink,
/* Unterkunft */
#unterkuenfte a#unterkuenftelink,
#lage a#unterkuenftelink,
#gerra a#unterkuenftelink,
#pajaro a#unterkuenftelink,
#trastolillos a#unterkuenftelink,
#granada a#unterkuenftelink,
#llaos a#unterkuenftelink,
#oyambre a#unterkuenftelink,
#rosal a#unterkuenftelink,
#strand a#unterkuenftelink,
#usanvic a#unterkuenftelink,
#ucomillas a#unterkuenftelink,
#trasvia a#unterkuenftelink,
#tejo a#unterkuenftelink,
#revilla a#unterkuenftelink,
#tourist a#unterkuenftelink,
/* Kontakte */
#kontakt a#kontaktlink,
#faq a#kontaktlink,
#news a#kontaktlink,
#weitersagen a#kontaktlink,
#impressum a#kontaktlink,
#impressum a#datenschutzlink,
#kontaktbest a#kontaktlink,
#keine-infos a#kontaktlink,
#keine-infos-x a#kontaktlink,
#telefon a#kontaktlink,
#nummer a#kontaktlink,
#alojamiento a#kontaktlink,
/* Anmeldung */
#anmeldung a#anmeldunglink,
#anmeldbest a#anmeldunglink,
/* Presse */
#presse a#presselink,
#presskont a#presselink,
#galerie a#presselink,
#videos a#presselink,
#wo a#presselink,
#material a#presselink,
#angst a#presselink,
#sicherheit a#presselink,
#how a#presselink,
#beibring a#presselink,
#roots a#presselink,
#lexikon a#presselink,
/* Boards */
#boards a#boardslink,
#tipps a#boardslink,
#gebraucht a#gebrauchtlink,
#beginner a#boardslink,
#aufsteiger a#boardslink,
#shortboards a#boardslink,
#malibus a#boardslink,
#longboards a#boardslink,
#guns a#boardslink,
#beratung a#boardslink,
#beratbest a#boardslink,
#boardpreise a#boardslink,
#bestellung a#boardslink,
#bestellbest a#boardslink 
	{ 
		background-color: #CC0033;
		color: #FF9933; 
		font-weight: bold;
	}


/* ---------- SUBMENÜ ---------- */

/* Startseite */
#startseite a#xstartseitelink,
#wer a#xwerlink,
#qualitaet a#xqualitaetlink,
#finden a#xfindenlink,
/* Wellenreitkurse */
#wellenreitkurse a#xwellenreitkurselink,
#termine a#xterminelink,
#kleingruppen a#xkleingruppenlink,
#wprivat a#xwprivatlink,
#vermietung a#xvermietunglink,
#beginnerkurse a#xbeginnerkurselink,
#basickurse a#xbasickurselink,
#advancedkurse a#xadvancedkurselink,
#crackskurse a#xcrackskurselink,
#kinderkurse a#xkinderkurselink,
#seniorenkurse a#xseniorenkurselink,
/* Kursort */
#kursort a#xkursortlink,
#sanvic a#xsanviclink,
#comillas a#xcomillaslink,
#natur a#xnaturlink,
#kultur a#xkulturlink,
#cantabria a#xcantabrialink,
#weg a#xweglink,
/* Unterkunft */
#unterkuenfte a#xunterkuenftelink,
#lage a#xlagelink,
#gerra a#xgerralink,
#pajaro a#xpajarolink,
#trastolillos a#xtrastolilloslink,
#granada a#xgranadalink,
#llaos a#xllaoslink,
#oyambre a#xoyambrelink,
#rosal a#xrosallink,
#strand a#xstrandlink,
#usanvic a#xusanviclink,
#ucomillas a#xucomillaslink,
#trasvia a#xtrasvialink,
#tejo a#xtejolink,
#revilla a#xrevillalink,
#tourist a#xtouristlink,
/* Kontakt */
#kontakt a#xkontaktlink,
#faq a#xfaqlink,
#telefon a#xtelefonlink,
#news a#xnewslink,
#weitersagen a#xweitersagenlink,
#impressum a#ximpressumlink,
/* Anmeldung */
#anmeldung a#xanmeldunglink,
/* Presse */
#presse a#xpresselink,
#presskont a#xpresskontlink,
#galerie a#xgalerielink,
#videos a#xvideoslink,
#wo a#xwolink,
#material a#xmateriallink,
#angst a#xangstlink,
#sicherheit a#xsicherheitlink,
#how a#xhowlink,
#beibring a#xbeibringlink,
#roots a#xrootslink,
#lexikon a#xlexikonlink,
/* Boards */
#boards a#xboardslink,
#tipps a#xtippslink,
#gebraucht a#xgebrauchtlink,
#beginner a#xbeginnerlink,
#aufsteiger a#xaufsteigerlink,
#shortboards a#xshortboardslink,
#malibus a#xmalibuslink,
#longboards a#xlongboardslink,
#guns a#xgunslink,
#beratung a#xberatunglink,
#boardpreise a#xboardpreiselink, 
#bestellung a#xbestellunglink 
	{ 
		background-color: #FF9933; 
		font-weight: bold;
	}

/* Styles für HTML-Tags */
 
body {
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	color: #CC0033;
	background-color: #331600;
	scrollbar-base-color: #FFCC33;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #CC0033;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #FFCC33;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #FFCC33;
	background-attachment: fixed;
	background-image: url(../grafik/logo/hintergrund-surfnsoul.jpg);
	background-repeat: repeat;
}

table { font-size: 9pt; color: #CC0033; background-color: #FFCC33}

h1 {
	font-family: "Comic Sans MS";
	font-size: 24pt;
	color: #CC0033;
	margin-top: -5px;
	margin-bottom: 0px;
}

h2 {  font-size: 18pt}

h3 { font-size: 12pt }

h4 { font-size: 11pt }

hr {  height: 1px; color: #CC0033}

strong { font-weight: bold; }

em { font-style: italic; }

/* Klassen */

.aktive_seite {
	font-weight: bold;
	background-color: #FF9933;
	color: #990000;
}


.blau {  color: #990000}

.block {  text-align: justify}

.button
{
	font-size: 14pt;
	font-weight: bold;
	background-color: #CC0033;
	color: #FFFF33;
	margin-right: 8px;
	margin-left: 0px;
}

.buttonabstand
{
	text-align: left;
	margin-top: 40px;
	margin-bottom: 40px;
}

/*.button a:hover {
	background-color: #CC0033;
	color: #FFFFFF;
}

.button a:focus {
	background-color: #CC0033;
	color: #FFFFFF;
}

.button a:active {
	background-color: #CC0033;
	color: #FFFFFF;
}
*/
.fenster { 
scrollbar-base-color: #FFCC33;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #CC0033;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #FFCC33;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #FFCC33}

.fett { font-weight: bold}

.fett_unterstrichen { text-decoration: underline ; font-weight: bold}


.flaggen
{
	float: right;
	margin-left: 20px;
	margin-top: 10px;
}

.fotolinks {
	float: left;
	margin-bottom: 5px;
	margin-right: 20px;
	margin-top: 5px;
}

.fotorechts {
	float: right;
	margin-left: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.fotorechts2 { float: right}

.fotorechtespalte
{
	float: right;
	margin-left: 20px;
	margin-bottom: 5px;
}

.gross {  font-size: 72pt}




.hilfe { cursor: help; }

.hilfebutton
{
	font-size: 14pt;
	font-weight: bold;
	background-color: #CC0033;
	color: #FFFF33;
	cursor: help;
}


.hilfe_unterstrichen {
	cursor: help;
	text-decoration: underline;
	font-weight: bold;
}


.highlight {  }
tr.highlight:hover { background-color: #FFCC33; }

.hintergrund_hell {  background-color: #FFFF99; line-height: 130%}


.hintergrund_hell_rechts { background-color: #FFFF99; line-height: 130% ; text-align: right}

.hintergrund_hell_zentriert { background-color: #FFFF99; line-height: 130% ; text-align: center}
.hintergrund_hell_mittel_fett {
	font-weight: bold;
	background-color: #FFFF99;
	line-height: 130%;
	font-size: 12pt;
	text-align: center;
}

.klein {  font-size: 9pt}

.kasten {
	border: thin solid #CC0033;
	padding: 5px;
	height: auto;
	width: 120px;
}

.kasten_flexibel {
	border: thin solid #CC0033;
	padding: 5px;
	height: auto;
	width: auto;
	text-align: justify;
}

.links {  text-align: left}

.logo {  font-size: 36pt}

.maximalebreite { max-width: 970px; 


width:expression(document.body.clientWidth > 1024? "1024": "auto" );
}

.maximalecontentbreite { max-width: 548px;}

.maximalecontentbreite ul {
	margin-bottom: 30px;
	list-style-image: url(../grafik/logo/favicon.jpg);
	margin-left: -10px;
}

.maximalecontentbreite li {
	line-height: 2.5ex;
	margin-bottom: 10px;
}

.menue { background-color: #CC0033; font-size: 10pt; }

.menueAktiv {
	background-color: #CC0033;
	color: #FF9933;
	font-weight: bold;
	font-size: 9pt;
}

.mittel { font-size: 12pt}

.rechts {  text-align: right}

.sehrklein {  font-size: 7pt}

.sehrkleinundfett { font-size: 7pt ; font-weight: bold}
#brotkruemel {
	font-size: 7pt;
	font-weight: bold;
}


.sehrklein_blau_unterstrichen {  font-size: 7pt; color: #CC0033; text-decoration: underline; letter-spacing: 1pt}

.schaltflaeche {  font-size: 12pt; font-weight: bold; background-color: #CC0033; color: #FFFF33}

.sprungmenu {
	font-weight: bold;
	background-color: #CC0033;
	color: #FFFF33;
	font-size: 9pt;
}
.standardschrift {
	font-weight: normal;
	font-size: 9pt;
}

.StopTextfluss {
	clear: both;
}

.titel {  font-size: 18pt}

.titelmitzeilenhöhe {
	line-height: 135%;
	font-size: 18pt;
}

.unterstrichen {  text-decoration: underline}

.zeichenabstandgrossundfett {
	font-weight: bold;
	letter-spacing: 1pt;
}
.maximalecontentbreite p { line-height: 150%; }


.zentriert {  text-align: center}

#international .a {}

#website #altewebsite {
	padding-right: 4px;
	padding-left: 4px;
}