/* copyright by Marco Jansen aka. detailverliebt.net - This is ThomasD CSS calling*/ 

/* --------------------------------------Body------------------------------------------ */ 

body, div, p, a, ul, table, td, img, form {
border: 0;
margin: 0;
padding: 0;
}

body {
cursor: default;
text-align: left;
font-family: Trebuchet MS, Verdana, Arial, Helvetica;
margin: 0px 0px 0px 0px;
background: #67A1BA;
background-image: url(../images/layout/person/background.jpg);
}

/* --------------------------------------Typo und Headlines---------------------------- */ 

a:link {
color: #326799;
text-decoration: none;
}

a:visited {
text-decoration: none;
color: #326799;
}

a:hover {
text-decoration: none;
color: #979583;
}

a:active {
text-decoration: none;
color: #326799;
}

h4 {
text-align: left;
font-size: 16px;
text-transform: uppercase;
color: #204D61;
margin: 3px 0px 3px 0px;
letter-spacing: 1px;
}

h4 a:link {
color: #83BCC0;
text-decoration: none;
}

h4 a:visited {
text-decoration: none;
color: #83BCC0;
}

h4 a:hover {
text-decoration: none;
color: #204D61;
background-color: #F8F4F3;
}

h4 a:active {
text-decoration: none;
color: #4597BA;
}

h3{
text-align: left;
font-size: 13px;
text-transform: uppercase;
color: #909090;
margin: 3px 0px 3px 0px;
letter-spacing: 1px;
}

h2{
text-align: left;
font-size: 13px;
text-transform: uppercase;
color: #7EBDDB;
margin: 3px 0px 3px 0px;
letter-spacing: 1px;
}

h1{
text-align: left;
font-size: 14px;
text-transform: uppercase;
color: #2D596D;
margin: 3px 0px 3px 0px;
letter-spacing: 1px;
}

.floatright{
float: right;
margin: 5px 0px 0px 15px;
background-color: #000000;
}

.floatleft{
float: left;
margin: 5px 15px 5px 0px;
}

/* --------------------------------------Wrapper--------------------------------- */ 

#wrapper1 {
width: 881px;
background-image:url(../images/layout/person/bgoverheader.jpg);
}

#wrapper2 {
width: 881px;
background-image:url(../images/layout/person/bgheader.jpg);
}

#wrapper3 {
width: 881px;
background-image:url(../images/layout/person/bgcontent.jpg);
}

#wrapper4 {
width: 881px;
height: 100%;
background-color: #10415A;
}

/* --------------------------------------Overheader------------------------------*/ 

#overheader{
margin: 0px 0px 0px 71px;
width: 810px;
height: 40px;
clear: both;
}

#overheaderlinks{
float: left;
text-align: left;
width: 560px;
height: 40px;
}

#overheaderrechts{
float: right;
text-align: left;
width: 230px;
height: 28px;
padding: 7px 0px 5px 20px;
font-size: 0.80em;
color: #999999;
}

/* --------------------------------------Header--------------------------------- */ 

#header{
margin: 0px 0px 0px 71px;
width: 810px;
height: 300px;
}

#headerlinks{
float:left;
text-align: left;
width: 560px;
height: 300px;
}

#headerrechts{
float:left;
width: 250px;
padding: 0px 0px 0px 0px
}

/* --------------------------------------Content-------------------------------- */ 

#content {
margin: 0px 0px 0px 71px;
width: 810px;
color: #333333;
}

#contentlinks{
float:left;
width: 560px;
}

#contentlinks p {
text-align: justify;
}

#contentrechts{
float:right;
text-align: left;
width: 250px;
font-size: 0.78em;
}

#inhalt{
text-align: left;
width: 513px;
padding: 10px 20px 10px 23px;
font-size: 0.79em
}

#buggy {
margin: 0px auto;
width: 803px;
min-height: 1px;
clear: both;
}

/* --------------------------------------Footer------------------------------------- */ 

#footer {
margin: 0px auto;
width: 881px;
height: 80px;
clear: both;
}

#footerlinks{
float:left;
text-align: left;
width: 861px;
height: 60px;
padding: 10px 0px 10px 9px;
}

#footerrechts{
float:right;
text-align: left;
width: 10px;
height: 80px;
}

/* --------------------------------------Mainnavi--------------------------------- */ 

#mainnavi{
margin: 0;
padding: 0;
}

