/*
Theme Name: accessible media
Theme URI: http://www.accessiblemedia.at/
Description: Das Wordpress Theme von accessiblemedia.at
Version: 1.0
Design: Jo Spelbrink
Umsetzung: Wolfram Huber, Rudi Konar, Oliver Krammer
*/


body
{
background-color: #FF3366;
color: #663333;
font-family: Arial, Verdana, Helvetica;
font-size: 83%;
text-align: center;
background-image:url('images/bg.gif');
background-repeat:repeat-x;
height: 90%;
width: 95%;
}


#rahmen {
	position: relative;
	margin: 0px auto;
	width: 770px;
	text-align: left;
}

#topmenuebg
{
	position: absolute;
	top: 0px;
	width: 770px;
	background-color: #663300;
        height: 35px;
 
}

#topmenue
{
	position: absolute;
	top: 0px;
	width: 370px;
        margin: 0px 0px 5px 0px;
        padding: 10px 0px 0px 10px;
 
}


#topmenue2
{
	position: absolute;
	text-align: right;
	top: 0px;
	left: 370px;
	width: 380px;
	margin: 0px 0px 5px 0px;
	padding: 10px 5px 0px 0px;
 
}


#topimage
{
	position: absolute;
	width: 770px;
	top: 40px;	
	height: 249px;
        margin: 0px 0px 5px 0px;
        color: #FFFFFF;

}



#menue
{
   	position: absolute;
	top: 125px;	   	
        width: 160px;
        margin: 0 0 0 0;  
        padding: 0 0 0 0;  
        color: #333333;
        border: none;
        

}





#content
{
   	position: absolute;
	top: 125px;	   	
        width: 590px;
	margin: 0px 0px 0px 180px;
	padding: 0px 0px 0px 0px; 
 	border: none;
	background-image: url(images/content_bg.gif);	
	background-repeat:repeat-y;   
	line-height:1.4em; 	
}


#startbox1{
	width: 310px;
	float: left;
}

#startbox2{
	width: 255px;
	float: left;
}

#contentbox{
}

#copy{
	
	padding: 4px 0 4px 0;
	float: left;
	margin-top: 10px;
	color: #663300;
	font-weight:bold;
	width: 99%;
	border-top: 2px solid #663300;
	font-size: 87%;

	font-weight: bold;
	
}

/* Sprungmenue */

#jump a, #jump a:visited, #jump a:hover {
position:absolute; 
left:-1000px; 
top:-1000px; 
width:1px; 
height: 1px;
overflow:hidden; 
display:inline;

}

#jump a:focus, #jump a:active {
z-index:99;
top:-10px;
left:13px;
width:auto; 
height:auto;
color: #FFFFFF;
background-color: #000000;
}

#jump p {
line-height:1em;
height:1em;
margin:0;
z-index:99;
}

a:focus{
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
/*background-color:#000000;
color:#FFFFFF;*/
}
a:active {
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
/*background-color:#000000;
color:#FFFFFF;*/
}


/* ---- STUFF ---- */

#menue fieldset{
width: 160px;
border: none;
background-color:#E7E3C6;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-weight:bold;
}

#menue legend{
display: block;
width: 100%;
background-color: #663300; 
font-weight: normal;
color: #FFFFFF;
padding: 2px 0px 2px 2px;
margin: 0px -7px 3px -7px;
}

#menue label{

font-weight: normal;
padding: 2px 0px 2px 0px;
margin: 0px 0px 0px 2px;
}
.newsletteredit{
padding: 2px 0px 2px 0px;
margin: 2px 0px 2px 2px;

}

.small{
font-size: 80%;
padding: 0px 0px 0px 0px;
margin: 2px 0px 2px 0px;
}

.entry{
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 0px;
}

.entry p{
padding: 0px 0px 0px 0px;
margin: 1px 0px 5px 0px;
}

.searchnew{
padding: 0px; 
margin: 0px; 
display: inline;
}

.contacterror{
color: #FF0000;
} 

fieldset {
padding: 5px 5px 5px 5px;
}

