/****************************************************************************/	
 /* CSS Style for DaForGe-InTheMix Radio.
 /* 
 /* @author ApheX | A-GraphiX
 /* @copyright <www.A-GraphiX.eu /.de /.com>
 /* @version 1.0.0
 /* 
 /* created 2009-20-02
 /*
/****************************************************************************/

/* RESET BROWSER STANDARTS */
	* {	
		padding:0; 
		margin:0; 
		outline:none;
	}
	
html {
	height: 100%;
	min-height: 100%;
}
	
body {
	font-family: Arial;
	font-size: 13px;
	color:#fff;
	height: 100%;
	min-height: 100%;
	background:#000;
}

/* LINKS GLOBAL */
a {
	color:#fff;
	text-decoration:none;
}
a:hover {
	color:#0099FF;
}

a img {
	border:none;
	border:0px;
	style:none;

}

#MainContainer { /* das div ist 100 % breit */
	width:100%;
	background:url(../images/agx_bg.png) repeat-x bottom; /* der hintergrund ist im div ganz unden und wird nur auf der x-achse wiederholt */
}
#PageContainer { /* das div ist im MainContainer */
	width:1067px;	/* nur ... px breit */
	margin:0 auto; /* und mittig ausgerichtet */
}
/* HEADER */
#Top_Header {
	background:url(../images/agx_top_head.png) no-repeat;
	height:15px;
	width:1057;
	padding-top:11px;
	padding-left:10px;
    font-size: 11px;
}
#mid_head {
	height:23px;
    width:800px;
	background:url(../images/agx_midhead.png) no-repeat;
	padding-left:100px;
	padding-top:6px;
    font-size: 12px;
    float:left;
    color:#FF9900;

}
#mid_head2 {
	height:20px;
	background:url(../images/agx_midhead.png) no-repeat;
	padding-left:945px;
	padding-top:3px;
    font-size: 12px;
    font-weight: bold;
   

}
#Under_Header {
	background:url(../images/agx_under_head.png);
	height:12px;
}
#Header {
	height:181px;
	background:url(../images/agx_header.png);
}
/* HEADER ENDE */

/* BOXEN U.NAV.KOPF */
#Events {
}
#Event1 {
	background:url(../images/agx_event_1.png);
	width:512px;
	height:132px;
	float:left;
	padding-top:45px;
	padding-left:35px;
	font-style:oblique;
	line-height:25px;
	color:#FFFFFF;
}
/* #Event2 {
	background:url(../images/agx_event_2.png);
	width:156px;
	height:52px;
	float:left;
	padding-top:125px;
	padding-left:50px;
} */
#Event3 {
	background:url(../images/agx_event_3.png);
	width:165px;
	height:137px;
	float:left;
	padding-top:40px;
}
#Event3b {
	background:url(../images/agx_event_3b.png);
	width:160px;
	height:137px;
	float:left;
	padding-top:40px;
	text-decoration:inherit;
}
#Nav_Kopf {
	background:url(../images/agx_nav_head.png);
	width:195px;
	height:177px;
	float:left;
}

/* BOXEN U.NAV.KOPF ENDE */

/* CONTENT */
#ContentContainer {
	background:url(../images/agx_left_board.png) repeat-y;
}
#MenuContainer {
	background:url(../images/agx_nav_full.png) top right repeat-y;
}
	/* CONTENT - LEFT*/
	#ContentContainer #left {
		margin-left:16px;
		background:#171717;
		width:856px;
		min-height:563px; /* kennt der IE nicht erst ab IE 7 glaub ich */
		float:left;
	}
	/* CONTENT - RIGHT*/
	#ContentContainer #right {
		width:195px;
		float:left;
	}
		/* CONTENT - RIGHT - NAV PIC REST */
		#ContentContainer #right #nav_up {
			background:url(../images/agx_nav_up.png);
			width:195px;
			height:45px;
		}
		/* CONTENT - RIGHT - NAVIGATION */
		#ContentContainer #right #navigation {
			margin-top:10px;
			margin-left:30px;
			color:#5BA6F8;
			font-size:15px;

		}
			#ContentContainer #right #navigation ul {
				list-style:none;
				font-size:15px;
			}
				#ContentContainer #right #navigation ul li.menuHeader {
					font-size:20px;
					font-weight:bold;
					padding-bottom:10px;
				}
				#ContentContainer #right #navigation ul li a {
					padding-left:15px;
				}
				
