/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
padding:0px;
margin:0px;
font-family: Verdana, Arial, san-serif;
font-size: 1em;
}

a {
color: gray;
text-decoration: none;
}

a:visited {
}

a:hover {
color: #000;
}

a:active {}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }

h2 {
font-family: Verdana, Arial, san-serif;
font-size:0.8em;
font-weight: normal;
margin:0px;
}

img {
border: 0px;
}


img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 900px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}

/* ----------banner for logo-------------- */
#banner {
text-align: right;
padding: 0px;
margin-left: 120px;
margin-right: 0px;
width: 660px;

}


#banner img {padding:20px 0px 10px;} 

/* ----------banner for image -------------- */
#banner_image  { background: url(banner/rotator.php) no-repeat; text-align: left; margin: 0 0 0 120px; padding: 0; width: 660px; height: 159px }

#banner_image_home {
text-align: left;
padding: 0px;
margin: 0px;
margin-left: 120px;
margin-right: 0px;
width: 660px;
}

#banner_image h2 {
display: block;
color: #FFF;
text-transform: uppercase;
font-family: Verdana, Arial, san-serif;
font-size: 0.6em;
padding-left: 8px;
padding-top: 12px;
}



#banner_image img {padding:0px 0px 2px;} 

/* -----------------content--------------------- */
#content {
padding: 0px;
margin-left: 120px;
margin-right: 0px;
width: 660px;
font-family: Arial;
font-size: 0.9em;
}


div#content { 
min-height:150px;
height:expression(this.scrollHeight > 150 ? "auto":"150px"); 
}


p, pre{
padding: 10px 0 10px 0;
margin:0px;
}

.post_small_title {
font-size: 0.7em;
text-transform: uppercase;
}

/* -----------regular page post--------------------------- */
.entrytext {
width: 600px;
line-height: 135%;

}

.entrytext img {
padding: 1px;
background-color: #FFF;
border: 1px solid silver;
float: left;
margin-right: 10px;
margin-top: 2px;
}


/* -----------footer--------------------------- */
#footer {
padding: 0px;
margin-left: 124px;
margin-right: 0px;
width: 660px;
}

.line_background  { background-image: url(img/line.gif); background-repeat: no-repeat; background-position: right top; height: 60px }


/* --------------left navigation------------- */
#megla_menu {
float: left;
width: 110px;
margin: 0px;
margin-top: 218px;
padding: 0px;
background-repeat: no-repeat;
text-align: right;
}

#megla_menu	li{	/* Main menu <li> */
list-style-type:none;	/* No bullets */
margin:0px;	/* No margin - needed for Opera */
padding: 0px;
background-repeat: no-repeat;
}
	
#megla_menu ul{	
margin:0px;	/* No <ul> air */
padding:0px;	/* No <ul> air */
background-repeat: no-repeat;
}



#megla_menu li a {
display: block;
width: 110px;
height: 22px;
background-repeat: no-repeat;
background-position: 0 -22px ;
}

#megla_menu li a:hover, #megla_menu .activeMainMenuItem {
display: block;
width: 110px;
height: 22px;
background-repeat: no-repeat;
background-position:  0 0px;

}

#megla_menu ul li ul {
visibility: hidden;	
display: block;
color: #000;
height: 0px;
overflow: hidden;
margin: 0px;
padding: 0px;
}
	
#megla_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
padding-left: 10px;
}


.megla_subMenu{
visibility:hidden;
position:absolute;
margin-left: 13px;
overflow:hidden;
border:1px solid #000;
font-family:Verdana;
font-size: 0.7em;
text-align:left;
opacity: .98;
filter: alpha(opacity=90);
background-color: #262222;
}

.megla_subMenu ul{
margin:0px;
padding:0px;	
width: 300px;
padding-bottom: 0px;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;

}

.megla_subMenu ul li{
list-style-type:none;
margin:0px;
padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}

