@charset "utf-8";
/* CSS Document css/style_container.css |
	Style for: 
	2010 <at> Webdesignkurs by 
  ___  __  __  ____  ____  _____     ___  ____  ____  ___  __    ____  ____ 
 / __)(  )(  )(_  _)(  _ \(  _  )   / __)( ___)(_  _)/ __)(  )  ( ___)(  _ \
( (_-. )(__)(  _)(_  )(_) ))(_)(   ( (_-. )__)  _)(_ \__ \ )(__  )__) )   /
 \___/(______)(____)(____/(_____)   \___/(____)(____)(___/(____)(____)(_)\_)
 ___________________________________________________________________________________________
 ____    ____    ____    ____  __  __  _  _  ____        
(  _ \  (_  _)  (  _ \  (_  _)(  )(  )( )/ )( ___)    
 )(_) ).-_)(     )(_) ).-_)(   )(__)(  )  (  )__)  
(____/ \____)   (____/ \____) (______)(_)\_)(____)       
 __  __  ____  ___  __  __  ____  __			 __  __  _____  __    ____  _  _  ____  ____  _____ 
(  \/  )(_  _)/ __)(  )(  )( ___)(  )	  ___	(  \/  )(  _  )(  )  (_  _)( \( )( ___)(  _ \(  _  )
 )    (  _)(_( (_-. )(__)(  )__)  )(__	 (___)	 )    (  )(_)(  )(__  _)(_  )  (  )__)  )   / )(_)( 
(_/\/\_)(____)\___/(______)(____)(____)			(_/\/\_)(_____)(____)(____)(_)\_)(____)(_)\_)(_____)

 ___________________________________________________________________________________________
|																					    	|
|  Dj Djuke aka Miguel Molinero | Guido Geisler | 71254 - Ditzingen | info<at>djdjuke.de	|
|___________________________________________________________________________________________|

*/


/* Container Elemente */
/* Seiteninhalte divs start */

/*__________________________________________________________________________________________
|																					    	|
|  Container / Seitenelemente																|
|___________________________________________________________________________________________|
*/

.mlgb, mlgbp {
	padding-bottom:2px;
	padding-left:5px;
	font-size:10px;
	letter-spacing:4px;
	color:#000;
}
.mlgbp {
		font-size:7px;
		letter-spacing:1px;
		font-variant:small-caps;
		line-height:12px;
		color:#000;
}


div#phalter {
	float:right;
	width:255px;
	height:250px;
}

div#phalterbild {
	margin-left:20px;
	float:right;
	width:255px;
	height:280px;
	background-image:url(../images/index.png);
	background-repeat:no-repeat;	
	z-index:1;
}

/*--------------   Hintergrund Bilder Seiten --------------------*/

div.about {
	min-height:260px;
	background-image:url(../images/hg_about.png);
	background-repeat:no-repeat;	
}

div.presse {
	min-height:260px;
	background-image:url(../images/hg_presse.png);
	background-repeat:no-repeat;	
}

div.history {
	min-height:260px;
	background-image:url(../images/hg_history.png);
	background-repeat:no-repeat;	
}  

div.impr {
	min-height:260px;
	background-image:url(../images/hg_impr.png);
	background-repeat:no-repeat;	
}

div.demo {
	min-height:260px;
	background-image:url(../images/hg_demo.png);
	background-repeat:no-repeat;	
}

.qw {
	padding-top:2px;
	width:500px;
}

/*--------------   Seitenelemente --------------------*/
div#valid {
	position:absolute;
	z-index:9999;
	top:480px;
	left:70px;
	width:150px;

}
div#valid ul li {
	padding-bottom:10px;
	padding-right:20px;
	outline: none;
	text-decoration:none;
	list-style:none;
}


div#wrap {
	position:relative;
	padding-bottom: 20px; 
	height:900px;
}

	div#logo {
		height: 180px;
		background-image:url(../images/gg.png);
		background-repeat: no-repeat;
		background-position:center;
	}


div#page {
	padding-right:160px;
	background-image:url(../images/line-background.png);
	background-repeat: repeat-x;
	background-position: 0 30px;
}

	div#inner {  	
		position:relative;
		margin-top:0px;
		margin-left:190px;
		width: 696px;
	}

		div#main {
			padding:0 9px;
			background-image:url(../images/main-shadow.jpg);
			background-repeat:repeat-x;
		}
		
		div#content {
		padding:10px;
		min-height:260px;
		}

		div#content_foot {
			clear:both;
		}



div#footer {
	padding-bottom: 4px;
	height: 5px;
	line-height: 0px;
	font-size: 0px;	
	background-image:url(../images/footer-shadow.jpg);
	background-repeat: no-repeat;
}

