/*************************************************************************
*  copyright (C) 2008 mgo production (www.anderscht.org)
*  
*  anderscht.css
*
*  CSS3 Style Layout
*
*************************************************************************/


/* NEUES www.anderscht.org LAYOUT */
/* WICHTIG!!! */

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;

margin:0;
padding:0;
line-height: 1.5em;

background:url(../../system/sys_image/Background_beauty.png);
background-repeat:repeat;
}

b{font-size: 110%;}
em{color: red;}

/* Äusserer Container */
#maincontainer{
border: 1px solid #000000;
width:92%;

padding-top: 10px;
padding-bottom: 10px;

margin: 0 auto;
}

/* Content Container */
#main_content_container{
border: 1px solid #000000;

background-image:url(../../system/sys_image/bgFiller.png);
background-repeat:repeat;
}

/* Äusserer Container */
#main_logo_container{

border-bottom: 1px solid #000000;

background-image:url(../../system/sys_image/HotRod.png);
background-position:right;
background-repeat:no-repeat;
}

#main_header{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;

width:100%;
height: 24px; /*Height of top section*/

text-align: center;

background: black url(../../system/sys_image/hpTitleBar.png) repeat-x center left;

}

#main_logo{
height:110px;
width:100%;

border: 0px solid #000000;

}

#main_menu{
height:24px;
width:100%;
}

#main_content{
float: left;
width: 100%;

height:auto;

background:url(../../system/sys_image/bgFiller.png);
background-repeat:repeat;
}

/* Margins for content column. Should be "0 right-column-width 0 left-column-width */
#main_content_middle{
	padding-left:2px;
	padding-right:8px;
	height:auto;
	position:static;
	margin: 0 160px 0 160px; 
}

#main_content_left{
	position:relative;
	float: left;
	width: 160px; /*Width of left column*/
	margin-left: -100%;

	background:url(../../system/sys_image/bgFillerDarkerOne.png);
	background-repeat:repeat;
}

#main_content_right{
	padding-right:2px;
	padding-left:0px;
	
	float: right;
	width: 160px; /*Width of right column*/

	margin-left: -100%; /*Set left marginto -(RightColumnWidth)*/

	background:url(../../system/sys_image/bgFillerDarkerOne.png);
	background-repeat:repeat;
}

#main_footer{
clear: left;
width: 100%;
height: auto;

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;

color:#FFFFFF;

text-align: center;

border:1px solid #000000;

background:#000099 url(../../system/sys_image/footer_main_1.png) repeat-x center left;
}

#main_footer a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;

color:#FF0000;
}

.innertube{
margin-top: 0px;
margin-left:4px;
margin-right:4px;
margin-bottom: 0px;


height:auto;
}

.innertube_site{
margin-top: 0px;
margin-left:4px;
margin-right:4px;
margin-bottom: 0px;


height:auto;
}

.innertube_content{
	margin-top: 10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 10px;
	
	padding:10px;
	height:150%;
}

/* Innerer Content */
.innertube_middle{
	margin-top: 2px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:1px;
	
	height:auto;
}

.innertube_left{
	margin-top: 2px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:2px;
	width:95%;
}

.innertube_main_left{
	clear: left;

	margin-top: 2px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:2px;

	width:95%;
}

.innertube_right{
	margin-top: 2px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:2px;
	width:95%;
}

.innertube_main_right{
clear: left;

margin-top: 2px;
margin-left:4px;
margin-right:2px;
margin-bottom:2px;

width:95%;
}

/* ContentMiddle */
/* Inner Container mit Inhalt der Seite */
#content_middle{
	float:left;
	width: 100%; 
	/* height: 100%; */
	height:auto;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

	background:#FFFFFF;

	margin-top:1px;
	margin-left:1px;
	margin-right:2px;
	margin-bottom:3px;

	border:1px solid #000000;
}

/* ALLGEMEINER CONTENTHEADER */
.content_header{
color:#000000;
background: black url(../../system/sys_image/newTitleBar.png) repeat-x center left;
border: 1px solid #000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;

margin-top:5px;
margin-left:1px;
margin-right:1px;
margin-bottom:0px;

width:100%;
height: 20px; /* Höher des Contentheaders */

text-align: left;

}

/* Header Sektion Multimedia */
/* ALLES frei anpassbar für jede einzelene Titelleiste */
#content_header_multimedia{
color:#000000;
border: 1px solid #000000;

font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;

margin-top:5px;
margin-left:1px;
margin-right:0px;
margin-bottom:0px;

