﻿
/* 
	Background-Styles 
*/

body { margin:0; padding:0; width:100%; background: #dddacd url(../images/1/bgall.jpg) repeat;}
html { padding:0; margin:0;}

a{color:#1C6088;text-decoration:none}
a:hover{text-decoration:underline}
a:focus{text-decoration:underline}


/********** topnav **********/

#ipanel { font:normal 10px Tahoma, Geneva, sans-serif;}
#ipanel a { color:#3196cc; font:normal 10px Tahoma, Geneva, sans-serif; padding:5px ; text-decoration:underline; }
#ipanel a:hover {text-decoration:none;}
#ipanel .legal {float: right;width: 273px;height: 23px;margin: 0 auto;padding: 11px 20px 0 0;text-align: right;font-size: 0.7em;color: #FFFFFF;}
#ipanel ul li a { text-decoration: none;padding: 6px 6px 6px 12px;font-weight:normal; color: #fff;}
#ipanel ul li a:hover{text-decoration: none;padding: 6px 6px 6px 12px;color: #FFFCD4;}
#ipanel img { margin:10px 5px 0 10px;}



#block_topnav {margin:0 auto; width:960px; height:34px;}

#block_header {
	position: relative;
	width: 960px;
	height: 108px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/1/bgheader.jpg) no-repeat;
	z-index: 1;
}
#block_teaser {
	position: relative;
	width: 960px;
	height: 316px;
	margin: 0 auto;
	text-align: left;
  background: url(../../images/slider/304/sli_316_bg.jpg) no-repeat;
	z-index: 1;
}
div#headerPhoto {
	position: absolute;
	top: 2px;
	left: 11px;
	width: 938px;
	height: 316px;
	z-index: 1;
	overflow: hidden;
	}

#block_slider {
	position: relative;
	width: 960px;
	height: 510px;
	margin: 0 auto;
	text-align: left;
	background: url(../../images/slider/510/bigsli_510_bg2.jpg) no-repeat;
	z-index: 1;
}
div#sliderPhoto {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 510px;
	z-index: 1;
	overflow: hidden;
	}


div#navigationBar {
	position: absolute;
	top: 5px;
	left: 200px;
	z-index: 2;
	width: 740px;
	height: 108px;	
	}
	a#logo {
		position: absolute;
		top: 3px;
		left: 20px;
		z-index: 2;
		display: block;
		width: 196px;
		height: 88px;
		background: url(../images/logo_aristoteles.png) 0px 0px no-repeat;
		}
a#logo span { display: none; }

/********** main navigation styles **********/
ul#nav {
	position: absolute;
	top: 35px;
	left: 40px;
	width: 720px;
	height: 61px;
	padding: 0;
	margin:0;
}

ul#nav li , ul#nav li a {display: block;float: left; font: normal small-caps 12px Tahoma, Verdana; margin:0;}		
#nav li ,ul#nav li{margin-bottom: .3em;margin-right: .4em;}


#nav li a:hover, #nav li a.men-cur, #nav li a.men-curifsub {background-color: #487070;}
#nav li a {
	padding: 26px 8px 4px 8px;
	background-color: #6BB3CD;
	border: 3px double #B1D5E3;
	color: #fcfcfc;
	display: block;
	height: 1%;
}	

/********** subtabs navigation styles **********/
div#tabsBar {
        
	height: 36px;	
}
	
ul#subtabs {
	/*width: 720px;*/
	height: 31px;
	padding: 0;
	margin:0;
}

ul#subtabs li , ul#subtabs li a {display: block;float: left; font: normal 12px Tahoma, Verdana; margin:0;}		
#subtabs li ,ul#subtabs li{margin-bottom: .3em;margin-right: .4em;}

#subtabs li a:hover, #subtabs li a.men-cur, #subtabs li a.men-curifsub {background-color: #487070;}
#subtabs li a {
	padding: 16px 8px 4px 8px;
	background-color: #6BB3CD;
	border: 3px double #B1D5E3;
	color: #fcfcfc;
	display: block;
	height: 1%;
}

#right_content {float: right;margin:0; padding:0;}


