/*-----------------------------------------------------*/
/*----------------------- Haupt -----------------------*/
/*-----------------------------------------------------*/


* {
	
	margin: 0;
	padding: 0;
	border: 0 none;
	
}

html {
	
	/* 300px 300px #1a1a1a Rapport */
	background: #1a1a1a url('./../layout/background_0300_0300.jpg');
	
}

body {
	
	/* Verlauf von Schwarz nach Transparent im oberen Bereich noch ohne Funktion; wird z.Zt. überschrieben */ 
	/* background: transparent url('./../layout/body-background.png') repeat-x; */
	
	/* Scheinwerfer png */
	/* background: transparent url('./../layout/body-background_0968_0576.png') no-repeat center top; */
	background: transparent url('./../layout/body-background_0968_0576.png') no-repeat center top; /*fixed;*/
	/* Abstand von TOP - Beginn der WrapperGrafik */
	padding: 40px 0 0 0;
	
	/* Hinzugefuegt fuer Newsindex.php*/
	font-family:Verdana;
	font-size:12px;
	background-color:#1a1a1a;
	/* text-align:center; */
	margin:0px 0px 0px 0px;

}

#tellmorenewsimagemap {

	position: absolute;
	left: 1100px;
	top: 200px;
	
}

#wrapper {
	width: 788px; /* 888px - 2x 50px vom padding damit die Gesamtbreite des BoxModels erhalten bleibt: hier 888px */
	min-height: 1000px; /* Mindesthöhe Wrapper */
	background: transparent url('./../layout/wrapper-newsbackground_0888_0576.png') no-repeat;
	margin: 0 auto;
	padding: 10px 50px 0 50px; /* Wrapper TopPadding bestimmt Abstand zum Scheinwerfer */

}

#header {
	
	width: 758px; /* 788px - 2x 15px */
	height: 135px;
	background: transparent url('./../layout/header-background_0788_0150.png') no-repeat;
	padding: 15px 15px 15px 15px;
	
}

#header h1 {
	
	width: 95px; /* logo.gif Dimensionen */
	height: 95px; /* logo.gif Dimensionen */
	
	padding: 0 0 0 0;
	
	float:left;
	
}

#header h1 a {
	
	/*text-indent: -5000px;*/ /* Herausrücken des Textes (h1) Startseite | YPlingx */
	
	
	
	/*width: 95px;*/
	/*height: 95px;*/
	/*background: transparent url('./../layout/logoy_0095_0095.png') no-repeat;*/
	/*display: block;*/
	/*overflow: hidden;*/
	
	/* WICHTIG ... index.php ... das <h1> Tag NICHT entfernen ... benoetigt wird dieses von der zusätzlich geladenen *xxxxxxxxlogo.php Datei */
	position: relative;
   	top: 50px;
   	left: 50px;
	
}

#content {
	
	width: 768px;
	background: transparent url('./../layout/content-background_0788_0001.png') repeat-y;
	padding: 100px 10px 40px 10px; /* Wichtig für die CONTENT Werte: Breite / Höhe / Abstände muss in der Summe immer 788 ergeben: hier 666 + 61 + 61 */
	color: #FFF;
	
}

#footer {
	
	min-height: 150px;
	background: transparent url('./../layout/footer-background_0788_0150.png') no-repeat;
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	
}


/*-----------------------------------------------------*/
/*--------------------- Schrift -----------------------*/
/*-----------------------------------------------------*/

body {
	color: #ffffff;
	font-size: 100%;
	font-family: Verdana, Tahoma, Sans-Serif;
		
}

a {
	
	/* Hyperlink Color Inaktiv Allgemein */
	color:#fdfdfd;
	text-decoration: none;
	
}

a:hover, a:focus {
	/* Hyperlink Color Aktiv (Auswahl) Allgemein */
	color: #976345;
	
}