legend {
font-weight: bold;
}

.searchposition {
position: absolute;
left: 150px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.searchfeld
{
overflow: hidden;
background-color:#FFFFFF;
width:200px;
border:1px solid #CCCCCC;
font-size: 80%;

}


ul, li {
margin: 0;
padding: 0;
}

h1
{
font-family: Trebuchet, Verdana, Helvetica;
color: #FF0066;
font-size: 100%;
font-weight: bold;
font-style: italic;
margin: 8px 0 5px 0;
padding: 0;
}

h2
{
font-family: Trebuchet, Verdana, Helvetica;
color: #FF0066;
font-size: 130%;
font-weight: bold;
font-style: italic;
margin: 8px 0 5px 0;
padding: 0;
}


h3
{
font-family: Trebuchet, Verdana, Helvetica;
color: #FF0066;
font-size: 110%;
font-weight: bold;
font-style: italic;
margin: 8px 0 5px 0;
padding: 0;

}
h4
{
font-size: 90%;
font-weight: bold;
text-align: left;
margin: 8px 0 5px 0;
padding: 0;
}
h5
{
font-size: 80%;
font-weight: bold;
text-align: left;
margin: 8px 0 5px 0;
padding: 0;
}

.hidden, hr {
position:absolute; left:-1000px; top:-1000px; width:1px; height: 1px;
overflow:hidden; display:inline;
}

.hrvisible {
display: inline;
}



img {
border: none;
}

.contenttop{
background-color: #663300; 
display: block; 
color: #FFFFFF;
padding: 4px 2px 2px 5px;

vertical-align: middle;
font-weight: bold;
}

.contenttext {
padding: 10px 8px 5px 8px;
}

.menuetop{
background-color: #663300; 
display: block; 
color: #FFFFFF;
padding: 2px;
height: 17px;
vertical-align: middle;
}

.newstop{
border-bottom: 1px dashed #666666;
padding: 2px;
}

.bannertop{
background-color: #FFFFFF; 
margin-top: 35px;
margin-bottom: 0px;
}
.starttitle{
color: #007F96;
font-weight: bold;
}

.startteaser{
padding-top: 5px;
}

acronym{
cursor: help;
border-bottom: 1px dashed #FF0066;
}

abbr{
cursor: help;
border-bottom: 1px dashed #FF0066;
}

#content img {
padding-right: 2px;
}

.aktuell{
color: #663300;
font-weight:bold;
width: 350px;
border-bottom: 2px solid #663300;
margin: 0 0 10px 0;

}

.aktuell2{
color: #663300;
font-weight:bold;
width: 98%;
border-bottom: 2px solid #663300;
margin: 0 0 10px 0;

}

.startbox1header{
color: #663300;
font-weight:bold;
width: 95%;
border-bottom: 2px solid #663300;
margin: 0 0 10px 0;
}

.startbox1text{
margin: 0 0 10px 0;
}

.startbox2header{
color: #663300;
font-weight:bold;
width: 100%;
border-bottom: 2px solid #663300;
margin: 0 0 10px 0;
}


.startbox2text{
margin: 0 0 10px 0;
}

/* ---- / STUFF ---- */

/* ----- BORDERS -----*/



.menuelistebg{

	background-image: url(images/menue_bg.gif);	
	background-repeat:repeat-y;   
}

.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	}
.wrap1 {
	float:left;
	background:url(images/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(images/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 8px 8px 0;
	background:url(images/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}

#v3 .wrap1 {background:url(images/shadow.gif) right bottom no-repeat;}
#v3 .wrap2 {background:url(images/corner_bl.gif) -12px 100% no-repeat;}
#v3 .wrap3 {
	padding:0 9px 9px 0;
	background:url(images/corner_tr.gif) 100% -12px no-repeat;}
	


/* ----- / BORDERS -----*/

/* ---- LISTS ---- */
.liststart{
background-color: #663300; 
display: block; 
color: #FFFFFF;
padding: 3px 2px 3px 6px;

}

#content ul li{
list-style-type: disc;
margin-left: 30px;
}

.menuebg{
background-image: url(images/menue_bg.gif);	
background-repeat:repeat-y; 
padding: 5px 0 5px 5px;
}

#menue ul {
margin-left: 20px;
}