/* CONTENT ENDE*/ 

/* FOOTER */
#footDiv {
	background:url(../images/agx_bg.png) repeat-x bottom;
	height:193px;
	width:100%;
	position:relativ;
	bottom:0px;
}
#footer {
	background:url(../images/agx_footer.png);
	width:945px;
	height:23px;
	padding-top:18px;
	padding-left:122px; 
}
/* FOOTER ENDE */

/* OTHER */
.clear { 
	clear:both;
	position:relative;
}
/* Absicherung für die Positionierung von #footer */
 #footer { clear:both; display:block }



/* FIELDSET CONFIG */
fieldset {

  position: relative;
  border: 1px solid #ccc;
  margin: 0px; padding: 9px;
  margin-top: 10px; margin-bottom: 10px;
  padding-top: 8px; padding-bottom: 10px;
}

fieldset legend {

  margin-left: 5px;
  padding-left: 10px; padding-right: 10px;
  padding-bottom: 3px;
  font-size: 11px; color: #324f64;
}

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

fieldset label {
  display: block;
  width: 220px; float: left;
}

fieldset ul {
  color: #000;
  font-weight: bold;
  margin-left: 11px;
  margin: 5px;
  margin-top: 10px;
}

fieldset li {
  margin-left: 15px
  list-style-type: square
}

fieldset ul {
  margin-top: 0;
}

fieldset div.kontakt {
  position: absolute;
  top: 0; right: 25px;
  text-align: right;
}

*+html fieldset div.kontakt {
  right: 10px; top: 27px;
}

* html fieldset div.kontakt {
  right: 10px; top: 27px;
}

fieldset div.kontakt a {
  width: 100px;
}
/* FIELDSET CONFIG ENDE */

/* BLOCKQUOTE CONFIG */
blockquote, cite { 
	margin: 1em 1em 1em 1em;
	padding: 1em;
	font-size: 0.93em; 
	width: auto;
	background:#666666;
	border-top:1px dashed #999999;
	border-bottom:1px dashed #999999;
}
h2{
	font-size:1.5em;
	letter-spacing:0.4pt;
	text-transform:uppercase;
	color:#0099FF
}
h3{
	font-size:1.1em;
	letter-spacing:0.2pt;

	color:#ADB0B1
}
h4{
	font-size:1.1em;
	color:#3283D2;
	border-bottom:1px solid #2c2c2c;
	padding-left:80px;
	margin-top:5px;
	margin-bottom:5px;
}
h5{
	font-size:0.9em;
	letter-spacing:0.2pt;
	color:#999;
	padding:5px;
}
/* BLOCKQUOTE CONFIG ENDE */
 
/* FIELDSET CONFIG */
fieldset {
  position: relative;
  border: 1px solid #ccc;
  margin: 0px; padding: 9px;
  margin-top: 10px; margin-bottom: 10px;
  padding-top: 8px; padding-bottom: 10px;
}


fieldset legend {
  margin-left: 5px;
  padding-left: 10px; padding-right: 10px;
  padding-bottom: 3px;
  font-size: 15px; color: #0099FF;
}

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

fieldset label {
  display: block;
  width: 220px; float: left;
}

fieldset ul {
  color: #000;
  font-weight: bold;
  margin-left: 11px;
  margin: 5px;
  margin-top: 10px;
}

fieldset li {
  margin-left: 15px;
  list-style-type: square;
}

fieldset ul {
  margin-top: 0;
}

fieldset div.kontakt {
  position: absolute;
  top: 0; right: 25px;
  text-align: right;
}
*+html fieldset div.kontakt {
  right: 10px; top: 27px;
}
* html fieldset div.kontakt {
  right: 10px; top: 27px;
}

fieldset div.kontakt a {
  width: 100px;
}

/*
  KONTAKT
*/
fieldset {
  line-height: 20px;
}

fieldset div.text {
  line-height: 18px;
}

fieldset.kontakt label,
fieldset.bestellung label {
  width: 105px; cursor: pointer;
  padding-right: 20px;
  text-align: right;
}

fieldset.done label,
fieldset.donekontakt label {
  width: 180px;
  color: #324f64;
  text-align: right;
  padding-right: 20px;
}

fieldset.donekontakt label {
  width: 80px;
  padding-right: 50px;
}

fieldset input,
fieldset textarea {
  width: 300px; padding: 1px;
  border: 1px solid #888;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  font-size: 11px; color: #333;
  font-family: Tahoma, Verdana, Helvetica, Arial;
}