div#end {
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
	text-align:center;
	clear:both;
}






div#left.mt {
	margin-top:20px;
}

div#box, 
div#boxos, 
div.clear {
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
}



/* Navigationsbereich start */

div#headnavi {
	height:30px;
	background-image:url(../images/navigation-background.jpg);
}

ul#navigation {
	float:right;
	margin: 7px 5px 0 0;
	width:200px;
	height:25px;
	font-size:9px;
	outline: none;
	text-decoration:none;
	list-style:none;
	cursor:help;
}

ul#navios {
	float:right;
	margin: 7px 25px 0 0;
	width:80px;
	height:32px;
	list-style:none;
	color:#F00;
	font-weight:bold;
}	

ul#navigation li, 
ul#network li, 
ul#lang li,
ul#langos li {
	padding-top:10px;
	display:inline-block;		
}

/* Navigation ende */
/* Tooltip divs start */

a.toolbox {
	font-weight:bold;
	color:#C60;
	cursor:help;
}

a.toolbox span, 
ul#navigation li a.toolbox  span, 
ul#navios li a.toolboxos  span {
	text-align:center;
	display: none;
	font: 11px arial,helvetica,sans-serif;
	color: #223641;
}

a.toolbox:hover span, 
ul#navigation li a.toolbox:hover, 
ul#navios li a.toolboxos:hover {
	background-color: transparent;
}



a.toolbox:hover span, 
ul#navigation li a.toolbox:hover span, 
ul#navios li a.toolboxos:hover span {
	position: absolute;	
	display: block;
	padding: 3px;
	top: 35px;
	left: 705px;
	width: 200px;
/*	height:200px;*/
	background: #b3b9be;
	border: 1px solid #223641;
	text-decoration: none;
	background-image:url(file:///E|/Projekt/images/soft_30.png);
}
/* Tooltip divs ende */



/* Animierte Divboxen start */
div#ohnejs {
	position: absolute;
	padding:10px;
	width: 125px;
	right:-150px;
	top:-59px;
	z-index: 9999;
	background-image:url(../images/soft_60.png);
}

div#setPositionTarget {
	position: absolute;
	padding:7px;
	width: 125px;
	left: -9999px; top: 0px;
	z-index: 9999;
	cursor:move;
	background-image:url(../images/soft_60.png);
}

div#close a {
	position: absolute;
	padding-left:20px;
	width: 20px;
	height:16px;
	left:0px; 
	top: 0px;
	z-index: 8000;
	color:#0C9;
	cursor:pointer;
	background-image:url(../images/close.png);
	background-repeat:no-repeat;
}



div#fxTarget {
	position:absolute;
	right:-145px;
	top:-82px;
	width: 10px;
	height: 20px;
	z-index: 1;
	/*background-color:#C9F*/; /*Positionierungshelfer*/
}

.execCode {
	display:none;
}

/* Flaggen divs start */
.german {
	display:inline-block;
	width:21px;
	height:21px;
	background-image:url(../images/flags.png);
	background-repeat:no-repeat;
	background-position:0px -21px;
}

.german:hover, 
.german.active {
	background-position:0px 0px;
}

.english {
	display:inline-block;
	width:21px;
	height:21px;
	background-image:url(../images/flags.png);
	background-repeat:no-repeat;
	background-position:-23px -21px;
}

.english:hover,
.english.active {
	background-position:-23px 0px;
}

.spain {
	display:inline-block;
	width:21px;
	height:21px;
	background-image:url(../images/flags.png);
	background-repeat:no-repeat;
	background-position:-47px -21px;
}
.spain:hover,
.spain.active {
	background-position:-47px 0px;
}

.italia {
	display:inline-block;
	width:21px;
	height:21px;
	background-image:url(../images/flags.png);
	background-repeat:no-repeat;
	background-position:-72px -21px;
}
.italia:hover,
.italia.active {
	background-position:-72px 0px;
}



/* date news divs start */

div#container {
	position:absolute;
	top:210px;
	left:0px;
	/*float:left;
	margin:210px 0 0 0;*/
	height:260px;
	width:200px;
	background-repeat:no-repeat;
	background-position:top;
	/*border:1px solid #F0F;*/
}

div#calender {
	padding:5px 12px 20px 10px;	
	height:220px;
	background-image:url(../images/bg_links_open.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

/*__________________________________________________________________________________________
|																					    	|
|  IE Style DIV 																			|
|___________________________________________________________________________________________|
*/

div#explorer {
		position:relative;
		margin:300px auto;
		width:210px;
		height:300px;
		background-image:url(../images/ex.png);
}

div#news {
	position:absolute;
	top:143px;
	left:250px;
	z-index:1;
		width:278px;;
		height:320px;
}