.megla_subMenu ul li a{	/* Sub menu items */
white-space:nowrap;	/* No line break */
text-decoration: none;	/* No underline */
color:#FFF;	/* Black text color */
height:20px;	/* 16 pixels height */
line-height:20px;	/* 16 pixels height */
padding-left:15px;	/* 1px of "air" inside */
display:block;	/* Display as block - you shouldn't change this */
border-bottom: 1px dotted #000;
text-transform: uppercase;
}

.megla_subMenu ul li a:hover { color: #fff; text-decoration: none; background-image: url(img/highlight_menu.gif); background-position: 50% bottom }

/* -----------buttons--------------------------- */
.button01 {
background-image: url(img/button_01.gif);
background-position: 0 -22px ;
}
.button01 a:hover{
background-image: url(img/button_01.gif);

}
.button02 {
background-image: url(img/button_02.gif);
background-position: 0 -22px ;

}
.button02 a:hover{
background-image: url(img/button_02.gif);

}
.button03 {
background-image: url(img/button_03.gif);
background-position: 0 -22px ;

}
.button03 a:hover{
background-image: url(img/button_03.gif)
}
.button04 {
background-image: url(img/button_04.gif);
background-position: 0 -22px ;
}

.button04 a:hover{
background-image: url(img/button_04.gif);

}
.button05 {
background-image: url(img/button_05.gif);
margin-top: 22px;
background-position: 0 -22px ;
}

.button05 a:hover{
background-image: url(img/button_05.gif)
}

.button06 {
background-image: url(img/button_06.gif);
background-position: 0 -22px ;
}
.button06 a:hover{
background-image: url(img/button_06.gif)
}

.button07 {
background-image: url(img/button_07.gif);
background-position: 0 -22px ;
}
.button07 a:hover{
background-image: url(img/button_07.gif)
}

.button08 {
background-image: url(img/button_08.gif);
background-position: 0 -22px ;
}

.button08 a:hover{
background-image: url(img/button_08.gif)
}


/* -----------styles for home--------------------------- */
.home_about {
width: 580px;
line-height: 130%;
}
/* -----------styles for news--------------------------- */

.news_homepage {
font-size: 0.6em;
line-height: 12px;
float: left;
width: 145px;
}

.news_text_homepage img {
margin-bottom: 5px;
}

.news_homepage a {
font-weight: bold;
color: #000000;
}

.news_homepage a:hover {
text-decoration: underline;
}

.news_text_homepage {
margin-top: 6px;
height: 120px;
width: 130px;
overflow: hidden;
}

.news  { font-family: Verdana, Arial, san-serif; background-image: url(img/news_line.gif); background-repeat: no-repeat; background-position: right top }

.news_text  {
margin-bottom: 10px;
font-size: 0.8em;
}

.news_text p {
width: 600px;
}

.news_text img {
padding: 3px;
background-color: #FFF;
border: 1px solid gray;
}

.invisible {
visibility: hidden;
}

.news_title {
position: absolute;
padding-top: 20px;
margin-top: 10px;
height: 33px;
width: 600px;
background-color: #FFFFFF;
z-index: 100;
}

.latest_news_background  { background-image: url(img/latest_news.gif); background-repeat: no-repeat; background-position: right top; margin-top: 10px; height: 60px }



.news_title h2 small {
font-size: 10px;
}

.news_list  { font-family: Verdana, Arial, san-serif; background-image: url(img/line_list.gif); background-repeat: no-repeat; background-position: right top; margin-bottom: 20px; padding-top: 10px }

.link_news_more{
margin-left: 109px;
font-size: 0.7em;
font-weight: bold;
text-transform: uppercase;
margin-top: 5px;
color: #000000;

}


.news_list_text  {
font-size: 0.8em;
height: 95px;
overflow: hidden;
width: 500px;
}

.news_list_text img {
float: left;
margin: 15px 10px 40px 0;
padding: 1px;
border: 1px solid silver;
}

.news_list_text p {
margin-top: -15px;
}

.pagetitle {
margin-top: -3px;
margin-bottom: 2px;
text-transform: uppercase;
font-size: 0.7em;
font-family: Verdana, Arial, san-serif;
font-weight: regular;
}

/* -----------navigation--------------------------- */

.navigation {
width: 600px;
}

.alignright {
float: right;
}
	
.alignleft {
float: left
}

.alignright {
float: right;
}
	
.aligncenter {
text-align: center;
}

/* -------------post-meta---------------------------*/

.post-meta {
list-style-type:none;	/* No bullets */
margin:0px;	/* No margin - needed for Opera */
padding: 0px;
}

#post-meta {
width: 190px;
background-color: gray;
}