#mainnavi #active {
width: 250px;
height: 300px;
color: #767063;
margin: 0;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
}

#mainnavi ul {
margin: 0;
padding: 0;
list-style: none;
}

#mainnavi li {
display: inline;
}

#mainnavi li a {
float: left;
width: 50px;
height: 300px;
color: #ffffff;
letter-spacing: 2px;
font-size: 13px;
text-align: left;
text-transform: uppercase;
margin: 0;
text-decoration: none;
}

#mainnavi li a:hover {
float: left;
width: 50px;
height: 300px;
margin: 0;
color:#ffffff;
}

/* mainnavi neues */ 

#mainnavi li a.neues {
background-image: url(../images/layout/buttons/neuesa.jpg);
}

#mainnavi li a:hover.neues {
background-image: url(../images/layout/buttons/neuesb.jpg);
}

#mainnavi li a.activeneues {
background-image: url(../images/layout/buttons/neuesb.jpg);
} 

/* mainnavi person */ 

#mainnavi li a.person {
background-image: url(../images/layout/buttons/persona.jpg);
} 

#mainnavi li a:hover.person {
background-image: url(../images/layout/buttons/personb.jpg);
} 

#mainnavi li a.activeperson {
background-image: url(../images/layout/buttons/personb.jpg);
} 

/* mainnavi musik */ 

#mainnavi li a.musik {
background-image: url(../images/layout/buttons/werkea.jpg);
} 

#mainnavi li a:hover.musik {
background-image: url(../images/layout/buttons/werkeb.jpg);
} 

#mainnavi li a.activemusik {
background-image: url(../images/layout/buttons/werkeb.jpg);
} 

/* mainnavi fanbase */ 

#mainnavi li a.fanbasis{
background-image: url(../images/layout/buttons/fansa.jpg);
} 

#mainnavi li a:hover.fanbasis {
background-image: url(../images/layout/buttons/fansb.jpg);
} 

#mainnavi li a.activefanbasis {
background-image: url(../images/layout/buttons/fansb.jpg); 
} 

/* mainnavi kaufen */ 

#mainnavi li a.kaufen {
background-image: url(../images/layout/buttons/shopa.jpg);
} 

#mainnavi li a:hover.kaufen{
background-image: url(../images/layout/buttons/shopb.jpg);
}

#mainnavi li a.activekaufen {
background-image: url(../images/layout/buttons/shopb.jpg);
} 

/* --------------------------------------Navbar oben-------------------------------- */ 

#navbar #active {
float: left;
color: #ffffff;
cursor: default;
padding: 8px 10px;
}

#navbar {
float: left;
list-style: none;
margin: 0px 0px 0px 60px;
padding: 0;
display: inline;
font-size: 12px;
text-transform: lowercase;
}

#navbnar ul {
margin: 0;
padding: 0;
list-style: none;
}

#navbar li {
float: left;
list-style: none;
display: block;
}

#navbar a {
float: left;
overflow: hidden;
color: #CB1746;
padding: 11px 10px;
text-decoration: none;
}

#navbar a:hover {
float: left; 
color:#FFFFFF;
background-color: #000000;
}

/* --------------------------------------Newsausgabe--------------------------------- */ 

#newsblockheadline{
width: 500px;
padding: 5px 0px 0px 0px;
}

#newsblocktext{
width: 500px;
padding: 5px 0px 15px 0px;
border-bottom: 1px solid #cccccc;
}
/* --------------------------------------Baumnavigation-------------------------------- */ 
/* Hauptnavigation */
.navSpc {
width: auto;
display: none;

}

div.HauptNav {
float: left;
padding-top: 0;
}

/* Alle Links */
div.HauptNav a {
margin: 0;
list-style-type: none;
font-family: Trebuchet MS, Verdana, Arial, Helvetica;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
}

div.HauptNav a:hover {
color: #ffffff;
}

div.HauptNav div {
}

/* Ebene 1 */
/* Hauptcontainer */
div.HauptNav div.NavFirstIn {
}

/* Alle Links */
div.HauptNav div.NavFirstOff,{

}

div.HauptNav div.NavFirstOn,
div.HauptNav div.NavFirstOpen {
}


/* Alle Links */
div.HauptNav div.NavFirstOff a {
width: 210px;
font-size: 12px;
color: #ffffff;
display: block;
border-bottom: 1px dotted #407791;
padding: 4px 20px 4px 20px;
}