.li0{
list-style-image: url(images/li0.gif);
background-color: #663300; 
display: block; 
}
.li1{
list-style-image: url(images/li1.gif);
padding-bottom: 10px;
 
}
.li2{
list-style-image: url(images/li2.gif); 
padding-bottom: 10px;
}
.li3{
list-style-image: url(images/li3.gif);
padding-bottom: 10px;
}
.li4{
list-style-image: url(images/li4.gif); 
padding-bottom: 10px;
}
.li5{
list-style-image: url(images/li5.gif); 
padding-bottom: 10px;
}
.li6{
list-style-image: url(images/li6.gif); 
padding-bottom: 10px;
}
.li7{
list-style-image: url(images/li7.gif);  
padding-bottom: 10px;
}



#menue ul ul  {
margin-left: 3px;
}

#menue ul ul li {
list-style-image: url(images/layer2.gif);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
text-decoration:none;
color: #663300;
}

#menue ul ul ul  {
margin-left: 20px;
}

#menue ul ul ul li {
list-style-image: url(images/layer2.gif);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
}

#menue ul ul ul ul  {
margin-left: 20px;
}

#menue ul ul ul ul li {
list-style-image: url(images/layer2.gif);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
}


/* ---- / LISTS ---- */



/* ---- FORMS ---- */


form {
margin: 0px;
padding: 0px;
}

.suchlabel{
text-transform:uppercase;
font-weight: bold;
padding-left: 5px;
color: #FFFFFF;
font-size: 88%;
}


.suchfeld
{
overflow: hidden;
background-color:#E3E3C6;
width:120px;
border:1px solid #FFFFFF;
font-size: 80%
}

.suchstart
{
border:1px solid #FFFFFF;
background-color:#663300;
color: #FFFFFF;
font-weight: bold;
text-transform:uppercase;

font-size: 0.67em;
}

/* ---- / FORMS ---- */

/* ---- LINKS ----*/