#menu {
	
	/* Erweitert um Myriad Familie */
	/*font-family: Myriad Web Pro, Myriad Pro Light, Myriad Pro Cond, Myriad Pro, Helvetica, Arial, Sans-Serif;*/
	/* 
	SEHR INTERESSANT - hier damals der Fehler wg. Firefox - SchriftartReihenfolge
	... Verdana ... blah !!!
	font-family: Myriad Pro Light, Verdana, Helvetica, Arial, Sans-Serif; 
	*/
	
	font-family: Myriad Pro Light, Helvetica, Arial, Sans-Serif;
}

#menu li a {
	
	/* Hyperlink Color Inaktiv Allgemein */
	color:#fdfdfd;
	text-decoration: none;
	
}

#menu li.chosen a,
#menu li a:hover, #menu li a:focus{
	
	/* Hyperlink Color Aktiv (Auswahl) für Menu */
	color: #976345;
	
}

h2 {
	color: #976345;
	font-family: Myriad Pro Light, Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 1em;  /* 1.5em;  1/16 (0,0625) mal 24 (pt in px umgerechnet) StandardSchriftgroesse 16pt */
	/*font-weight: bold;*/
	line-height: 1.6em; /* entspricht 160% */
	margin-bottom: 0.2em; /* entspricht 20% */	
}



#footer {
	
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: .75em;
	
}


#footer a {
	
	color: #976345;
	
}

#footer a:hover, #footer a:focus {
	color: #976345;
	
}

/*-----------------------------------------------------*/
/*----------------------- Teil ------------------------*/
/*-----------------------------------------------------*/

#menu {
	/*width: 738px;*/ /* 0758 (HeaderWidth) - 2x 10px von logo.gif (DummyWidth) */
	width: 568px; /* 0758 (HeaderWidth - 2x 95px von logoy.png (LogoWidth) */
	height: 85px; /* Menu Height */
	margin: 0 0 0 0;
	padding: 60px 0 0 0;
	float: left;
	list-style-type: none;
		
}

#menu li {
	
	height: 60px; /* Menu Height */
	float: left;
	
}

#menu li a{
		
}

#menu li.chosen a,
#menu li a:hover, #menu li a:focus {
	
}


.newsteaser {
	margin: 0px 0px 0px 0px;
	padding: 40px 20px 20px 20px;
	
}


/*-----------------------------------------------------*/
/*---------------------- Detail -----------------------*/
/*-----------------------------------------------------*/

.skip {

	text-indent: -5000px;
	display: block;
	overflow: hidden;
	
}

#menu li.start a {

	
	padding-left: 0px;
}

#menu li.start p {
	
	font-size: .6em;
	line-height: 1.1em;
	
	color:#a0a3a8;
	padding-left: 0px;
  
}

#menu li.profile a {
	
	padding-left: 200px;
	
}

#menu li.profile.chosen a,
#menu li.profile a:hover, #menu li.profile a:focus{
	
}

#menu li.profile p {
	
	font-size: .6em;
	line-height: 1.1em;
	
	color:#a0a3a8;
	padding-left: 200px;
  
}


#menu li.services a {
	
	padding-left: 50px;
	
}

#menu li.services.chosen a,
#menu li.services a:hover, #menu li.services a:focus {
	
	
}

#menu li.services p {
	
	font-size: .6em;
	line-height: 1.1em;
	
	color:#a0a3a8;
	padding-left: 50px;
  
}

#menu li.contact a {
	
	padding-left: 50px;
  
}

#menu li.contact.chosen a,
#menu li.contact a:hover, #menu li.contact a:focus {
	
	
}

#menu li.contact p {
	
	font-size: .6em;
	line-height: 1.1em;
	
	margin-bottom: 1em;
	color:#a0a3a8;
	padding-left: 50px;
  
}


/*-----------------------------------------------------*/
/*--------------------- CSS-Hacks ---------------------*/
/*-----------------------------------------------------*/

.clearfix:after,
#wrapper:after,
#header:after,
#menu:after {
	
	content: "."; /* Hier irgendwas eintragen, wird nicht dargestellt */
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
	
}