div.HauptNav div.NavFirstOn a,
div.HauptNav div.NavFirstOpen a {
color: #ffffff;
font-weight: bold;
display: block;
padding: 4px 0px 4px 10px;
}

/* Alle Links beim ueberfahren */
div.HauptNav div.NavFirstOff a:hover,
div.HauptNav div.NavFirstOn a:hover,
div.HauptNav div.NavFirstOpen a:hover{
width: 210px;
color: #E2A523;
padding: 4px 20px 4px 20px;
background-color: #3A6B81;
display: block;
}

/* Link hier, Im Pfad */
div.HauptNav div.NavFirstOn a {
color: #ffffff;
padding: 4px 20px 4px 20px;

}

div.HauptNav div.NavFirstOpen a {
color: #ffffff;
padding: 4px 20px 4px 20px;

}

/* Ebene 2 */
/* Hauptcontainer */
div.HauptNav div.NavSecondIn {
border-bottom: 1px dotted #407791;
}

div.HauptNav div.NavSecondOff {
padding: 4px 20px 4px 20px;
}

div.HauptNav div.NavSecondOn,
div.HauptNav div.NavSecondOpen {
}

div.HauptNav div.NavSecondOff a{
font-size: 11px;
color: #EDEDED;
}


div.HauptNav div.NavSecondOn a,
div.HauptNav div.NavSecondOpen a {
font-size: 11px;
padding: 4px 2px 4px 20px;
color: #C6C6C6;
display: block;
}

/* Alle Links beim ueberfahren*/
div.HauptNav div.NavSecondOff a:hover,
div.HauptNav div.NavSecondOn a:hover,
div.HauptNav div.NavSecondOpen a:hover {
color: #E2A523;
} 


/* Link hier, Im Pfad */
div.HauptNav div.NavSecondOn a,
div.HauptNav div.NavSecondOpen a {
color: #E2A523;
}

/* Ebene 3 */
/* Hauptcontainer */
div.HauptNav div.NavThirdIn {
}


/* Alle Links */
div.HauptNav div.NavThirdOff a,
div.HauptNav div.NavThirdOn a,
div.HauptNav div.NavThirdOpen a {
padding: 0px 0px 0px 0px;
white-space:normal;
font-size: 11px;
}


/* Alle Links beim ueberfahren*/
div.HauptNav div.NavThirdOff a:hover,
div.HauptNav div.NavThirdOn a:hover,
div.HauptNav div.NavThirdOpen a:hover {
color: #fff;
}


/* Link hier, Im Pfad */
div.HauptNav div.NavThirdOn a,
div.HauptNav div.NavThirdOpen a {
font-weight: bold;
color: #fff;
}

/* --------------------------------------Suche, Termine, Kauftipps-------------------------------- */ 

#searchbox{
padding: 0px 0px 0px 0px;
}

.form1{
font-family: Verdana;
font-size: 9pt;
width: 120px;
color: #000000;
border: 1px solid #2B2B2B; 
background-color: #636363;
padding: 3px 3px 3px 3px;
}

.search{
color: #ffffff;
font-size: 8pt;
font-weight: bold;
padding: 0px 2px 2px 2px;
} 

#kauftipp {
width: 180px;
height: 600px;
color: #ffffff;
padding: 0px 0px 5px 20px;
}

#submenu{
width: 250px;
clear:both;
}

#spacer{
margin: 0px auto;
width: 250px;
min-height: 30px;
clear: both;
}

.bildergalerie{
margin: 10px 20px 10px 20px;
border: 5px solid #ffffff;
}

.bildergalerie:hover{
margin: 10px 20px 10px 20px;
border: 5px solid #CB1746;
}

.bildertext{
margin: 0px 0px 10px 0px;
border: 5px solid #ffffff;
}

.bildertext:hover{
margin: 0px 0px 10px 0px;
border: 5px solid #CB1746;
}

#persontextlinks {
float: left;
width: 150px;
padding: 10px 10px 10px 0px;
}

#persontextrechts {
float: right;
width: 350px;
padding: 10px 0px 10px 0px;
}

.row{
width: 500px;
height: 150px;
padding: 10px 0px 10px 0px;
}

.rowpod{
width: 500px;
height: 125px;
padding: 10px 0px 10px 0px;
}

.rowleft{
float: left;
width: 120px;
height: 125px;
padding: 0px 0px 0px 0px;
}

.rowright{
float: right;
width: 330px;
height: 125px;
padding: 0px 0px 0px 0px;
}