width:100%;
height: 20px; /* Höhe der Titelleiste */

text-align: left; /* Text zentireren */

background: black url(../../system/sys_image/newTitleBar.png) repeat-x center left; /* Hintergrundbild der Titelleiste */
}

/* Header Sektion Multimedia - LINK Eigenschaften */
#content_header_multimedia a{
color:#666666;

}

#content_header_multimedia a:hover{
color:#999999;

}

/* --------------------------------------------------------------- */

/* Header Sektion Multimedia */
/* ALLES frei anpassbar für jede einzelene Titelleiste */
#content_header_system{
color:#000000;
border: 1px solid #000000;

font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;

margin-top:5px;
margin-left:1px;
margin-right:0px;
margin-bottom:0px;

width:100%;
height: 20px; /*Height of top section*/

text-align: left;

background: black url(../../system/sys_image/newTitleBar.png) repeat-x center left;

}

/* Header Sektion Multimedia - LINK Eigenschaften */
#content_header_system a{
color:#666666;

}

#content_header_system a:hover{
color:#999999;

}

/* --------------------------------------------------------------- */

/* Header Sektion Multimedia */
/* ALLES frei anpassbar für jede einzelene Titelleiste */
#content_header_software{
color:#000000;
border: 1px solid #000000;

font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;

margin-top:5px;
margin-left:1px;
margin-right:0px;
margin-bottom:0px;

width:100%;
height: 20px; /*Height of top section*/

text-align: left;

background: black url(../../system/sys_image/newTitleBar.png) repeat-x center left;

}

/* Header Sektion Multimedia - LINK Eigenschaften */
#content_header_software a{
color:#666666;

}

#content_header_software a:hover{
color:#999999;

}

/* --------------------------------------------------------------- */

/* Header Sektion Multimedia */
/* ALLES frei anpassbar für jede einzelene Titelleiste */
#content_header_rocknroll{
color:#000000;
border: 1px solid #000000;

font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;

margin-top:5px;
margin-left:1px;
margin-right:0px;
margin-bottom:0px;

width:100%;
height: 20px; /*Height of top section*/

text-align: left;

background: black url(../../system/sys_image/newTitleBar.png) repeat-x center left;

}

/* Header Sektion Multimedia - LINK Eigenschaften */
#content_header_rocknroll a{
color:#666666;

}

#content_header_rocknroll a:hover{
color:#999999;

}

/* --------------------------------------------------------------- */
/* Kästechenheaders */
#content_header_login{
color:#000000;
border: 1px solid #000000;

font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;

margin-top:5px;
margin-left:1px;
margin-right:0px;
margin-bottom:0px;

width:100%;
height: 20px; /*Height of top section*/

text-align: left;

background: black url(../../system/sys_image/newTitleBar.png) repeat-x center left;

}

/* Header Sektion Multimedia - LINK Eigenschaften */
#content_header_login a{
color:#666666;

}

#content_header_login a:hover{
color:#999999;

}

/* --------------------------------------------------------------- */

/* Header Sektion ANZEIGEN */
/* ALLES frei anpassbar für jede einzelene Titelleiste */
#content_anzeigen{
float:left;
width: 100%; /*Width of left column*/

background:#FFFFFF;

margin-top:1px;
margin-left:1px;
margin-right:1px;
margin-bottom:2px;

border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}

#content_user{
float:left;
width: 100%; /*Width of left column*/

background:#FFFFFF;

margin-top:1px;
margin-left:1px;
margin-right:1px;
margin-bottom:2px;

border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}

#content_user a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

color:#FF0000;
}

#content_share{
float:left;
width: 100%; /*Width of left column*/

background:#FFFFFF;

margin-top:1px;
margin-left:1px;
margin-right:1px;
margin-bottom:2px;

border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}

.content_left{
float:left;
width: 100%; /*Width of left column*/

background:#FFFFFF;

margin-top:1px;
margin-left:1px;
margin-right:1px;
margin-bottom:2px;

border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}

.content_right{
float:left;
width: 100%; /*Width of left column*/

background:#FFFFFF;

margin-top:1px;
margin-left:1px;
margin-right:1px;
margin-bottom:2px;

border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
}



/* Äusserer Container */
.gallery{

border-bottom: 1px solid #000000;

background-image:url(../images/franky.png);
background-position:right;
background-repeat:no-repeat;
}





.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 1px solid #ccc;
}

.toggleborder:hover img{
border: 1px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}