/* ALLGEMEINE DEFINITIONEN */

/*	-------------------	GLOBAL RESET -------------------------
                    * {
                         margin: 0;
                         padding: 0;
                    }
*/

.MainStyle {
	clear: both;
	font-size: 12px;
	letter-spacing: 0.05em;
	font-family: Trebuchet MS, Century Gothic, Calibri,Verdana, Arial, sans-serif;
	color: #424242;
	background: #AAAAAA url(../Library/Bilder-Layout/Layout_back_vert.png) repeat-x;
	text-align: left;
}

#linkhead{
	clear: both;
	color: #000000;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
	font-weight:bolder;
}

#linkhead a:link{
	text-decoration: underline;
	color: #000000;
	font-weight: bolder;
}

#linkhead a:visited{
	text-decoration: none;
	color: #000000;
	font-weight: bolder;
}

#linkhead a:active, a:hover{
	text-decoration: none;
	color:#000000;
	font-weight:bolder;
}

#linkblack{
	clear: both;
	color: #000000;
	text-align: left;
	font-weight:bolder;
}

#linkblack a:link{
	text-decoration: none;
	color: #000000;
	font-weight:bold;
}

#linkblack a:visited{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

#linkblack a:active, a:hover{
	text-decoration: none;
	color:#000000;
	font-weight:bold;
}

#linkwhite{
	color: #FFFFFF;
	text-align: inherit;
	font-weight: normal;
}

#linkwhite a:link{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}

#linkwhite a:visited{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}

#linkwhite a:active, a:hover{
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}

h1 {
	font-size: 1.5em;
	font-style: bold;
	letter-spacing: 0.1em;
	color: #424242;
	text-align:justify;
}

h2 {
	font-size: 1.2em;
	font-style: bold;
	letter-spacing: 0.05em;
	color: #424242;
	text-align: left;
}

h3 {
	font-size: 1.1em;
	font-style: bold;
	letter-spacing: 0.05em;
	color: #424242;
	text-align: left;
}

#Adresse {
	margin-left: 1em;
	font-size: 1em;
	letter-spacing: 0.05em;
	color:#FFFFFF;
	text-align: justify;
}

a img{
border: 0;
}


p {
margin-bottom: 0.5em;
}

p.floated{
width: 250px;
float: right;
}

/* die Formatierung von Zitaten */
blockquote{
margin:0;
padding:0;
color:#5F5F5F;
}

blockquote p{
font: italic 1em  Georgia, Trebuchet MS,Century Gothic, Calibri,Verdana, Arial, sans-serif;
text-align: left;
font-size: 1.2em;
margin: 1.5em 2em 0 1.5em;
padding:0;
}

blockquote .source{
text-align: right;
font-style:normal;
margin-right: 2em;
margin-top: 0.25em;
margin-bottom: 1em;
}

/* die Formatierung von Listenzeichen 
________________________________________________________________*/
#liste {
margin: 0 0;
}

#liste ul li{ /*erste Listenebene*/
margin-bottom: 1em;
}

#liste ul li ul { /*zweite Listenebene*/
font-size: 0.9em;
width: 350px;
margin: 1em;
list-style: inside;
}

#liste_vita ul li{ /*Liste für Vita*/
margin-bottom: 0em;
}

#liste_vita ul li:first-line{ /*Liste für Vita*/
font-weight: normal;
color: #000000;
}

#liste li ul li { 
list-style: url(../Library/Bilder-Layout/liste_grey12px.png) inside;
color: #424242;
border-right: 1px solid #ABABAB;
border-bottom: 1px solid #ABABAB;
border-top: 1px solid #ABABAB;
border-left: 5px solid #ABABAB;
padding: 1em 0 1em 1em;
margin: 5px 0 5px 1em;
background-image: none;
}

#liste ul li:first-line{
font-weight: bold;
color: #000000;
text-transform: uppercase;
}

#liste li ul li:first-line{
font-weight: bold;
color: #000000;
text-transform: uppercase;
background: transparent;
}

#liste li ul li:hover{
background-color: #EAEAEA;
}

ul#root_list{
list-style-type: none;
text-align: left;
}

ul#root_list li {
background-image: url(../Library/Bilder-Layout/liste_grey12px.png);
background-repeat: no-repeat;
padding-left: 2em;
text-align: left;
}

/* 
   Formatierung Preview Seite / viel Text einige Bilder
   _______________________________________________________________*/

#eineSpalte {
padding-right:70px;
padding-left: 50px;
}

#floatright {
float: right;
width: 200px;
padding-left: 20px;
}

#SinglePic {
padding-bottom: 125px;
}

/* ----- Definition unterschiedlicher Boxen -----*/
#container{
	clear: both;
	background: #FFFFFF url(../Library/Bilder-Layout/Balken_200_5.png) repeat-y;
	height:499px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 40px;
	padding-right: 40px;
	overflow:auto;
}

/* ----- Cotnainer für Startseite -----*/
#startcontainer{
	clear: both;
	background: #FFFFFF url(../Library/Bilder-Layout/Balken_200_5.png) repeat-y;
	height:517px;
	padding-top: 0px;
	padding-bottom: 18px;
	padding-left: auto;
	padding-right: auto;
	overflow:auto;
}

