/************* Allgemeine Styles ***************/
body {
	margin:0;
	padding:0;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000;
}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, a{ margin:0; padding:0;}
a, a:hover { text-decoration:none;}
a img { border:0; }


/************** Top *************/
#thule {
	margin:0;
	padding:0;
	height:40px;
	background:transparent url(imgs/thulebg.gif) top center repeat-x;
}
#thulebar {
	margin:0 auto;
	padding:0 1em 0 0;
	width:960px;
	text-align:center;
}


/************ header Area ************/
#header {
	position:relative;
	margin:0;
	padding:0 40px; 
	height:256px; /*310 280 */
	background:#FFFF00;
}
.headerimg {
	float:right;
	margin:0;
	padding:0; /* 30px 0 0 0 */
	border:none;
	width:400px; height:228px; top:25px;	
}
.headerimg2{
	margin:0 auto;
	padding:0;
	width:960px; height:256px; display:block;
	background: url(imgs/headdonosti.jpg) bottom right no-repeat;
}
#header h1 {
	position:relative;
	margin:0;
	/* padding:60px 0 20px 0; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.2em;
	color:#ABA77C; text-indent:-9999px;
	background: url(imgs/newheader.gif) 0 30px no-repeat;width:510px; height:250px;
}

#flagsq { position:absolute; top:6px; right:50px; width:148px; height:26px; margin:0; z-index:99;}
#flagsq a { padding:2px 6px;}

#waits { text-indent:-9999px; background:url(imgs/wait.gif) no-repeat; width:550px;}


/*************** menubar ***************/
#menubar {
	margin:0;
	padding:0;
	height:46px;
	background:#003B78 url(imgs/menubg.gif) bottom repeat-x;
}
#menuitems {
	margin:0 auto;
	padding:0;
	width:960px;
	line-height:40px;
	font-size:.95em;
	text-align:center;
}
#menuitems ul {
	/*margin:0 .7em 0 .7em;*/
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
	text-align:center;
}
#menuitems ul li {
	display:inline;
	position:relative;
}
#menuitems a {
	color:#ffffff;
	text-decoration:none;
	padding:0 20px 15px 20px; 
}
#menuitems a.now {
	color:#FDF003;
	text-decoration:none;
}
#menuitems a:hover {
	color:#859BE8;
	text-decoration:none;
	/* background:url(img/footprint.gif) top left no-repeat; */
}


/************  Content   ***********/
#content {
	padding:25px 0 60px 0; 
	width:960px;
	margin:0 auto;
	/* position:relative; */
}
#content h2 {
	margin:.5em 0 .5em 0 !important;
	margin:.5em 0 .9em 0; /*IE hack */
	color:#9b0033;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	font-weight:lighter;
}
#content h4 {
	margin:.5em 0 .3em 0 !important;
	margin:.5em 0 .5em 0; /*IE hack */
	color:#444;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:lighter;
	width:90%;
	border-bottom:1px solid #aaa;
}
#content p { font-size:.9em;}

#content .date {
	margin-bottom:-1em;
	font-size:.7em;
	color:#828181;
	text-transform:uppercase;
}

#post { padding:7px 15px 15px 0;}
#post img{ border:1px solid #9b0033;}
#post .txt {margin-left:190px;}
#post h3, #post2 h3 {font:18px Georgia, "Times New Roman", Times, serif; color:#9b0033; }
#post p, #post2 p, #repost p, #repost2 p {font:12px Geneva, Arial, Helvetica, sans-serif;}
#post2 p {padding-left:20px;}
#post .date { margin: .1em 0 -.6em 0;}

#repost { float:left; width:380px; color:#003a76; padding:10px 60px 10px 0;}
#repost2 { float:left; width:180px; background:#003a76; color:#fff; padding:10px; -webkit-border-radius:12px; -moz-border-radius:10px; border-radius:10px;}
#repost2 a{ color:#fff; text-decoration:none;}
#repost2 a:hover{ color:#fff; text-decoration:underline;}
#repost ,#repost2 { margin-bottom:40px;}

p.sub{font-style:italic !important; font-size:11px !important; padding:10px 0;}

/**************** Standarten ****************/
#callout, #callout2 {
	margin:0;
	padding:0;
	height:250px;
	background:#FFF000 url(imgs/usbg.jpg) bottom left repeat-x;
}
#callout2 {background:#FFF000 url(imgs/usbg2.jpg) top left repeat-x;}
#calloutblock {
	position:relative;
	margin:0 auto;
	padding:10px 5px 5px 5px;
	width:960px;
	font-size:.9em;
	text-align:left;
}

#calloutblock p { margin:.3em 0; color:#113256;	font-size:.8em; }