a:link {text-decoration:underline; color: #FF0066;}  
a:visited {text-decoration:underline;  color: #FF0066;}
a:hover {text-decoration:underline; color: #FF0066;}
a:active {text-decoration:underline;  color: #FF0066;}

a.none:link {text-decoration:none; color: #000000;}
a.none:visited {text-decoration:none;  color: #000000;}
a.none:hover {text-decoration:none; color: #000000;}
a.none:active {text-decoration:none;  color: #000000;}

a.path:link {text-decoration:none; color: #FFFFFF; font-weight: bold;}
a.path:visited {text-decoration:none;  color: #FFFFFF; font-weight: bold;}
a.path:hover {text-decoration:underline; color: #FFFFFF; font-weight: bold;}
a.path:active {text-decoration:none;  color: #FFFFFF; font-weight: bold;}

a.featurelink {
border-top: 1px dashed #333333;
display: block;
width:80%;
font-size: 80%;
text-transform:uppercase; 
padding: 3px;
}
a.featureend {
border-top: 1px dashed #333333;
border-bottom: 1px dashed #333333;
display: block;
width:80%;
font-size: 80%;
text-transform:uppercase; 
padding: 3px;
}


a.featurelink:link {text-decoration:none; color: #333333;}
a.featurelink:visited {text-decoration:none; color: #333333;}
a.featurelink:hover {text-decoration:underline; color: #333333;}
a.featurelink:active {text-decoration:none; color: #333333;}

a.featureend:link {text-decoration:none; color: #333333;}
a.featureend:visited {text-decoration:none; color: #333333;}
a.featureend:hover {text-decoration:underline; color: #333333;}
a.featureend:active {text-decoration:none; color: #333333;}

#menue a {
text-transform:uppercase;
font-weight: bold;
font-size: 90%;
}

.mainmenueactive{
text-transform:uppercase;
font-weight: bold;
font-size: 90%;
text-decoration:underline; 
color: #663300;

}

.startmainmenueactive{
text-transform:uppercase;
font-weight: bold;
font-size: 90%;
text-decoration:underline; 
color: #FFFFFF;

}

#menue a.passive:link {text-decoration:none; color: #663300;}
#menue a.passive:visited {text-decoration:none; color: #663300;}
#menue a.passive:hover {text-decoration:underline; color: #663300;}
#menue a.passive:active {text-decoration:none; color: #663300;}

#menue a.active:link {text-decoration:underline; color: #663300;}
#menue a.active:visited {text-decoration:underline; color: #663300;}
#menue a.active:hover {text-decoration:underline; color: #663300;}
#menue a.active:active {text-decoration:underline; color: #663300;}

#menue a.startpassive:link {text-decoration:none; color: #FFFFFF;}
#menue a.startpassive:visited {text-decoration:none; color: #FFFFFF;}
#menue a.startpassive:hover {text-decoration:underline; color: #FFFFFF;}
#menue a.startpassive:active {text-decoration:none; color: #FFFFFF;}

#menue a.startactive:link {text-decoration:underline; color: #FFFFFF;}
#menue a.startactive:visited {text-decoration:underline; color: #FFFFFF;}
#menue a.startactive:hover {text-decoration:underline; color: #FFFFFF;}
#menue a.startactive:active {text-decoration:underline; color: #FFFFFF;}

#menue a:link {text-decoration:none; color: #663300;}
#menue a:visited {text-decoration:none; color: #663300;}
#menue a:hover {text-decoration:underline; color: #663300;}
#menue a:active {text-decoration:none; color: #663300;}


#menue a.page_item:link {text-decoration:none; color: #663300;}
#menue a.page_item:visited {text-decoration:none; color: #663300;}
#menue a.page_item:hover {text-decoration:underline; color: #663300;}
#menue a.page_item:active {text-decoration:none; color: #663300;}

#menue a.current_page_item:link {text-decoration:underline; color: #663300;}
#menue a.current_page_item:visited {text-decoration:underline; color: #663300;}
#menue a.current_page_item:hover {text-decoration:underline; color: #663300;}
#menue a.current_page_item:active {text-decoration:underline; color: #663300;}

.toppassive{
text-transform:uppercase;
font-weight: bold;
padding-left: 5px;
font-size: 88%;
text-decoration:underline; 
color: #FFFFFF;
}

#topmenue a {
text-transform:uppercase;
font-weight: bold;
padding-left: 5px;
font-size: 88%
}

#topmenue a.passive:link {text-decoration:none; color: #FFFFFF; }
#topmenue a.passive:visited {text-decoration:none; color: #FFFFFF; }
#topmenue a.passive:hover {text-decoration:underline; color: #FFFFFF;}
#topmenue a.passive:active {text-decoration:none; color: #FFFFFF;}

#topmenue a.active:link {text-decoration:underline; color: #FFFFFF; }
#topmenue a.active:visited {text-decoration:underline; color: #FFFFFF; }
#topmenue a.active:hover {text-decoration:underline; color: #FFFFFF; }
#topmenue a.active:active {text-decoration:underline; color: #FFFFFF; }

#topmenue2 a {
text-transform:uppercase;
font-weight: bold;
padding-left: 5px;
font-size: 88%
}

#topmenue2 a.passive:link {text-decoration:none; color: #FFFFFF; }
#topmenue2 a.passive:visited {text-decoration:none; color: #FFFFFF; }
#topmenue2 a.passive:hover {text-decoration:underline; color: #FFFFFF;}
#topmenue2 a.passive:active {text-decoration:none; color: #FFFFFF;}

#topmenue2 a.active:link {text-decoration:underline; color: #FFFFFF; }
#topmenue2 a.active:visited {text-decoration:underline; color: #FFFFFF; }
#topmenue2 a.active:hover {text-decoration:underline; color: #FFFFFF; }
#topmenue2 a.active:active {text-decoration:underline; color: #FFFFFF; }


/* ---/LINKS ---- */