#box_startseite{
/*background:url(../Library/Bilder-Layout/box_345_210.png) left no-repeat;*/
float:left;
position: relative;
	top: 0px;
	left: 10px;
border-right: 1px solid #ABABAB;
border-bottom: 1px solid #ABABAB;
border-top: 1px solid #ABABAB;
border-left: 5px solid #ABABAB;
margin: auto 10px;
padding: 15px;
width: 315px;
height: 210px;
}

#box_startseite_pic{
/*z-index:1;*/
position:absolute;
		bottom:5px;
		left: 5px;
width: 325px;
height: 100px;
}

#box_flex{
/*background:url(../Library/Bilder-Layout/box_345_210.png) left no-repeat;*/
float:left;
position: relative;
	top: 0px;
	left: 10px;
border-right: 1px solid #ABABAB;
border-bottom: 1px solid #ABABAB;
border-top: 1px solid #ABABAB;
border-left: 5px solid #ABABAB;
margin: 0px 10px 10px;
padding: 15px;
width: 300px;
height: auto;
}

#oneboxquer{
/*background: url(../Library/Bilder-Layout/box_320_200.gif) left no-repeat;*/
border-right: 1px solid #D5D5D5;
border-bottom: 1px solid #D5D5D5;
border-top: 1px solid #D5D5D5;
border-left: 5px solid #D5D5D5;
margin: auto 10px;
/*border: solid #333333 thin;*/
float: left;
padding: 30px;
width: 319px;
height: 230px;
}

#drittelboxup{
background:url(../Library/Bilder-Layout/box_198_480.png) left no-repeat;
float:left;
position: relative;
	top: 0px;
	left:0px;
/*z-index: 0;*/
margin: 10px;
/*border: solid #333333 thin;*/
padding: 15px;
width: 168px;
height: 450px;
}

#drittelpicup{
/*z-index:1;*/
position:absolute;
		bottom:5px;
		left: 5px;
width: 188px;
height: 188px;
}

#doubleboxup{
background:url(../Library/Bilder-Layout/box_319_480.png) left no-repeat;
float:left;
position: relative;
	top: 0px;
	left:00px;
/*z-index: 0;*/
margin: auto 10px;
/*border: solid #333333 thin;*/
padding: 15px;
width: 289px;
height: 450px;
}

#doublepicup{
/*z-index:1;*/
position:absolute;
		bottom:5px;
		left: 5px;
width: 289px;
height: 188px;
}

#artistbox_left{
float:left;
background: url(../Library/Bilder-Layout/blind_480h.png) background-repeat: no-repeat;
/*position: relative;
	top: 0px;
	left:0px;*/
margin: 0px 10px 20px 0px;
width: 300px;  Breite des Bildes 149px*/
height: auto;
}

#artistbox_right{
float: right;
text-align: center;
margin: 0px -10px 0px 15px;
width: 318px;  /*Breite des Bildes 149px*/
height: auto;
}

#artistpic{
float:left;
text-align: center;
border-width: 1px;
border-color: #ABABAB;
padding:5px;
display: block;
margin-left: auto;
margin-right: auto;
width: 318px;
height: auto;
}

#artistpic img{
border: 1px solid #ABABAB;
}

#artistpic img:hover{
border-left: 3px solid #ABABAB;
border-right: 3px solid #ABABAB;
}

IMG.mittig{
display: block;
padding: 5px;
margin-left: auto;
margin-right: auto;
}

#einbalkenquer{
/*background:url(../Library/Bilder-Layout/box_600_198.png) left no-repeat;*/
border-right: 1px solid #ABABAB;
border-bottom: 1px solid #ABABAB;
border-top: 1px solid #ABABAB;
border-left: 5px solid #ABABAB;
float:left;
position: relative;
	top: 0px;
	left: 40px;
margin: 1em auto;
padding: 15px 220px 15px 15px;
width: 350px;
height: 168px;
}

#einbalkenflex{
/*background:url(../Library/Bilder-Layout/box_600_198.png) left no-repeat;*/
border-right: 1px solid #ABABAB;
border-bottom: 1px solid #ABABAB;
border-top: 1px solid #ABABAB;
border-left: 5px solid #ABABAB;
float:left;
position: relative;
	top: 0px;
	left: 40px;
margin: 1em auto;
padding: 15px 220px 15px 15px;
width: 350px;
height: auto;
}

#einbalkenpic{
position:absolute;
		top:5px;
		right: 5px;
/*width: 188px;
height: 188px;*/
}
/* 
   Bild rechtsorientiert (Bildformat 200x150px)
   _______________________________________________________________*/
   
 
#link {
	margin-bottom: 10px;
	margin-right: -150px;
	float: right;
	font-style:italic;
}

/* ----- linke Navigation ----- */
#leftnavi {
	color:#FFFFFF;
	text-align: right;
}

#leftnavi li{
	color:#FFFFFF;
	text-align: right;
}

#leftnavi a:link, a:visited{
	text-decoration: none;
	color:#FFFFFF;
	text-align: right;
	font-weight:normal;
}

#leftnavi a:active, a:hover{
	text-decoration: none;
	color:#FFFFFF;
	text-align: right;
}

#leftnavi h2{
	font-size: 16px;
	text-decoration: underline;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #FFFFFF;
	text-align:right;
}