/**** BASIC TAGS *******/

body{
        text-align:center;
        background-color:#EBEBEB;
        font-family:Verdana;    
        font-size:12px; 
        color:#000000;
        margin:0px
}
a:link, a:focus, a:active, a:visited {
        color:#CC1B27;
        text-decoration:none;
        font-weight:normal;
}

a:hover{
        text-decoration:underline;
}
h1{
        text-align:left;
        font-weight:bold;
        font-size:12px;
        border-bottom:0px solid #CC1B27;
        color:#CC1B27;
}

h2{
   	text-align:left;
	font-weight:bold;
	font-size:12px;
	color:#000;
}

h3{}

h4{}

div{
        
}

p{
        font-size:12px;
        font-family:Verdana;
        text-align:left;
        margin:3px 0px 0px 0px;
        padding:0px 0px 0px 0px;
}

ul {
        
        margin:0px;
        padding:0 0 0 0;
        text-align:left;
        list-style-type:none;

}

li{
    	background-image:url(/upload/img/akra_dot_red_li.png);
	_background-image:url(/upload/img/akra_dot_red_li.gif);
	background-repeat:no-repeat;
        background-position:0px 2px;
	padding:0 0 2px 30px;
        margin:5px 0 0 0; 
}

ol {
        margin:0 0 0 20px;
        padding:0 0 0 0;
        text-align:left;

}

ol li{
    	background-image:none;
	padding:0px;
        margin:0px; 
}

/**** END BASIC TAGS ***/

/********* HELPERS *******/
.floatLeft{
        float:left;
}
.floatRight{
        float:right;
}

/**** END HELPERS *******/

/**** AKRA LAYOUT ****/

#akra{
	width:860px;  
	clear:both; 
	overflow:hidden;
	margin:0px auto;
        background-color:#fff;
}
#akraHead{ 
	clear:both; 
	overflow:hidden; 
	height:120px
}       
#akraLogo{
	width:186px; 
	height:64px; 
	margin:20px 0 0 30px
}	
#akraPic{
	width:303px; 
	height:100px; 
	margin:21px 30px 0 0;
        border:1px solid white;
}
* html #akraLogo{
	margin:20px 0 0 15px
}	
* html #akraPic{
	margin:20px 15px 0 0
}
#akraLang{ 
	margin:20px 0 0 0;

}
#akraLang a{
        font-family:Verdana;
        font-size:10px;
        color:#000;
        text-decoration:none;
        margin:0 10px 0 0;
}
#akraLang a:hover{
        text-decoration:underline;
}
#akraMainNav{
	width:100%;  
        background-image:url(/upload/img/Menuleiste.jpg);
        background-repeat:repeat-x;
        /*min-height:30px;
        height:auto !important;        
        height:30px;*/
}
	
#akraContent{ 
	margin:30px 0 0 35px;

	min-height:450px; 
	_height:auto !important; 
	_height:450px;
	width:580px;
        text-align:left;
}
* html #akraContent{
        margin:30px 0 0 15px;
}

#akraContentLeitung {
	margin:30px 0 0 35px;
	min-height:450px; 
	/*_height:auto !important; 
	_height:450px;*/
	/*width:580px;*/
        text-align:left;
}

* html #akraContentLeitung {
        margin:30px 0 0 15px;
}

#akraContentLeitung h1,
#akraContentLeitung p.teaser {
        width:300px;
}

#akraContent .contentText {
        margin:0px 0 10px 55px;
        clear:both;
        overflow:hidden;
}

#akraContentLeitung .contentText {
        margin:11px 0 10px 55px;
}

/******** AKRA SIDEBAR ***************/
#akraSidebar{ 
	margin:30px 30px 0 0; 
	width:200px;
        text-align:left;
}

#akraSidebarLeitung {
        margin:0 30px 0 0;
        text-align:left;
        width:200px;
}

* html #akraSidebar{
        margin:30px 15px 0 0;
}

* html #akraSidebarLeitung {
        margin:30px 15px 0 0;
}


#akraSideBox{
        border:0px solid red;
        min-height:170px;
        height:auto !important;
        height:170px;
        padding:0px;
        width:150px;
        float:right;
}

#akraSideBox.sideHome{
        background-image:url(/upload/img/Pendel_hell.jpg);
        background-position:-250px -330px;

}
#akraSideBox.sideLoes{
        background-image:url(/upload/img/Abacus_hell.jpg);
        background-position:-250px -350px;
}
#akraSideBox.sideKomp{
        background-image:url(/upload/img/Uhr_heller.jpg);
        background-position:-200px -100px;
}
#akraSideBox.sideSoft{
        background-image:url(/upload/img/Abacus_hell.jpg);
        background-position:-250px -200px;
}
#akraSideBox.sideRefe{
        background-image:url(/upload/img/Schach_hell.jpg);
        background-position:0px 0px;
}
#akraSideBox.sideKar{
        background-image:url(/upload/img/Pfeil_hell.jpg);
        background-position:-50px 0px;
}
#akraSideBox.sideKont{
        background-image:url(/upload/img/Billard_hell.jpg);
        background-position:0px -200px;
}
/*******************************************/
/*** END AKRA LAYOUT *****/