div#contentBox {
	position: relative;
	top: 60px;
	right: 0px;
	z-index: 2;
	width: 140px;
	height: 120px;
	background: #fbfaef url(../images/bgtbox.png) right bottom no-repeat;
border-top: 1px solid #FFFCD4;
border-left: 1px solid #FFFCD4;
border-bottom: 1px solid #FFFCD4;
		float: right;
	}

div#kidsBox {
	position: relative;
	top: 60px;
	right: 0px;
	z-index: 2;
	width: 148px;
	height: 120px;
	background: #fbfaef url(../images/kidsclub_box.png) right bottom no-repeat;
border-top: 1px solid #FFFCD4;
border-left: 1px solid #FFFCD4;
border-bottom: 1px solid #FFFCD4;
		float: right;
}

	a#kidsclubbtn {
		position: absolute;
		top: 0px;
		right: 20px;
		z-index: 3;
		display: block;
		width: 90px;
		height: 34px;
		background: url(../images/kidsclubbtn.png) 0px 0px no-repeat;
		}
a#kidsclubbtn span { display: none; }
 
#subtabs li#page27 a {height: 14px;}
			
/* F O O T E R */
#footer {margin:10px auto 0 auto; width:940px;}
#footer {height: 44px;border: 1px solid #FFFCD4;background: #484848 url(../images/bg_footer.png) top center no-repeat;}

#footer .links {float: left;width: 920px;height: 25px;padding: 19px 20px 0 10px;font-size: 0.8em;}
#footer .legal {float: left;width: 140px;height: 23px;margin: 0 auto;padding: 12px 50px 0 20px;text-align: right;font-size: 0.7em;color: #43393E;}

#footer ul {list-style-type: none;}
#footer ul{margin:0;list-style-image: none;}
#footer ul li { float:left; display:inline;list-style-type: none; margin: 0; padding: 0; }
#footer ul li a { text-decoration: none;padding: 6px 6px 6px 12px;font-weight:normal; color: #fff;}
#footer ul li a:hover{text-decoration: none;padding: 6px 6px 6px 12px;color: #FFFCD4;}
#footer	.topaktiv {padding: 6px 6px 6px 12px;font-weight:normal; color: #FFFCD4;}

#footer ul{
font-family: Arial,FreeSans,"Bitstream Vera Sans","DejaVu Sans",Helvetica,Geneva,Verdana,sans-serif;
font-size: 11px;
line-height: 11pt;
color: #454545;
}
#footer ul li a {
	text-decoration: none;
	color: #cdcdcd;
}


div#contentBox p {margin:5px; padding:2px 0;}


.langnav{
	width:440px;
	margin:0;
	padding:5px 5px 0 0;
	float:right;
	text-align:right;
	text-transform:capitalize;
	color:#a99a6f;
	font-size:11px;
}
.langnav a{
	color:#a99a6f;
	text-decoration:none;
}
.langnav a:hover, .langnav a.current{
	color:#60abd3;
	text-decoration:none;
}


.backlist { margin:0;padding:15px 5px 15px 20px;font-size:14px;}
.backlist a{
	color:#1F6D9C;
	text-decoration:none;
}
.backlist a:hover, .backlist a.current{
	color:#359AD7;
	text-decoration:underline;;
}
ul.csc-menu-1{list-style-type:none;margin:0 1em 1em;padding:0;}
ul.csc-menu-1 li{background:url(../images/icons/symb_link.png) no-repeat 0 .15em;margin-left:0;padding-left:20px;text-align:left;}

/* SUBNAV */

#boxmenu {
	width: 261px;
	font: 62.5%/120% Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.1em;
	line-height: 20px;
}
div#boxmenu {
	position: relative;
	top: 60px;
	right: 0px;
	z-index: 2;
	width: 260px;
	background: #E1DFD3 url(../images/1/bgnavbox2.jpg) right bottom no-repeat;
  border-top: 1px solid #FFFCD4;
  border-left: 1px solid #FFFCD4;
  border-bottom: 1px solid #FFFCD4;
  float: right;
  padding-bottom: 30px;
}
	

.subnav {
	padding-left: 4px;
	padding-top: 15px;
	padding-bottom: 20px;
	min-height:57px
}

