/* @override http://dev/~nikolai/seil23b/css/regatta.css */

/* @override http://dev/~nikolai/seil23b/css/regatta.css */


* { 
	padding: 0;
	margin: 0;
}

body {
	background-color: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	line-height: 120%;
}

a {	color: #1a385d; text-decoration: none;}
a img {	
	border: 0px;
}

a.butt {
	border: 1px solid #a1bbce;
	padding: 0.2em 0.4em;
	background-color: #7192ac;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #fff;
}

a.butt:hover {
	background-color: #069;
	color: #fff;
	text-decoration: none;
}

p { margin-bottom: 1em; }


#mainframe {
	width: 852px;
	margin: 5px auto;
	text-align: left;
	background-color: #fff;
}

#header {
	height: 100px;
	width: 846px; 
	margin: 3px;
	margin-top: 2px;
}

#logo1 a img,
#logo2 a img,
#logo3 a img {
	border: 0;
}

#logo3 {
	float: right;
}

#logo1,
#logo2,
#logo3 {
	float: left;
}

#wrapper {
	background: #bdbdbd url(../gfx/regatta/gb_left_menu.gif) repeat-x left top;
	border-bottom: 2px solid #fff;
	border-left: 3px #fff solid;
	overflow: auto;
}
/* wrapper IE \*/
* html #wrapper {
	width: 100%;
}
/*end*/

#leftcol {
	width: 148px;
	float: left;
	background-color: transparent;	

}

#leftcol ul.menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

#leftcol ul.menu li {
	float: left;	
	border-bottom: 1px solid #fff;
}

#leftcol ul.menu li a {
	color: red;
	text-decoration: none;
	width: 132px;
	display: block;	
	padding: 0.8em 0.2em 0.8em 15px;
	font-weight: bold;
	font-size: 0.9em;
}

#leftcol ul.menu li .sublinktekst {	
	padding-left: 15px;
	margin-top: -5px;
	margin-bottom: 5px;
}

#leftcol ul.menu li a:hover {
	background-color: #ccc ;
}

#content {
	float: left;
	border-left: 3px #fff solid;
	border-right: 3px #fff solid;
	width: 695px;
	background-color: #f5f5f5;	
}

#smenu {
	background: url(../gfx/regatta/menu_na.gif) repeat-x;
	border-bottom: 3px solid #fff;
}

#smenu ul.topmenu {
	list-style: none;
	padding: 0;
	margin: 0;
}

#smenu ul.topmenu li {
	float: left;	
}

#smenu ul.topmenu li a {
	background: url(../gfx/regatta/menu_na.gif) repeat-x;
	text-decoration: none;
	display: block;	
	padding: 0.6em 18px 0.5em 18px;
	font-size: 0.9em;
	border-right: 1px solid #d1d1d1;
}

#smenu ul.topmenu li a:hover {
	background: url(../gfx/regatta/menu_a.gif) repeat-x;
	color: #fff;
}

#smenu ul.topmenu li.pamelding {
	float: right;
}

#smenu ul.topmenu li.pamelding a {
	background: url(../gfx/regatta/menu_pamelding_na.gif) repeat-x;
	color: #fff;
	border: 0;
}

#smenu ul.topmenu li.pamelding a:hover {
	background: url(../gfx/regatta/menu_pamelding_a.gif) repeat-x;
	color: #fff;
}

#col1 {
	width: 460px;
	padding: 5px;
	float: left;
	border-right: 3px solid #fff;
}

#col1_2 {
	width: 682px;
	padding: 5px;
	float: left;
	border-right: 3px solid #fff;
}

#col2 {
	width: 212px;
	float: left;
}

#col2 .sponsor {	
	text-align: center;
	margin: .8em 0;
}

#col2 .title {	
	text-align: center;
	padding: 5px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