#project_links {
color: #000000;
position: absolute;
margin-top: 357px;
width: 210px;
font-size: 0.7em;
font-family: Verdana, Arial, san-serif;
}

#project_links h2 { 
font-size: 12px;
font-family: Verdana, Arial, san-serif;
color: #000000;
text-transform: uppercase;
margin-bottom: 10px;
margin-top: 5px;
}


#post-meta-hide {
width: 190px;
background-color:;
height: 30px;
padding-bottom: 10px;
margin-top: -22px;
}

/* -------------project_page---------------------------*/

.sb_pagemenu ul  { list-style-image: url(bullet.gif); margin: 20px 0 0; padding: 0 }

.sb_pagemenu li  { list-style-image: url(bullet.gif); margin: 0 0 1px 20px; padding: 0 }

.sb_pagemenu li a {
margin-left: -5px;
}

.sb_pagemenu h2 {
color: #000;
font-size: 0.7em;
text-transform: uppercase;
margin-left: -5px;
margin-top: 20px;
}

.sb_pagemenu {
position: absolute;
padding: 5px;
top: 23px;
color: #FFF;
}

.sb_pagemenu a {
color: #FFF;
font-size: 0.7em;
text-transform: uppercase;
}

.sb_pagemenu a:hover {
color: silver;
}

.project_entrytext p {
}

.project_description {
display: block;
padding-left: 220px;
width: 300px;
font-size: 0.7em;
font-family: Verdana;
margin-top: 15px;
}

#project_mask  { background-image: url(project_mask.gif); margin-top: 10px; position: absolute; width: 660px; height: 330px; filter: alpha(opacity=50); opacity: .5 }

.project_content {
margin-top: -10px;
}

.nobanner_background  { background-image: url(img/nobanner_line.gif); background-repeat: no-repeat; background-position: right top }

.album_background_line  { background-image: url(img/line_album.gif); background-repeat: no-repeat; background-position: right top }

#web_thumb1  { background: url(web_thumb1/rotator1.php) no-repeat 2px 2px; text-align: left; margin: 0 10px 20px 0; padding: 0; width: 98px; height: 98px; float: left; border: solid 1px silver }

#web_thumb2  { background: url(web_thumb2/rotator2.php) no-repeat 2px 2px; text-align: left; margin: 0 10px 20px 0; padding: 0; width: 98px; height: 98px; float: left; border: solid 1px silver }

#web_thumb3  { background: url(web_thumb3/rotator3.php) no-repeat 2px 2px; text-align: left; margin: 0 10px 20px 0; padding: 0; width: 98px; height: 98px; float: left; border: solid 1px silver }

#web_thumb4  { background: url(web_thumb4/rotator4.php) no-repeat 2px 2px; text-align: left; margin: 0 10px 20px 0; padding: 0; width: 98px; height: 98px; float: left; border: solid 1px silver }

#web_thumb5  { background: url(web_thumb5/rotator5.php) no-repeat 2px 2px; text-align: left; margin: 0 10px 20px 0; padding: 0; width: 98px; height: 98px; float: left; border: solid 1px silver }

#clear_both {
display: block;
clear: both;
border: red;
}