/* See Design Note 2010-03-19, changes to body and p, to make font resize also in EI*/
/*body 		{ font: 14px/1.4 arial, helvetica, sans-serif; color: #000000; background: #f6f6f6; margin: 0; margin-top: 5px; }*/
body 		{ font-size:100%; line-height:100%; font-family: 'Ubuntu', sans-serif; color:#000000;
		  background:#ffffff; margin:0; margin-top:0; } /*#ECF0FC*/
  
/*Set margin, padding, borders in separate div to preserve dimensions in all elements, except for container sides, where marginauto adjusts dimensions. But can use outline, that don't add to dimensions.) */
.container 	{ width:1020px; margin-left:auto; margin-right:auto; }
.fullcolumn	{ width:1020px; }
.midcolumn  { width:900px; margin-top:10px; margin-left: 50px; }
.maincolumn	{ width:680px; }
.halfcolumn	{ width:510px; }
.column		{ width:340px; }
.minicolumn	{ width:255px; }
.smallcolumn	{ width:170px; }

/*The float solution provided by cssgirl gives full width of bands while scrolling window. Container must be inside*/
.topband	{ height:30px; background:#000080; min-width:100%; float:left; }

.logoband	{ height:70px; background:#3333ff; min-width:100%; float:left; }
/*.logoband	{ height:60px; background:#ffffff; min-width:100%; float:left; }*/
/*.transband	{ height:20px; background:#ffffff; min-width:100%; float:left; margin-top:20px; margin-bottom:20px; }*//*#333333*/

.bluegrband	{ background: url(Image/bluegrad.gif) repeat-x 0px 0px;  min-width:100%; float:left; }

.startrow	{ height:460px; }
.row560		{ height:560px; }

.mainrow	   { height:640px; }
.highrow	   { height:700px; }
.tallrow	   { height:840px; }
.textrow	   { height:1000px; }
.bigtextrow { height:1200px; }
.chapterrow	{ height:1200px; }

.mediumrow	{ height:400px; }
.toprow		{ height:300px; }
.minirow	   { height:200px; }
.lowrow		{ height:180px; }
.normalrow  { height:120px; }
.row		   { height:90px;  }
.microrow	{ height:5px;   }
.videorow	{ height:730px; }
.videorow2	{ height:500px; }

.videosize	{ width:1020px; margin-top:-150px; }

.audiobox	{ width:500px; background-color:#3333ff; margin-top:0px;
		  border: 3px #ffcc66 solid; border-radius: 4px; padding: 4px 4px 4px 4px; }
.audiostyle	{ width:488px; border: 2px #ffcc66 solid; border-radius: 4px; padding: 4px 4px 4px 4px; background-color:#999999; }	

.audiostyle2	{ width:488px; border: 2px #ffcc66 solid; border-radius: 4px; padding: 4px 4px 4px 4px; background-color:#999999; 
		  margin-top:300px; }

.ontheairbox	{ width:500px; height:333px; position:relative 10px 110px; background:url('Image/ontheair.jpg') no-repeat 0px 0px; 
		  margin-top:130px; }

.audiostyle3	{ width:670px; border: 2px #ffcc66 solid; border-radius: 4px; padding: 4px 4px 4px 4px; background-color:#999999; 
		  margin-top:383px; }		  
.ontheairbox3	{ width:680px; height:402px; background:url('Image/ladytalk.jpg') no-repeat 0px 0px; margin-top:80px; }

.titel		{ font-size:58px; line-height:60px; }
.headtitel  { font-size:58px; line-height:60px; margin: 60px 0px 30px; }
.midtitel	{ font-size:34px; line-height:34px; }
.subtitel	{ font-size:28px; line-height:32px; }
.subhead	   { font-size:28px; line-height:32px; margin: 10px 0px 30px; }
.headtext	{ font-size:26px; line-height:32px; }
.font		{ font-size:18px; line-height:24px; text-align:justify; }

.lightblue	{ color: #3333cc; }
.frontline	{ font-size: 1.375em; text-align: center; line-height: 1.4; padding-top: 14px; }

.subheadfont	{ font-size:28px; margin-top:30px; margin-bottom:15px; }
.smallheadfont	{ font-size:18px; line-height:24px; text-align:justify; }

.bold		   { font-weight:bold; }

.pushleft	{ float:left; }
.pushright	{ float:right; }
.pad		   { padding:15px; }
.top        { margin-top: 60px; }
.margintop	{ margin-top:80px}
.bluetop	   { margin-top:30px}
.imagetop	{ margin-top:50px}
.videotop	{ margin-top:30px }
.top		   { margin-top:10px }

div.relative    { position: relative;
                  left: 120px; }

.justifytext	{ text-align:justify; }

/*Use outline for tests - will not spoil layout dimensions!*/
.outline	{ outline:black solid 1px; }

.nounderline   { text-decoration: none; }
.textleft	{ text-align:left; }
.textright	{ text-align:right; }
.textcenter	{ text-align:center; }

.logoimg	{ height:70px; background:url('Image/Aexto-fb.gif') no-repeat -7px 0px; }
.logoimg-cog	{ height:70px; background:url('Image/Cogitron-fb.gif') no-repeat -7px 0px; }

/*----------------------------Images index.php-----------------------------------------------------*/
.galleryart	{ height:350px; background:url('Image/galleryart.jpg') no-repeat -5px 5px; }
.capitol	{ height:450px; background:url('Image/capitol.jpg') no-repeat 10px 110px; }
/*----------------------------Images member.php----------------------------------------------------*/
.museum		{ height:350px; background:url('Image/museum.jpg') no-repeat -5px 5px; }
.trierhome	{ height:450px; background:url('Image/trierhome.jpg') no-repeat 10px 110px; }
/*----------------------------Images ccontent.php--------------------------------------------------*/
.luxflag    { height:350px; background:url('Image/luxflag.jpg') no-repeat -5px 5px; }
.memorial   { height:450px; background:url('Image/memorial.jpg') no-repeat 10px 110px; }
/*-------------------------------------------------------------------------------------------------*/

.bckgr-blue	{ background: url(Image/bluegrad.gif) repeat-x 0px 100px; }
.bckgr-paleblue	{ background: url(Imags/gradpaleblue.gif) repeat-x top; }

.bordergray	{ border: solid 1px #cccccc; }

.bck-black	{ background:#000000; } 

.gray		   { color:#404040; }
.white		{ color:#ffffff; }
.blue		   { color:#3333cc; }
.logoblue	{ color:#9999ff; }
.navyblue	{ color:#000080; }

.access		{ color:#9999ff; font-size:20px; line-height:30px; text-decoration: none; font-weight:bold; margin-right: 20px;	float:right; }
.access:hover, 
.access:active	{ color:#ff3333; }

.domain		{ width:200px; font-size:20px; line-height:80px; text-align:center; margin-left:auto; margin-right:auto; }
.copyright	{ width:800px; font-size:16px; line-height:70px; text-align:center; margin-left:auto; margin-right:auto; }

.signup{
font-family:Ubuntu;
font-size:14px;
}

.signup p, h1, form, button{
border:0; margin:0; padding:0;
}

.spacer{
clear:both; height:10px;
}

.subscribepad{
padding: 15 0 35 25
}

/*--------------Used on your paypal subscribe page--------------------*/
.joinbox  {width: 440px; height: 150px; margin: auto; padding-top: 50px; border:solid 1px #b8dbff;
         background: url(Image/gradbluepale.gif) repeat-x top; }

/* ----------- My Form - used for login, register, etc pages--------- */
.myform{
margin:0 auto;
width:440px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 1px #b8dbff;
background: url(Image/gradbluepale.gif) repeat-x top;
}
#stylized h1 {
font-size:22px;
color:#6787E7;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:14px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #7a96ea;
padding-bottom:10px;
}
#stylized label{
display:block;
color:#6787E7;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:12px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:20px;
padding:4px 2px;
border:solid 1px #b8dbff;
width:240px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:100px;
height:31px;
background:url(Image/redgrad.gif) repeat-x top;
text-align:center;
line-height:31px;
color:#ffffff;
font-size:14px;
font-weight:bold;
}


/*--------------------------Used in version of cogitron.com--------------------------------------------------------*/
.menubox	{ width: 450px; margin-left: 20px; }
	/*Color, textdocoration must be set in menu (used as links). Some browsers will give wrong colors otherwise.*/
.menu, .menu:link, .menu:visited	
		{ display: block; overflow: hidden; font-size: 24px;
		  width: 400px; height: 50px; margin-top: 3px; 
		  border-bottom: 1px solid #3333cc; color: #3333cc; text-decoration: none;
		  text-align: left; text-indent: 35px; margin-right: 10px; line-height: 50px;
		  background: #ffffff url(Image/dotblue.gif) no-repeat 0px 25px;  }
.menu:hover, .menu:active	
		{ background: #ffffff url(Image/dotred.gif) no-repeat 0px 25px; 
		  border-bottom: 1px solid #0000cc; }