#content .subnav h2 {
	background:url(../images/1/bgnavh2_3.png) no-repeat left top;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#1F4A5A;
	margin: 0px;
	text-transform:uppercase;
	font-weight:normal;
	padding: 4px 0px 10px 26px;
}



ul#nav li#title {
	background: none;
	padding: 0px;
}


.subnav h3 {
	margin: 0px;
}
.subnav h3 a{
	background: url(../images/tt/bgrd-guide.png) no-repeat center top;
	color: white;
	float: left;
	font-weight: normal;
	font-style: normal;
	font-size: 30px;
	height: 82px;
	line-height: 65px;
	letter-spacing: 4px;
	margin: 0px 0px 20px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: #88a29e 0 1px 1px;
	padding: 0px;
	width: 100%;
}
.subnav h3 a:hover {
	background: url(../images/tt/bgrd-guide.png) no-repeat center bottom;
	color: white !important;
}


.subnav ul {
	margin: 0px;
	padding-left: 0px;
	padding-right: 10px;
	font:11px/1.8em Verdana,Arial,Helvetica,sans-serif;
}
.subnav ul li {
	list-style: none;
	line-height: 15px;
	margin-bottom: 5px;
	padding-left: 4px;
	margin-left: 30px;
}
.subnav ul li ul {
	margin: 0px;
	padding-left: 0px;
	padding-top: 4px;
}
.subnav ul li ul li {
	line-height: 14px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 5px;
}
.subnav a:visited, .subnav a:active, .subnav a:link {
	display: block; 
	text-decoration: none; 
	color: #6BB3CD; 
	height: 100%;
}
.subnav a:hover {
	display: block; 
	text-decoration: none; 
	color: #1C6088;
	height: 100%;
}
.subnav  a.sub1:visited, .subnav  a.sub1:active, .subnav  a.sub1:link {
	padding-left: 14px;
	background:url(../images/tt/bullet_sub.gif) no-repeat 5px 4px;
}
.subnav  a.sub1:hover {
	padding-left: 14px;
	background:url(../images/tt/bullet_sub.gif) no-repeat 5px 4px;
}
.subnav  a.act {
	color: #bf2e1a;
	font-weight:bold;
}
.subnav .sub2 a:visited, .subnav .sub2 a:active, .subnav .sub2 a:link {
	font-size: 1.1em; 
	padding: 5px 15px 3px 33px;
	background: #CCCCCC url(../images/tt/bullet.gif) no-repeat 25px 9px;
}
.subnav .sub2 a:hover {
	font-size: 1.1em; 
	padding: 5px 15px 3px 33px;
	background: #cdb8cc url(../images/tt/bullet.gif) no-repeat 25px 9px;
}
.subnav .sub3 a:visited, .subnav .sub3 a:active, .subnav .sub3 a:link {
	font-size: 1.1em; 
	padding: 5px 15px 3px 43px;
	background: #CCCCCC url(../images/tt/bullet.gif) no-repeat 35px 9px;
}
.subnav .sub3 a:hover {
	font-size: 1.1em; 
	padding: 5px 15px 3px 43px;
	background: #cdb8cc url(../images/tt/bullet.gif) no-repeat 35px 9px;
}
.subnav a.men-cur {
	text-decoration: underline;
}

#backlink {clear: left;float:left;margin:0;padding:15px 5px 15px 10px;}

#pagination{ margin:0;padding:0;}

div#pagination{
	font-family:tahoma;
	text-align:center;
}
#pagination span{
	display:block;
	float:left;
	font-size:12px;
	line-height:18px;
	margin: 2px 6px 2px 0;
}
#pagination span a{
	background-color:#D7D2C4;
	border:1px solid #bbbbbb;
	color:#1F4A5A;
	display:block;
	padding:1px 5px 2px 5px;
	text-decoration:none;
}
#pagination span a:hover, #pagination span a:active{
	background-color: #C6BFAA;
	border:1px solid #53BEDF;
}
#pagination span.current{
	background-color: #303030;
	border:1px solid #303030;
	color:#53BEDF;
	font-size:11px;
	padding:1px 5px 2px 5px;
}