h1 { margin-bottom: 0.3em; font-size:1.8em; line-height: 100%; color: #1a385d;}
h2 { font-size: 1.7em; margin-bottom: 0.3em;  color: #1a385d;}
h3 { font-size: 1.5em; margin-bottom: 0.3em; color: #1a385d;}

hr { border: 1px solid #ccc;  margin: 5px 0; }

.formbox fieldset {
	background: #f1f1f1;
	border: 2px #e2e3e4 solid;
	padding: 5px 0 8px 2px;
	margin: 10px 0;
	font-size: 1.1em;
}

form.formbox fieldset select option {	
	padding-right: 5px;
}

.formbox .alert { font-weight: bold; }
.formbox label {
	width: 150px;
	float: left;
	text-align: right;
	margin: 0 1ex 1ex 0;
	/*clear: both;*/
}

.formbox textarea {	
	width: 200px;
	text-align: left;
	float: left;
	margin: 0 1ex 1ex 0;
}
.formbox .text,
.formbox .textarea,
.formbox .select,
.formbox .multiple,
.formbox .radioselect {
	float: left;
	margin-bottom: 1ex;
}
.formbox a.butt { margin: 0 0 1ex 155px; }
ul { list-style: none; }
#frontpage ul,
#article ul,
#folder ul,
#formpage ul { /* regular ul needed in these areas */
	list-style: disc;
	padding: 1ex 1ex 0 1ex;
	margin: 0 1ex 0 1em;
}

#article ol{	
	list-style-type: decimal;
	padding: 1ex 1ex 0 1ex;
	margin: 0 1ex 0 1em;
}
#article .caption {
 	font-size: 1.1em;
	font-weight: bold;
}


#article .date,
#article .author {
	font-size: 1.1em;
	line-height: normal;
	float: left;
	margin: 1em 1ex 1em 0;
}

#article div.cvitem {
	margin-bottom: 10px;
}

#article div.cvitem img {
	float: left;
	margin-right: 10px;
	border: 1px solid gray;
}

#article div.cvitem div.cv {
	left: 160px;
	bottom: 0px;
	float: left;
}

#frontpage ul li,
#article ul li,
#folder ul li,
#formpage ul li { /* regular li needed in these areas */
	padding: 0;
	margin: 0 0 0.1em 0;
}

#folderregatta ul.contentlist li.toplevel {	
	margin-top: 10px;	
}

#folderregatta ul.contentlist li.toplevel a {	
	font-size: 1.4em; font-weight: 700; text-decoration: none;
}

#col1 h3 a {	
	text-decoration: none;
	line-height: 100%;
}

#col1 div.body img {	
	margin-bottom: 6px;
}

#folderregatta ul.contentlist li.toplevel div.caption {	
	margin-top: 5px;
}

.comments {
	background: #f1f1f1;
	border: 2px #e2e3e4 solid;
	padding: 0 2px;
	margin: 15px 0;
	font-size: 1.1em;
}
.comments h5 {
	font-size: .9em;
	margin-bottom: 0;
}
.comments h4 {
	display: inline;
	font-size: 1.1em;
}
.comments p { font-size: 1em; }
.comments table {
	border: 1px #e2e3e4 solid;
	margin: 1px 0;
}
.comments th {
	text-align: left;
	font-size: .9em;
}
.comments th,
.comments td {
	padding: 1px 2px;
	border-bottom: 1px #e2e3e4 solid;
}
.comments tr.flip th,
.comments tr.flip td { background-color: #fbfbfb; }
.comments tr.flop th,
.comments tr.flop td { background-color: #fff; }
.comments .alert { font-weight: bold; }
.comments tr.spacerow td { background-color: transparent; }

#col1 div.livenews .col1 {
	width: 48%;
	float: left;
}
#col1 div.livenews .col2 {	
	width: 48%;
	float: right;
	
}


.spacer.white {
	background-color: #fff;
}

.spacer {
	clear: both;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
	font-size: 1px;
	height: 1px;
}
.spacer.one { height: 1px; }
.spacer.five { height: 5px; }
.spacer.ten { height: 10px; }
.spacer.fifteen { height: 15px; }
.spacer.thirty { height: 30px; }