@charset "utf-8";

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
/*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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}*/
/*font:inherit durch folgendes ersetzt wegen IE Bug: font-weight:inherit;font-style:inherit;font-family:inherit;*/
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


html {
	/* min-height: 100.05%; */
	-webkit-text-size-adjust: none;	/* iphone, Achtung: betrifft auch Safari und Co! Damit bei Safari auf Mac die Schriftgröße auch passt . Kann aber sein dass FontSize A A A dann nicht auf Safari geht.*/
	min-height:100%;
}

body { 
	margin: 0px; padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;  /*IE*/
	color: #535353; 
	background:url(../pic/portal/welle_fuss.png) center bottom repeat-x #FFF;
}

body {
	font-size: 62.5%; line-height:1.7em;
}

strong {
	font-weight: bold;
}

#portal {
	max-width: 648px; /* =100% */ 
	min-width:520px;
	padding: 20px 10px 0px 10px;
	margin: 0px auto 0px auto;
	text-align: left;
	background: #FFF;
}

.loopStartBoxes {
	margin-bottom: 0px; width:100%;
	/*overflow: hidden;*/
	float:left; display:inline;/*wichtig, damit es sich die höhe nimmt*/
	padding:0;
	background:#FFF;
}

	.loopStartBoxes > * {
		float:left;
		display: block; padding:0px; margin:0 0 15px 0;
		width:46.91358%; min-height:200px; /* 304:628 */
		line-height:0px;
		text-decoration: none;
	}	

	.loopStartBoxes > .schifffahrt {
		width:100%;
	}

	.loopStartBoxes > a:first-child {
		margin-right:6.173%; /* 40:648 */
	}

	.loopStartBoxes h1 {
		color:#FEFFFF;
		font-size:14px; line-height:1.3em; font-weight:bold;
		margin:0; min-height:22px;
		padding:8px 0 0 3.3%;
		width:96.7%;
	}

	.loopStartBoxes .bootsbau h1 {
		background: #AD173C;
	}

	.loopStartBoxes .segelschule h1 {
		background: #FFBC64;
	}

	.loopStartBoxes .schifffahrt h1 {
		background: #006AB3;
		padding:8px 0 0 1.5%;
		width:98.5%;
	}

	.loopStartBoxes .picLogo {
		width:100%; margin-bottom:10px;
	}

	.loopStartBoxes .picDetail {
		opacity: 0.99;
		border:0 none;
		margin:0; padding:0; width: 100%;
	}

	.loopStartBoxes p {
		width:100%;	padding:4px 0 0 0; margin:0;
		font-size:1.2em; line-height:1.4em; color:#000;
	}

	.loopStartBoxes a:hover h1 {
		background:#57a5e5;
	}

	.loopStartBoxes a:hover .picDetail {
		opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);				
	}

	/* Clear */
	.clr {
		clear: both; line-height:1px; margin:0px; padding:0px; min-height:0px;
	}