/*-----------------------------------------------------*/
/*----------------------- Media -----------------------*/
/*-----------------------------------------------------*/

#footer .yplingx_tsunami {
	
	margin: 0 0 0 245px;
	padding: 5px 0 0 0;
	
	
}

/*-----------------------------------------------------*/
/*----------------------- NEWSstyle CSS ---------------*/
/*-----------------------------------------------------*/

h1, h3, h4, h5, h6 {
	color: #a0a3a8;
	font-size: 12px;
	font-family: Myriad Web Pro, Verdana, Myriad Pro Light, Myriad Pro Cond, Myriad Pro;
	padding: 10px 10px 10px 10px;
	
}


.content {
	width: 768px;
	background: transparent url('./../layout/content-background_0468_0001.png') repeat-y;
	padding: 15px 0px 15px 0px;
}



.content a {
	
	color:#fdfdfd;
	text-decoration: none;
	
}

.content p {
	
	color: #a0a3a8;
	font-size: 12px;
	font-family: Myriad Web Pro, Verdana, Myriad Pro Light, Myriad Pro Cond, Myriad Pro;
	padding: 10px 10px 10px 10px;

}

/*-----------------------------------------------------*/
/*----------------------- Newstyle.php CSS NEU --------*/
/*-----------------------------------------------------*/


.left {
	background: transparent url('./../layout/newscontent-background_0080_0001.png') repeat-y;
	width:80px;
	float:left;
	padding: 0px 0px 0px 0px;
	min-height: 310px;
}

.menutitle{

}

.menucontainer {
	
}

p.www3_news_header {
	
	color: #fdfdfd;
	font-size: 14px;
	font-family: Myriad Web Pro, Verdana, Myriad Pro Light, Myriad Pro Cond, Myriad Pro;
	
}

p.www3_news_main {
	
	color: #a0a3a8;
	font-size: 14px;
	font-family: Myriad Web Pro, Verdana, Myriad Pro Light, Myriad Pro Cond, Myriad Pro;
	
}

.newscontent {
	
	background: transparent url('./../layout/newscontent-background_0688_0001.png') repeat-y;
	width:648px;
	float:left;
	padding:0px 20px 0px 20px;
	min-height: 310px;
}

ul.soldanocontent {
	
	list-style-type: circle;
 	
 	padding: 20px;
 	margin: 5px;
}

ol.soldanocontentordered {
	
	list-style-type: decimal;
 	
 	padding: 20px;
 	margin: 5px;
}

ul.gitarrecontent {
	
	list-style-type: square;
 	
 	padding: 20px;
 	margin: 5px;
}

ul.soldanocontent li{
	
	color: #a0a3a8;
	font-size: 12px;
	font-family: Myriad Web Pro, Verdana, Myriad Pro Light, Myriad Pro Cond, Myriad Pro;
	
 	/*background-image: url('./../layout/soldanolist.png');*/
 	/*background-repeat: no-repeat;*/
 	/*background-position: 0px 5px; xpos ypos*/
 	/*padding-left: 15px;*/

}

ol.soldanocontentordered li{
	
	color: #a0a3a8;
	font-size: 12px;
	font-family: Myriad Web Pro, Verdana, Myriad Pro Light, Myriad Pro Cond, Myriad Pro;
	
 	/*background-image: url('./../layout/soldanolist.png');*/
 	/*background-repeat: no-repeat;*/
 	/*background-position: 0px 5px; xpos ypos*/
 	/*padding-left: 15px;*/

}

ul.gitarrecontent li{
	
	color: #a0a3a8;
	font-size: 12px;
	font-family: Myriad Web Pro, Verdana, Myriad Pro Light, Myriad Pro Cond, Myriad Pro;
	
 	/*background-image: url('./../layout/soldanolist.png');*/
 	/*background-repeat: no-repeat;*/
 	/*background-position: 0px 5px; xpos ypos*/
 	/*padding-left: 15px;*/

}