a.info { color:#9b0033; text-decoration:none; }
a.info:hover { text-decoration:underline; }


/************  Squared Boxes   ***********/

.spacer{font-size:0; line-height:0; clear:both;}

.sq1, .sq2, .sq3 {
	float:left;
	width:300px; 
}
.sq1, .sq2 {padding-right:20px;}

 a.item1, a.item2, a.item3, a.item4, a.banna1, a.banna2, a.banna2cat { display:block; width:300px; height:108px; padding: 0;}
 a.item2, a.item4 { margin:10px 0; }
 a.item1 { background:transparent url(imgs/sq1.gif) 0 0 no-repeat; } 
 a.item1:hover { background: transparent url(imgs/sq1.gif) 0 -108px no-repeat; } 
 a.item2 { background:transparent url(imgs/sq2.gif) 0 0 no-repeat; } 
 a.item2:hover { background: transparent url(imgs/sq2.gif) 0 -108px no-repeat; } 
 a.item3 { background: transparent url(imgs/sq3.gif) 0 0 no-repeat; } 
 a.item3:hover { background: transparent url(imgs/sq3.gif) 0 -108px no-repeat; } 
 a.item4 { background: transparent url(imgs/sq4.gif) 0 0 no-repeat; } 
 a.item4:hover { background: transparent url(imgs/sq4.gif) 0 -108px no-repeat; } 

 a.banna1, a.banna2, a.banna2cat { margin:10px 0; }
 a.banna1 h3, a.banna2 h3, a.banna2cat h3{ text-indent:-9999px;}
 a.banna1 { background:transparent url(imgs/banna1.gif) 0 0 no-repeat; } 
 a.banna1:hover { background: transparent url(imgs/banna1.gif) 0 -108px no-repeat; } 
 a.banna2 { background:transparent url(imgs/banna2.gif) 0 0 no-repeat; } 
 a.banna2:hover { background: transparent url(imgs/banna2.gif) 0 -108px no-repeat; } 
 a.banna2cat { background:transparent url(imgs/banna2cat.gif) 0 0 no-repeat; } 
 a.banna2cat:hover { background: transparent url(imgs/banna2cat.gif) 0 -108px no-repeat; } 

.sq1 h3, .sq2 h3, .sq3 h3 { color:#003B78;	font:bold 16px/18px Geneva, Geneva, Arial, Helvetica, sans-serif; padding: 5px 0 0 10px;} /*color:#850049; background:url(images/news_icon.gif) no-repeat 2px 13px; padding:0 9px 0 22px; */
.sq2 p, .sq3 p, .item1 p, .item2 p, .item3 p, .item4 p {
	color:#303E4D; padding:0 20px 10px 10px; 
	font:normal 11px/17px Geneva, Geneva, Arial, Helvetica, sans-serif;}
.sq1 p{
	color:#303E4D; padding:0 6px 4px 8px; 
	font:normal 11px/17px Geneva, Geneva, Arial, Helvetica, sans-serif;}
p.xplain{padding-right:60px;color:#fff !important;}

#object { padding:5px 0; border-bottom:1px solid #aaa; font:.8em Geneva, Arial, Helvetica, sans-serif; color:#777; width:90%; }
#object a {color:#9b0033; font-weight:bold;}
#object a:hover {text-decoration:underline;}
#object p { padding:0; margin:0;}


/**************** ContentPages *************/
#sidebar {
	width: 240px;
	float: right;
	background:#FFF000 url(imgs/usbg.jpg) bottom left repeat-x;
	font-size:.9em;
	padding: 20px 0 40px 20px;}
#main-content {
	margin-right: 280px;
	width: 640px; padding:25px 15px 60px 0;
	}
.xplain { margin-top:5px;font-size:.85em !important;}

.sq1in, .sq2in, .sq3in {
	float:left;
	width:240px; 
}
 a.item1in, a.item2in, a.item3in, a.item4in { display:block; width:220px; height:108px; padding:0px; margin-bottom:10px;}
 a.item1in { background: transparent url(imgs/sq1in.gif) 0 0 no-repeat; } 
 a.item1in:hover { background: transparent url(imgs/sq1in.gif) 0 -108px no-repeat; } 
 a.item2in { background: transparent url(imgs/sq2in.gif) 0 0 no-repeat; } 
 a.item2in:hover { background: transparent url(imgs/sq2in.gif) 0 -108px no-repeat; } 
 a.item3in { background: transparent url(imgs/sq3in.gif) 0 0 no-repeat; } 
 a.item3in:hover { background: transparent url(imgs/sq3in.gif) 0 -108px no-repeat; } 
 a.item4in { background: transparent url(imgs/sq4in.gif) 0 0 no-repeat; } 
 a.item4in:hover { background: transparent url(imgs/sq4in.gif) 0 -108px no-repeat; } 

.sq1in h3, .sq2in h3, .sq3in h3 { color:#003B78; font:bold 16px/18px Geneva, Geneva, Arial, Helvetica, sans-serif; padding: 5px 0 0 10px;} /*color:#850049; background:url(images/news_icon.gif) no-repeat 2px 13px; padding:0 9px 0 22px; */
.sq1in p, .sq2in p, .sq3in p, .item1in p, .item2in p, .item3in p, .item4in p {
	color:#303E4D; padding:0 20px 10px 10px; 
	font:normal 11px/17px Geneva, Geneva, Arial, Helvetica, sans-serif;}
h5 { color:#fff; width:100px; padding: 5px 0 0 10px;  }
h6 { color:#666; font-weight:bold;}

/**************** Footer ****************/
#footer {
	width:960px;
	margin:0 auto;
	position:relative;
	background: #fff; border-top:2px solid #003b78;
	padding:50px 0 0 0;color:#003B78; }	/*  9b0033*/
#footer #left {
	float:left; width:700px; margin:0; padding:0;} /*float:left; width:200px; padding-left:30px;*/
#footer #left img {
	margin:-10px 0 0 0 !important; padding:0;}/* float:left; padding: 0 20px 0 0; */

#footer #right {
	float:right;
	width:240px; height:100%; margin-top:-30px;
	padding:50px 0 20px 15px; 
	border-left: 1px solid #003b78;  /*66A1DC*/
	background:url(imgs/logo-donosti.gif) top right no-repeat;
}
#footer p {
	font-size:.7em; margin:.6em 0;
}
#footer a {
	color:#66A1DC; text-decoration:underline; }