/****** NEWS TEASER *********/
#akraSidebar .artikelliste {
				color:#000;
  				}
#akraSidebar .top_artikel,
#akraSidebarLeitung .top_artikel {
  				color:#fff;
				background-color:#CC1B27;
				text-decoration:none;
				border: thin solid #000;
                                cursor:pointer;
                                padding:5px;
                                min-height:100px;
                                height:auto !important;
                                height:100px;
  				}

#akraSidebar .artikel,
#akraSidebarLeitung .artikel {
                                color:#333;
				
  				text-decoration:none;
				cursor:pointer;
                                padding:5px;
                                min-height:80px;
                                height:auto !important;
                                height:80px;
                                margin:0px 0 0 0;
}
#akraSidebar .artikel a,
#akraSidebarLeitung .artikel a {
				color:#333;
  				text-decoration:none;
                                cursor:pointer;
  				}

#akraSidebar .artikeldatum,
#akraSidebarLeitung .artikeldatum {
                                font-weight: bold;
}
#akraSidebar .artikeldatum,
#akraSidebarLeitung .artikeldatum {
  				font-weight: bold;
  				}

#akraSidebar .top_artikel .artikeldatum,
#akraSidebar .top_artikel .artikelinhalt,
#akraSidebarLeitung .top_artikel .artikeldatum,
#akraSidebarLeitung .top_artikel .artikelinhalt {
      color:#fff;
}

#akraSidebar .kategorie, 
#akraSidebar .kategorie,
#akraSidebar .top_artikel .kategorie,
#akraSidebarLeitung .kategorie,
#akraSidebarLeitung .kategorie,
#akraSidebarLeitung .top_artikel .kategorie {
  				color:#CC1B27;
				font-weight: bold;
  				}

#akraSidebar .top_artikel .kategorie,
#akraSidebarLeitung .top_artikel .kategorie {
  				color:#fff;
				font-weight: bold;
  }

#akraSidebar .artikeltitel,
#akraSidebar .artikeltitel,
#akraSidebarLeitung .artikeltitel {
  				font-weight: bold;
  				}
 
 
  span.teaser {
  		color:#CC1B27;
		font-style:italic;
  		}
/********************
/********* KONTAKT FORM ****/
table.akraContactTable{
         width:100%;


}
table.akraContactTable input{
        border:1px solid #9D9EA0;
        width:100%;
}
table.akraContactTable select{
        border:1px solid #9D9EA0;
        width:100%;
background-color:#D5D5D5;
color:#CC1B27;
}
table.akraContactTable textarea{
        border:1px solid #9D9EA0;
        width:100%;
        height:100px;
}

/***** REFERENZEN ******/
div.sideRefe li{
        background-position:0pt 6px;
        color:#000000;
        font-weight:bold;
        line-height:2em;
        margin:0pt 0pt 0pt 10px;
        padding:0pt 0pt 0pt 20px;
}
div.sideRefe li a{
        color:#000;
}
/********** NEWS LISTE ************/
.contentText .top_artikel, .contentText .artikel{
        margin:0 0 10px 0;
}
.contentText .top_artikel .artikeldatum, .contentText .top_artikel .kategorie, .contentText .artikel .artikeldatum, .contentText .artikel .kategorie{
        font-weight:bold;
}
.contentText .top_artikel .artikelinhalt, .contentText .artikel .artikelinhalt{
background-image:url(/upload/img/akra_dot_red_li.png);
	_background-image:url(/upload/img/akra_dot_red_li.gif);
	background-repeat:no-repeat;
        background-position:0px 2px;
        padding:0 0 0 20px;
}
.contentText a .top_artikel .artikelinhalt, .contentText a .artikel .artikelinhalt {
        color:#000;
}
.akraFooter{
        text-align:right;
        font-size:10px;
width:860px;
margin:0 auto;
}

.management {
	width:250px;
	height:150px;
	float:left;
	margin-bottom:10px;
}

.managementPhoto {
	width:88px;
	height:131px;
	margin-right:15px;
	float:left;
	margin-top:4px;
}

.managementTxt {
	float:left;
	width:140px;
	position:relative;
	height:139px;
}

.managementTxt strong {
	display:block;
	margin:0px 0px 3px 0px;
}

.managementTxt p {
	padding:0px;
	margin:3px 0px 0px 0px;
}


.managementTxt div {
	position:absolute;
	bottom:0px;
}

.elements_management {
	float:left;
	margin-left:50px;
	width:100px;
}

.elements_management p {
	margin-bottom:5px;
}

.def_elements_management {
	float:left;
	width:320px;
}

.def_elements_management p {
	margin-bottom:5px;
}


.clearfix { display: block; }

.clearfix:after {
   content: ".";
   display: block;
   font-size:0;
   height: 0;
   clear: both;
   visibility: hidden;
}

.transparent
{
   filter:alpha(opacity=60); 
   -moz-opacity: 0.6; 
   opacity: 0.6; 
}