fieldset textarea {
  height: 120px;
  margin-bottom: 3px;
  overflow-y: auto;
  font-size: 11px;
}

fieldset input:hover,
fieldset input:active,
fieldset textarea:hover,
fieldset textarea:active {
  border: 1px solid #888;
}

fieldset input.readonly {
  width: 30px; text-align: center;
  cursor: default;  color: #324f64;
}

fieldset img.security {
  float: left; margin-right: 4px; margin-top: 1px;
  border: 1px solid #888;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

fieldset input.submit {
  cursor: pointer;
  width: 90px;
  margin-top: 10px; margin-left: 325px;
  font-size: 11px; color: #444;
}

fieldset input.error,
fieldset select.error,
fieldset textarea.error {
  border-bottom: 1px solid #ff6565;
  border-right: 1px solid #ff6565;
}

fieldset select,
fieldset select option {
  font-size: 10px; color: #333;
  padding: 1px;
  cursor: pointer; width: 304px;
}

fieldset select {
  border: 1px solid #888;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  padding: 0;
}

fieldset div#err {
  text-align: center;
  padding-bottom: 2px; margin-bottom: 4px;
  color: #ff6565; font-weight: bold;
}

/* FIELDSET CONFIG ENDE */

 
/* CMS CONFIG START */

#text {

width: 520px;
padding: 18px;

}

#text h1, #text h1 a {

font-size: 18px;
font-weight: normal;
margin: 0px 0px 15px 0px;
color: #00ccff;
font-family: "Arial" , "Verdana" , "Tahoma" , "MS Sans Serif" , Helvetica , sans-serif;
line-height: 24px;

}

#text h2, #text h2 a {

font-weight: normal;
margin: 4px 0px 6px 0px;
font-size: 11px;
line-height: 17px;
color: #cbd3d5;
font-family: "Verdana";
line-height: 11px;
background: url(../images/datum.gif) left no-repeat;
padding-left: 15px;

}

#text h3 {

margin: 0px 0px 17px 0px;
font-size: 11px;
font-weight: normal;
font-family: "Verdana";
font-weight: bold;
line-height: 18px;

}

#text p {

margin: 0px 0px 17px 0px;

}

#text p.hell {

color: #cbd3d5;

}

#text hr {

background: #fff;
border: none;
border-bottom: 1px solid #e8edf0;
height: 1px;
margin: 15px 0px 17px 0px;
line-height: 0px;

}

/* #footer {

width: 574px;
text-align: left;
margin: 0px;
line-height: 50px;
position: relative;
padding: 0px 1px;
overflow: hidden;
float: left;
color: #bcc1c4;
font-family: "Tahoma" , "Arial" , "MS Sans Serif" , Helvetica , sans-serif;
font-size: 10px;
 */
}

#text a.zurueck {

width: 21px;
height: 21px;
background: url(../images/zurueck.gif) left no-repeat;
display: block;

}

#text a:hover.zurueck {

width: 21px;
height: 21px;
background: url(../images/zurueck_hover.gif) left no-repeat;
display: block;

}

#text a.weiter {

width: 21px;
height: 21px;
background: url(../images/weiter.gif) left no-repeat;
display: block;

}

#text a:hover.weiter {

width: 21px;
height: 21px;
background: url(../images/weiter_hover.gif) left no-repeat;
display: block;

}

#text .blog {

margin: 0px 0px 17px 0px;
text-align: justify;

}

#footer .left {

float: left;

}

#footer .left a {

color: #bcc1c4;
text-decoration: none;
font-weight: bold;

}

#footer .left a:hover {

color: #858b8b;
text-decoration: none;
font-weight: bold;

}

#footer .right {

float: right;

}

#footer .right a {

color: #bcc1c4;
text-decoration: none;

}

#footer .right a:hover {

color: #858b8b;
text-decoration: none;

}
/* CMS CONFIG ENDE */

/* DESIGNER VIEW */

#designer {
}
	#designer #image {
		margin-right:10px;
		border:10px solid #CCCCCC
	}
	#designer #description {
	}
		#designer #description #name {
			font-size:14px;
			font-weight:bold;
			float:left;
		}
		#designer #description #regdate {
			font-size:12px;
			font-weight:bold;
			float:right;
		}
		#designer #description #about {
			border-top:1px solid #000;
			border-bottom:1px solid #000;
			margin-top:20px;
			padding-top:5px;
		}