/*********************************************************/
/***** START - Main stylesheet for HTML & BODY ***********/
/*********************************************************/

html{
	height: 100%;
	overflow-y: scroll;
	font-size: 62.5%;
}

body{
	font-family: verdana, helvetica, tahoma, arial, sans-serif;
	font-size: 1em; /* edit here for global setting - 1em eq. 10px*/
	padding: 0;
	width: 960px !important;
	margin: 0 auto;
	color: #515151;
}

/*********************************************************/
/***** STOP - Main stylesheet for HTML & BODY  ***********/
/*********************************************************/

/*********************************************************************************************/
/***** START - The following is used to remove the dotted lines from links *******************/
/*********************************************************************************************/

a:active{
	outline: none;
}

:-moz-any-link:focus{
	outline: none;
}

/*********************************************************************************************/
/***** STOP - The following is used to remove the dotted lines from links  *******************/
/*********************************************************************************************/


/**************************************************************************************/
/***** START - The following is used style various content from TYPO3 *****************/
/**************************************************************************************/

A{
	color:#515151;
	background: transparent;
	text-decoration:underline;
}

A:hover {
	text-decoration:none;
}

P{
	margin: 0 0 10px 0;
}

H1{
	font-size: 1.6em;
	font-weight: normal;
	color: #000000;
	background: transparent;
	margin: 0;
}

H2{
	font-size: 1.4em;
	font-weight: normal;
	color: #000000;
	background: transparent;
	margin: 0;
}

H3{
	font-size: 1.3em;
	font-weight: normal;
	color: #515151;
	background: transparent;
	margin: 0;
}

H4{
	font-size: 1em;
	color: #515151;
	background: transparent;
	margin: 0;
}

H5{
	font-size: .8em;
	color: #515151;
	background: transparent;
	margin: 0;
}

.csc-frame{
	border: 0;
}

.csc-frame-rulerBefore{
	border-top:  1px dotted #796A5F;
	height:  1px;
	margin: 10px 0 10px 0;
}

.csc-frame-rulerAfter{
	border-top:  1px dotted #796A5F;
	height:  1px;
	margin: 10px 0 10px 0;
}

DIV.csc-frame-frame1{
	background: #E8DBCD;
	padding: 10px;
	border:  1px solid #796A5F;
	margin: 0 0 10px 0;
}

DIV.csc-frame-frame2{
	background: #FFFFFF;
	padding: 10px;
	border:  1px solid #796A5F;
	margin: 0 0 1em 0;
}

.csc-header-date{
	background: transparent;
	font-weight: 700;
}

.csc-linkToTop{
	text-align: right;
}

.csc-linkToTop A{
	background: transparent;
	font-weight: 700;
}

p.align-left{
	text-align: left;
}

p.align-center{
	text-align: center;
}

p.align-right{
	text-align: right;
}

p.align-justify{
	text-align: justify;
}

p.indent{
	margin-left: 2em;
}

.imgtext-table{
	font-weight: 700;
	margin: 0px 0 0 10px;
	text-align: center; 
}
.imgtext-table TD {
	padding: 0 2px 2px 2px;
}

ol{
	list-style-position: inside;
}

ul{
	list-style-position: inside;
}

input{
	border:  1px solid #c1c1c1;
	background-color: #ffffff;
}

textarea{
	border:  1px solid #FF0000;
	background-color: #EBB1C0;
}

div.csc-textpic-border img {
	border:  1px solid #000000;
}

img.spacer-gif{
	width: 100%;
}

table.contenttable p{
	padding: 0;
	margin: 0;
}

/**************************************************************************************/
/***** STOP - The following is used style various content from TYPO3  *****************/
/**************************************************************************************/

/*********************************************************************/
/***** START - The following is some general styles  *****************/
/*********************************************************************/
.clearer,
.clearboth{
	clear: both;
	line-height: 0em;
	height: 0em;
	font-size: 0em;
	margin: 0em;
	padding: 0em;
}

/*********************************************************************/
/***** STOP - The following is some general styles  ******************/
/*********************************************************************/

body.iframe { width: 800px !important; }
DIV.mainContent { width: 800px; overflow: hidden; }
DIV.mainContent DIV.header { width: 800px; height: 25px; padding-top: 5px; border-bottom: 1px solid #c6b39c; background-image:url(/fileadmin/templates/images/soroeakademilogo.jpg); background-repeat: no-repeat; background-position: left top; }
DIV.mainContent DIV.header h1 { display: none; font-weight: bold; color:#000; }
DIV.mainContent DIV.menu { width: 175px; float: left; padding: 10px 0; }
DIV.mainContent DIV.boxContent { width: 595px; float: left; padding: 10px; margin-left: 10px; line-height: 150%; }
DIV.mainContent DIV.boxContent p.bodytext, DIV.mainContent DIV.boxContent LI, DIV.mainContent DIV.boxContent p.indent { font-size: 11px; }
DIV.mainContent DIV.boxContent H1 { margin-bottom: 15px; font-size: 18px;}
DIV.mainContent DIV.boxContent DIV.csc-textpic-text { margin-bottom: 15px; }

DIV.mainContent DIV.menu DIV { padding: 5px; margin-bottom: 4px; background-color:#c6b39c; }
DIV.mainContent DIV.menu DIV:hover {background-color:#e4d7c6; }
DIV.mainContent DIV.menu DIV a { text-decoration: none; color:#423933; font-size: 11px; }
DIV.mainContent DIV.menu DIV.secondWrap { padding: 0px; border: none; background-color:#FFF; }
DIV.mainContent DIV.menu DIV.secondWrap:hover { background: none; }

DIV.mainContent DIV.menu DIV.cur, DIV.mainContent DIV.menu DIV.act, DIV.mainContent DIV.menu DIV.menuside-level1-act { font-weight: bold; background-color:#7a6b60; }
DIV.mainContent DIV.menu DIV.cur a, DIV.mainContent DIV.menu DIV.act a, DIV.mainContent DIV.menu DIV.menuside-level1-act a { text-decoration: none; color:#fff; font-size: 11px; }
DIV.mainContent DIV.menu DIV.menuside-level2.act A { color:#423933; }
DIV.mainContent DIV.menu DIV.menuside-level2 { background-color:#e4d7c6; }
DIV.mainContent DIV.menu DIV.menuside-level2:hover { background-color:#c6b39c; }

.tx-soroemap-pi1 ul.labels li { margin-top: 0px; }
.tx-soroemap-pi1 ul.labels li a {
float: left; padding: 4px;
}

.tx-soroemap-pi1 .canvas #imagemap .mapinfo .info {
    background: none;
    border: 0px none;
    padding: 0px;
    position: absolute;
    width: auto;
    background-color:#fff;
    border-radius: 4px;
    box-shadow: 5px; -moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px#000; box-shadow: 0 0 8px #000;
}
.tx-soroemap-pi1 .canvas #imagemap .mapinfo .info H3 { width: auto;  padding: 6px;  color:#423933; }

.tx-soroemap-pi1 ul.labels li {
    background-color: #E4D7C6;
    float: left;
    list-style: none outside none;
    margin: 2px 5px 3px 0;
    overflow: hidden;
    padding: 0px;
    width: auto; 
}
.tx-soroemap-pi1 ul.labels li a {
    background-color: #E4D7C6;  
    padding: 4px 3px 4px 7px;
    width: 179px;
    display:block;
}
.tx-soroemap-pi1 ul.labels li a:hover {
    background-color: #C6B39C;  
	color:#423933; 
}
.tx-soroemap-pi1 ul.labels {
    margin: 4px 0 0 11px;
    padding: 0;
}