#footer a:hover {
	color:#c0c0c0; text-decoration:none; }
#shield { position:absolute; bottom:0; right:0; background:url(imgs/shield.gif) bottom right no-repeat;}


/**************** Forms ****************/
#signup-form { width:220px; float:left;}
#contact-form fieldset { border:1px solid #66A1DC;}
#signup-form fieldset { border:1px solid #0e2b8d;}
#contact-form ul { width:100%; float:left; margin:0; padding:0 0 12px 12px; list-style:none; }
#signup-form ul{ width:100%; float:left; margin:0; padding:0 0 12px 0; list-style:none; }

#contact-form li{ float:left; width:100%; margin:13px 0 0; }
#signup-form li{ float:left; width:100%; margin:8px 0 0; }
	
#contact-form label, #signup-form label { float:left;	width:100%;	color: #66A1DC; font-size:.8em;	padding:0 0 3px; }
#signup-form label { color:#0e2b8d;}	
#contact-form label span, #signup-form label span { color:#F47C2A; }
 
#contact-form input, #contact-form textarea { float:left; border:0; color:#0e2b8d; background:#ddd; }
 #signup-form input, #signup-form textarea { float:left; border:0; color:#0e2b8d; background:#fff;}
 
#contact-form input { width:295px; margin:0; padding:6px 5px 5px; height:17px; }
#signup-form input { width:196px; margin:0; padding:2px; height:15px; }
#contact-form textarea { width:380px; height:85px; margin:0;	padding:5px; background:#ddd; }
#signup-form textarea {	width:196px; height:60px; margin:0;	padding:2px; background:#fff; }

#contactform2 ul { width:100%; float:left; margin:0; padding:0 0 12px 12px; list-style:none; }
#contactform2 li{ float:left; width:100%; margin:13px 0 0; }
#contactform2 label { float:left;	width:160px; color: #66A1DC; font-size:.8em; padding:0 0 3px; }
#contactform2 label span { color:#F47C2A; }
#contactform2 input { width:295px; float:left; border:0; color:#0e2b8d; margin:0; padding:6px 5px 5px; height:17px;background:#eee; }
#contactform2 input.liltxt { width:60px; }
#contactform2 input.liltxt2 { width:30px; }
#contactform2 textarea { width:380px; height:85px; float:left; border:0; color:#0e2b8d; margin:0;padding:5px; background:#eee; }
#contactform2 p { margin:10px 20px 5px 0; float:left; font-size:0.8em; }
#contactform2 .affich { float:left; margin-right:10px; color: #66A1DC; }
#contactform2 input.checker{background:none; width:40px;}


#contact-form li.submit, #contactform2 li.submit { margin:0; }

#contact-form p, #signup-form p {
	margin:0; float:left; font-size:0.8em; } /* info */

#contact-form p span, #contactform2 p span, #signup-form p span { 
	font-weight:bold; color:#F47C2A; } /* * */
	
#contact-form li.submit input, #contactform2 li.submit input, #signup-form li.submit input {
	float:left;
	width:112px;
	height:30px;
	padding:0;
	margin:30px 0 20px 0;
	font-weight:bold;
	color:#fff;
	background:url(imgs/bg-submit.gif) no-repeat 0 0; 
}
#signup-form li.submit input {margin:10px 0;}
.warning {
	font: .92em Arial, Helvetica, sans-serif;
	color:#F47C2A;
	margin-left:6px;
}


/* left hand path */
.floatLeft{	float:left;}
.lightblue{ color: #66A1DC;}
#trigger{
	position:absolute;
	border:1px solid #66A1DC;
	background:#fff;
	font: .7em Geneva, Arial, Helvetica, sans-serif;
	padding:5px;
	display:none;
	color:#66A1DC;
}