/* General element styles: */
/***************************/
* { 
font-family: raavi,Arial,Helvetica,sans-serif;
margin:0;
padding:0;
font-size: 1em;
}

html {
font-size: 100.01%;
}
body { 
color: #000;
font-size: 90%;
} 

p {
line-height: 130%;
margin: 0 0 1em 0px; 
}
a { 
color: #4B0829; 
text-decoration: underline; 
}
a:hover { 
color: #9b1155; 
}
:focus {
outline: 0;
}
input, textarea, option { 
padding-left: 2px;
}
table {
border-collapse:collapse;
}
td { 
vertical-align : top; 
}
pre { 
font-family: monospace; 
}
strong {
font-weight: bold;
}
blockquote {
margin: 0 40px;
}

/*------------------------------------------------------
Headbox
------------------------------------------------------*/

.headbox {

background-color:#000000;
color:#ffffff;
height:330px;
width:660px;
margin-top:8px;
text-align:justify;
background-image: url("http://www.tattoo-and-more.de/bilder/headback.png")

}


.textbox {

position:relative;
color:#ffffff;
height:60px;
width:635px;
top:190px;
left:15px;
color:#ffffff;
font-size:14px;

}

.headline {

position:relative;
color:#fffece;
height:60px;
width:440px;
top:202px;
left:15px;
font-size:20px;
font-weight:bold;
text-transform:uppercase;

}

/*------------------------------------------------------
Headbox ENDE
------------------------------------------------------*/

/*------------------------------------------------------
Trenner
------------------------------------------------------*/

.trenner {
color:#ffffff;
font-size:16px;
height:45px;
width:663px;
left:0px;
background-image: url("http://28zehn.de/trenner.png");
background-repeat: repeat-y; 
padding-top:15px;

}

.inhalt {

position:relative;
height:20px;
width:400px;
left:0px;
top:6px;
font-weight:bold;
color:#690227;
font-size:16px;
font-family: arial, verdana, sans-serif;

}
/*------------------------------------------------------
Trenner ENDE
------------------------------------------------------*/

.trenner_modelsite {
color:#ffffff;
font-size:16px;
height:21px;
width:663px;
left:0px;
background-image: url("http://www.tattoo-and-more.de/bilder/trenner.png");
background-repeat: repeat-y; 
padding-top:15px;

}

.inhalt_modelsite {

position:relative;
height:15px;
width:400px;
left:0px;
top:-17px;
font-weight:bold;
color:#690227;
font-size:15px;
font-family: arial, verdana, sans-serif;

}
/*------------------------------------------------------
Trenner Modelsite ENDE
------------------------------------------------------*/

/*------------------------------------------------------
TattooModel Kategorien
------------------------------------------------------*/

.modelcat_container {width:250px;height:322px; background-image:url(http://www.tattoo-and-more.de/bilder/model_cat_back.png);
	color:#FFFFFF; font-size:17px;font-weight:bold;}

.wpcategory { position:relative; top:14px; left:0px; background-image:url(http://www.tattoo-and-more.de/bilder/wpcat_back.png);
	width:250px; height:43px;}
	
.wacategory { position:relative; top:28px; left:0px; background-image:url(http://www.tattoo-and-more.de/bilder/model_category/wacat_back.png);
	width:250px; height:43px;}

.mpcategory { position:relative; top:42px; left:0px; background-image:url(http://www.tattoo-and-more.de/bilder/mpcat_back.png);
	width:250px; height:43px;}

.macategory { position:relative; top:56px; left:0px; background-image:url(http://www.tattoo-and-more.de/bilder/macat_back.png);
	width:250px; height:43px;}

.aktcategory { position:relative; top:70px; left:0px; background-image:url(http://www.tattoo-and-more.de/bilder/model_category/aktcat_back.png);
	width:250px; height:43px;}


a#wpcat{display:block;width:250px;height:43px;
background: transparent url(http://www.tattoo-and-more.de/bilder/model_category/wpcat_hover.png) 0px 0px no-repeat; text-indent:-9000%;}

a:hover#wpcat{background: transparent url(http://www.tattoo-and-more.de/bilder/model_category/wpcat_back.png) 0px 0px no-repeat;}

a#wacat{display:block;width:250px;height:43px;
background: transparent url(http://www.tattoo-and-more.de/bilder/model_category/wacat_hover.png) 0px 0px no-repeat; text-indent:-9000%;}

a:hover#wacat{background: transparent url(http://www.tattoo-and-more.de/bilder/model_category/wacat_back.png) 0px 0px no-repeat;}

a#mpcat{display:block;width:250px;height:43px;
background: transparent url(http://www.tattoo-and-more.de/bilder/model_category/mpcat_hover.png) 0px 0px no-repeat; text-indent:-9000%;}

a:hover#mpcat{background: transparent url(http://www.tattoo-and-more.de/bilder/model_category/mpcat_back.png) 0px 0px no-repeat;}

a#macat{display:block;width:250px;height:43px;
background: transparent url(http://www.tattoo-and-more.de/bilder/model_category/macat_hover.png) 0px 0px no-repeat; text-indent:-9000%;}

a:hover#macat{background: transparent url(http://www.tattoo-and-more.de/bilder/model_category/macat_back.png) 0px 0px no-repeat;}

a#aktcat{display:block;width:250px;height:43px;
background: transparent url(http://www.tattoo-and-more.de/bilder/model_category/aktcat_hover.png) 0px 0px no-repeat; text-indent:-9000%;}

a:hover#aktcat{background: transparent url(http://http://www.tattoo-and-more.de/bilder/model_category/aktcat_back.png) 0px 0px no-repeat;}

a:active#aktcat{background: transparent url(http://http://www.tattoo-and-more.de/bilder/model_category/aktcat_back.png) 0px 0px no-repeat;}


/*------------------------------------------------------
TattooModel Kategorien Ende
------------------------------------------------------*/


/*------------------------------------------------------
Große News
------------------------------------------------------*/

.headbox2 {

background-color:#ffffff;
color:#ffffff;
height:154px;
width:660px;
left:20px;
text-align:justify;
background-image: url("http://tattoo-and-more.de/bilder/headerconberlin.png");
background-repeat:no-repeat;

}

.headbox_modelsite {

background-color:#ffffff;
color:#ffffff;
height:154px;
width:660px;
left:20px;
text-align:justify;
background-image: url("http://www.tattoo-and-more.de/bilder/model_news.png");
background-repeat:no-repeat;

}

.textbox2 {

position:relative;
color:#000000;
height:115px;
width:344px;
top:10px;
left:305px;
font-size:14px;
line-height:18px;
font-family: arial, verdana, sans-serif;

}

.headline_news {

position:relative;
color:#860c42;
height:20px;
width:440px;
top:0px;
left:305px;
font-size:16px;
font-weight:bold;
text-transform:none;
font-family: arial, verdana, sans-serif;}

/*------------------------------------------------------
Große News ENDE
------------------------------------------------------*/


/*------------------------------------------------------
Newskasten
------------------------------------------------------*/

.newskasten{
background-color:#ffffff;
color:#ffffff;
height:94px;
width:667px;
margin-left:-4px;
margin-top:20px;
background-image: url("http://tattoo-and-more.de/bilder/newskasten.png");
background-repeat:no-repeat;
white-space:nowrap;
}

.newskasten a:link { font-weight:bold;color: #860c42; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none; }
.newskasten a:visited { font-weight:bold;color: #860c42; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none;}
.newskasten a:hover { font-size:14px; font-family: arial, verdana, sans-serif; font-weight:bold; color:#860c42; text-decoration:underline; }

.newsheadline {
position:relative;
height:20px;
width:150px;
left:20px;
top:5px;
font-weight:bold;
font-size:14px;
color:#ffffff;
font-family: arial, verdana, sans-serif;
}

.newsinhalt1 {
position:relative;
height:20px;
width:663px;
top:15px;
font-size:14px;
color:#000000;
left:20px;
font-family: arial, verdana, sans-serif;
}

.newsinhalt2 {
position:relative;
height:20px;
width:663px;
left:20px;
top:19px;
font-size:14px;
color:#000000;
font-family: arial, verdana, sans-serif;
}

/*------------------------------------------------------
Newskasten ENDE
------------------------------------------------------*/

/*------------------------------------------------------
Aktion Box
------------------------------------------------------*/

.aktionbox {
background-color:#fff;
margin-top:5px;
height:380px;
width:663px;
margin-bottom:40px;

}

.aktionbox a:link { font-weight:bold;color: #830a3f; font-size:16px; font-family: arial, verdana, sans-serif; text-decoration:none; margin-bottom:20px; }
.aktionbox a:visited { font-weight:bold;color: #830a3f; font-size:16px; font-family: arial, verdana, sans-serif; text-decoration:none;}
.aktionbox a:hover { font-size:16px; font-family: arial, verdana, sans-serif; font-weight:bold; color:#860c42; text-decoration:underline; }
 


.aktion1 {
color:#000;
margin-top:5px;
font-size:14px;
height:200px;
width:319px;
left:0px;
font-family: arial, verdana, sans-serif;

}

.aktion2 {
position:relative;
background-color:#fff;
color:#000;
margin-top:-200px;
font-size:14px;
height:200px;
width:319px;
left:345px;
font-family: arial, verdana, sans-serif;

}


/*------------------------------------------------------
Aktion Box Ende
------------------------------------------------------*/

/*------------------------------------------------------
Style Fotograf
------------------------------------------------------*/

.fotografenbox 
{
height:219px; 
width:251px; 
background-image: url("http://www.tattoo-and-more.de/bilder/fotograf_box.png")

}


.allefotografen a:link {font-weight:bold; color: #690227; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none;
 }
.allefotografen a:visited { font-weight:bold;color: #690227; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none;}
.allefotografen a:hover { font-size:14px; font-family: arial, verdana, sans-serif; font-weight:bold; color:#690227; text-decoration:underline; }

.fotografenboxinhalt {
position:relative;
top:16px;
left:8px;
height:84px;
width:230px;
font-size:14px;
color:#000000;
padding-top:16px;
line-height:18px;

}

.allefotografen {
position:relative;
top:35px;
left:8px;
height:30px;
width:230px;
font-size:14px;
color:#000000;
padding-top:5px;
padding-left:25px;
background-image: url("http://www.tattoo-and-more.de/bilder/fotobtn.png");
background-repeat:no-repeat;
}

.fotografwerden a:link {font-weight:bold; color: #690227; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none;
 }
.fotografwerden a:visited { font-weight:bold;color: #690227; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none;}
.fotografwerden a:hover { font-size:14px; font-family: arial, verdana, sans-serif; font-weight:bold; color:#690227; text-decoration:underline; }

.fotografwerden {
position:relative;
top:35px;
left:8px;
height:30px;
width:230px;
font-size:14px;
color:#000000;
padding-top:5px;
padding-left:35px;
background-image: url("http://www.tattoo-and-more.de/bilder/fotobtn.png");
background-repeat:no-repeat;
}

/*------------------------------------------------------
Style Fotograf Ende 
------------------------------------------------------*/

/*------------------------------------------------------
Tattoo Gallery
------------------------------------------------------*/

.tattoobilder {
height:102px;
width:251px;
background-image: url("http://www.tattoo-and-more.de/bilder/tattoo_gallery.png")

}

.tattoogallery {
position:relative;
top:56px;
left:30px;


}

.tattoobilder a:link {
font-weight:bold;
color: #690227; 
font-size:24px; 
font-family: arial, verdana, sans-serif; 
text-decoration:none;
position:relative;
 }
.tattoobilder a:visited { font-weight:bold;color: #690227; font-size:24px; font-family: arial, verdana, sans-serif; text-decoration:none;}
.tattoobilder a:hover { font-size:24px; font-family: arial, verdana, sans-serif; font-weight:bold; color:#690227; text-decoration:underline; }

.tattoogallery {
position:relative;
top:56px;
left:30px;
height:32px;
width:236px;
font-size:18px;
font-weight:bold;
color:#ffffff;
padding-left:15px;
padding-top:10px;

}

/*------------------------------------------------------
Tattoo Gallery Ende
------------------------------------------------------*/

/*------------------------------------------------------
Jobsuche
------------------------------------------------------*/

.jobangebote {
position:relative;
top:35px;
height:32px;
width:236px;
font-size:18px;
font-weight:bold;
color:#ffffff;
padding-left:15px;

}

.jobgesuche {
position:relative;
top:45px;
height:32px;
width:236px;
font-size:18px;
font-weight:bold;
color:#ffffff;
padding-left:15px;

}

.aufgeben {
position:relative;
top:55px;
height:32px;
width:236px;
font-size:18px;
font-weight:bold;
color:#ffffff;
padding-left:15px;
}





.keineahnung {
	width:251px; 
	height:163px; 
	background-color:#000000;
	background-image:url(http://tattoo-and-more.de/bilder/job.jpg)}
	
.keineahnung a:link {font-weight:bold; color: #ffffff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none;
 }
.keineahnung a:visited { font-weight:bold;color: #ffffff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none;}
.keineahnung a:hover { font-size:14px; font-family: arial, verdana, sans-serif; font-weight:bold; color:#ffffff; text-decoration:underline; }

/*------------------------------------------------------
Jobsuche Ende
------------------------------------------------------*/

/*------------------------------------------------------
FOOTER ZEILE
------------------------------------------------------*/





.footerbox {
background-color:#ffffff;
background-image: url("http://www.tattoo-and-more.de/bilder/footer_back.png") ;
background-repeat:no-repeat;
margin-top:0px;
height:222px;
width:1000px;
left:0px;
font-family: arial, verdana, sans-serif;

}

.footerinhalt {
position:relative;
top:25px;
font-size:12px;
margin-bottom:20px;
height:150px;
width:1000px;
text-transform:uppercase;
left:0px;
font-family: arial, verdana, sans-serif;
list-style-type:none;

}

.footerinhalt a:link { font-weight:none;color: #000000; font-size:12px; font-family: arial, verdana, sans-serif; text-decoration:none; }
.footerinhalt a:visited { font-weight:none;color: #000000; font-size:12px; font-family: arial, verdana, sans-serif; text-decoration:none;}
.footerinhalt a:hover { font-size:12px; font-family: arial, verdana, sans-serif; font-weight:none; color:#860c42; text-decoration:underline; }

/*------------------------------------------------------
FOOTER ZEILE ENDE
------------------------------------------------------*/


@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------
Tattoo Models Akt
------------------------------------------------------*/

.modelakt_container

{
height:320px;
width:663px;
background-image:url(http://www.tattoo-and-more.de/bilder/modelakt_container.png);
}

.modelakt_container a:link { font-weight:bold;color: #fff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none; }
.modelakt_container a:visited { font-weight:bold;color: #fff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none;}
.modelakt_container a:hover { font-size:14px; font-family: arial, verdana, sans-serif; font-weight:bold; color:#eaddb6; text-decoration:underline; }

.subhead_modelakt
{position:relative;
top:22px;
left:247px;
font-size:18px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#FFFFFF;}

.headline_modelakt
{position:relative;
top:40px;
left:247px;
font-size:19px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#FFFFFF;}

.content_modelakt
{position:relative;
top:80px;
left:252px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
width:378px;
height:200px;
color:#FFFFFF;}

.button1_modelakt
{position:relative;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
padding-top:6px;
padding-left:35px;
width:155px;
height:24px;
color:#FFFFFF;
left:0px;
top:5px;
background-color:#790735;
font-weight:bolder;}

.button2_modelakt
{position:relative;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
padding-top:6px;
padding-left:20px;
width:165px;
height:24px;
color:#FFFFFF;
left:194px;
top:-25px;
background-color:#790735;
font-weight:bolder;}

/*------------------------------------------------------
Tattoo Models Akt
------------------------------------------------------*/



/*------------------------------------------------------
Tattoo Models Weiblich Amateur
------------------------------------------------------*/

.modelwa_container

{
height:320px;
width:663px;
background-image:url(http://www.tattoo-and-more.de/bilder/modelwa_container.png);
}

.modelwa_container a:link { font-weight:bold;color: #fff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none; }
.modelwa_container a:visited { font-weight:bold;color: #fff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none;}
.modelwa_container a:hover { font-size:14px; font-family: arial, verdana, sans-serif; font-weight:bold; color:#eaddb6; text-decoration:underline; }

.subhead_modelwa
{position:relative;
top:22px;
left:247px;
font-size:18px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#FFFFFF;}

.headline_modelwa
{position:relative;
top:40px;
left:247px;
font-size:19px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#FFFFFF;}

.content_modelwa
{position:relative;
top:80px;
left:252px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
width:378px;
height:200px;
color:#FFFFFF;}

.button1_modelwa
{position:relative;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
padding-top:6px;
padding-left:35px;
width:155px;
height:24px;
color:#FFFFFF;
left:0px;
top:5px;
background-color:#790735;
font-weight:bolder;}

.button2_modelwa
{position:relative;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
padding-top:6px;
padding-left:20px;
width:165px;
height:24px;
color:#FFFFFF;
left:194px;
top:-25px;
background-color:#790735;
font-weight:bolder;}

/*------------------------------------------------------
Tattoo Models Weiblich Amateur
------------------------------------------------------*/

/*------------------------------------------------------
Tattoo Models Weiblich Fotograf
------------------------------------------------------*/

.modelwp_container

{
height:320px;
width:663px;
background-image:url(http://www.tattoo-and-more.de/bilder/modelwp_container.png);
}

.modelwp_container a:link { font-weight:bold;color: #fff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none; }
.modelwp_container a:visited { font-weight:bold;color: #fff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none;}
.modelwp_container a:hover { font-size:14px; font-family: arial, verdana, sans-serif; font-weight:bold; color:#eaddb6; text-decoration:underline; }

.subhead_modelwp
{position:relative;
top:22px;
left:247px;
font-size:18px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#FFFFFF;}

.headline_modelwp
{position:relative;
top:40px;
left:247px;
font-size:19px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#FFFFFF;}

.content_modelwp
{position:relative;
top:80px;
left:252px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
width:378px;
height:200px;
color:#FFFFFF;}

.button1_modelwp
{position:relative;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
padding-top:6px;
padding-left:35px;
width:155px;
height:24px;
color:#FFFFFF;
left:0px;
top:5px;
background-color:#790735;
font-weight:bolder;}

.button2_modelwp
{position:relative;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
padding-top:6px;
padding-left:20px;
width:165px;
height:24px;
color:#FFFFFF;
left:194px;
top:-25px;
background-color:#790735;
font-weight:bolder;}

/*------------------------------------------------------
Tattoo Models Weiblich Fotograf
------------------------------------------------------*/




/*------------------------------------------------------
Tattoo Models Männlich Amateur
------------------------------------------------------*/

.modelma_container

{
height:320px;
width:663px;
background-image:url(http://www.tattoo-and-more.de/bilder/modelma_container.PNG);
}

.modelma_container a:link { font-weight:bold;color: #fff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none; }
.modelma_container a:visited { font-weight:bold;color: #fff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none;}
.modelma_container a:hover { font-size:14px; font-family: arial, verdana, sans-serif; font-weight:bold; color:#eaddb6; text-decoration:underline; }

.subhead_modelma
{position:relative;
top:22px;
left:247px;
font-size:18px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#FFFFFF;}

.headline_modelma
{position:relative;
top:40px;
left:247px;
font-size:19px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#FFFFFF;}

.content_modelma
{position:relative;
top:80px;
left:252px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
width:378px;
height:200px;
color:#FFFFFF;}

.button1_modelma
{position:relative;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
padding-top:6px;
padding-left:35px;
width:155px;
height:24px;
color:#FFFFFF;
left:0px;
top:5px;
background-color:#790735;
font-weight:bolder;}

.button2_modelma
{position:relative;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
padding-top:6px;
padding-left:20px;
width:165px;
height:24px;
color:#FFFFFF;
left:194px;
top:-25px;
background-color:#790735;
font-weight:bolder;}

/*------------------------------------------------------
Tattoo Models Männlich Amateur
------------------------------------------------------*/


/*------------------------------------------------------
Tattoo Models Männlich Fotograf
------------------------------------------------------*/

.modelmp_container

{
height:320px;
width:663px;
background-image:url(http://www.tattoo-and-more.de/bilder/modelmp_container.png);
}

.modelmp_container a:link { font-weight:bold;color: #fff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none; }
.modelmp_container a:visited { font-weight:bold;color: #fff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none;}
.modelmp_container a:hover { font-size:14px; font-family: arial, verdana, sans-serif; font-weight:bold; color:#eaddb6; text-decoration:underline; }

.subhead_modelmp
{position:relative;
top:22px;
left:245px;
font-size:18px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#FFFFFF;}

.headline_modelmp
{position:relative;
top:40px;
left:245px;
font-size:19px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#FFFFFF;}

.content_modelmp
{position:relative;
top:80px;
left:252px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
width:378px;
height:200px;
color:#FFFFFF;}

.button1_modelmp
{position:relative;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
padding-top:6px;
padding-left:35px;
width:155px;
height:24px;
color:#FFFFFF;
left:0px;
top:5px;
background-color:#790735;
font-weight:bolder;}

.button2_modelmp
{position:relative;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
padding-top:6px;
padding-left:20px;
width:165px;
height:24px;
color:#FFFFFF;
left:194px;
top:-25px;
background-color:#790735;
font-weight:bolder;}

/*------------------------------------------------------
Tattoo Models Männlich Fotograf
------------------------------------------------------*/


.TabbedPanels {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 660px;
	position:relative;
	top: -8px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	background-image:url(http://tattoo-and-more.de/fileadmin/images/back.png);
	width: 653px;
	height: 25px;
color:#FFFFFF;
position:relative;
top:26px;
left:2px;
}


.TabbedPanelsTab {
	position: relative;
	float: left;
	padding: 4px 10px;
	font: bold sans-serif;
		list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	
}


.TabbedPanelsTabHover {
	background-color: #c31360;
}


.TabbedPanelsTabSelected {
	background-color: #830a3f;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	color: #FFF;
	background-color: #FFF;
}


.TabbedPanelsContent {
	overflow: hidden;
	padding: 0px;
	height:330px;
}


.TabbedPanelsContentVisible {
}

.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}


.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}


.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}


.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/* Styles for Printing */
@media print {
.TabbedPanels {
	overflow: visible !important;
}
.TabbedPanelsContentGroup {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}
.TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear:both !important;
}
.TabbedPanelsTab {
	 overflow: visible !important;
	 display: block !important;
	 clear:both !important;
}
}


/*------------------------------------------------------
Tattoo Models HEAD
------------------------------------------------------*/


.model_container

{
height:320px;
width:663px;
background-image:url(http://tattoo-and-more.de/bilder/container_model.png);
}

.model_container a:link { font-weight:bold;color: #fff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none; }
.model_container a:visited { font-weight:bold;color: #fff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none;}
.model_container a:hover { font-size:14px; font-family: arial, verdana, sans-serif; font-weight:bold; color:#eaddb6; text-decoration:underline; }

.subhead_model
{position:relative;
top:22px;
left:240px;
font-size:17px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#FFFFFF;}

.headline_model
{position:relative;
top:40px;
left:245px;
font-size:16px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
color:#FFFFFF;}

.content_model
{position:relative;
top:70px;
left:245px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
width:378px;
height:200px;
color:#FFFFFF;}

.button1_model
{position:relative;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
padding-top:6px;
padding-left:35px;
width:155px;
height:24px;
color:#FFFFFF;
left:245px;
top:5px;
background-color:#790735;
font-weight:bolder;}

.button2_model
{position:relative;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
padding-top:6px;
padding-left:20px;
width:165px;
height:24px;
color:#FFFFFF;
left:442px;
top:-25px;
background-color:#790735;
font-weight:bolder;}


/*------------------------------------------------------
Tattoo Models Ende
------------------------------------------------------*/

/*------------------------------------------------------
Tattoo Models Categorys
------------------------------------------------------*/

.categorys_container

{width:663px; height: 410px; background-color:#000000;background-image:url(http://tattoo-and-more.de/bilder/model_categorys_back.png);}

.categorys_container a:link { font-weight:bold;color: #fff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none; }
.categorys_container a:visited { font-weight:bold;color: #fff; font-size:14px; font-family: arial, verdana, sans-serif; text-decoration:none;}
.categorys_container a:hover { font-size:14px; font-family: arial, verdana, sans-serif; font-weight:bold; color:#eaddb6; text-decoration:none; }

.wpro {position:relative;top:88px;left:8px;width:143px;height:45px;font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;}

.wamateur {position:relative;top:43px;left:350px;width:143px;height:45px;font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;}

.mpro {position:relative;top:140px;left:8px;width:143px;height:45px;font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;}

.mamateur {position:relative;top:95px;left:350px;width:143px;height:45px;font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;}

.spezialakt {position:relative;top:190px;left:8px;width:143px;height:45px;font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;}

.anmelden_model {position:relative;top:145px;left:350px;width:200px;height:45px;font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;color:#FFFFFF;}

/*------------------------------------------------------
Tattoo Models Ende
------------------------------------------------------*/


/* Headers, plain */
/******************/
h1 { 
font-size: 130%;
}
h2 { 
font-size: 120%;  
}
h3 { 
font-size: 115%;   
}
h4 { 
font-size: 110%; 
}
h5 { 
font-size: 100%;  
}
h1, h2, h3, h4, h5 { 
margin-top: 5px;
margin-bottom: 10Px; 
color:#0E0E0E;
}
h1.csc-firstHeader, h2.csc-firstHeader, 
h3.csc-firstHeader, h4.csc-firstHeader, 
h5.csc-firstHeader {
margin-top: 0px; 
}

/* Headers, with link */
h1 a, h2 a, h3 a, h4 a, h5 a {  
text-decoration: none; 
}

h1 a:hover, h2 a:hover, 
h3 a:hover, h4 a:hover, 
h5 a:hover { 
text-decoration: underline; 
}

/* Header date */
p.csc-header-date { 
font-size: 90%; 
color: #186900; 
}

/* Subheader, general */
p.csc-subheader { 
font-style: italic; 
background-color: #EDEBF1; 
}

/* Subheader, specific */
p.csc-subheader-0 { 
font-style: normal; 
}
p.csc-subheader-1 { 
color: #186900; 
}
p.csc-subheader-2 { 
color: #10007B;
}
p.csc-subheader-3 { 
color: #8A0020;
}

/* RTE / Bodytext: */
/*******************/
p a { 
font-weight: bold; 
}
.indent {
margin-left:50px;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-justify {
text-align: justify;
}

/* RTE / Bulletlists */
ul, ol { 
padding-left:30px;
margin: 0 0 1em 0px;
}
li { 
padding-top: 2px;
}


/* RTE / Table styling */
table.contenttable { 
border: 1px #333 solid; 
margin: 10px 0px; 
width: 100%;
border-collapse:separate;
border-spacing:1px; 
}
table.contenttable tr td, table.contenttable tr th { 
padding: 1px 3px;
background-color: #F8F8F8;
}

/* Images */
/**********/

/* Images / Captions */
.csc-textpic-caption { 
font-size: 95%; 
background: #fff;
}

/* Bulletlists */
/***************/
/* Bulletlists, general */
ul.csc-bulletlist li {}

/* Bulletlists, specifically */
ul.csc-bulletlist-0 { }
ul.csc-bulletlist-1 { 
color: #186900; 
list-style-type : decimal; 
}
ul.csc-bulletlist-2 { 
color: #10007B; 
list-style-position : inside;
}
ul.csc-bulletlist-3 { 
color: #8A0020; 
}

/* Tables, generally */
/*********************/

/* Tables, specifically */
table.contenttable-0 p { }

table.contenttable-1 p { 
color: #186900; 
}
table.contenttable-1 tr.tr-0 td p { 
font-weight: bold; 
}
table.contenttable-1 tr.tr-0 td { 
background-color: #E6E6EE;
}

table.contenttable-2 p { 
color: #10007B; 
}
table.contenttable-2 tr td.td-0 { 
background-color: #F5FFAA;
}
table.contenttable-2 tr td.td-0 p { 
font-weight: bold; 
}

table.contenttable-3 p { 
color: #8A0020; 
}
table.contenttable-3 tr td.td-0, 
table.contenttable-3 tr.tr-0 td { 
background-color: #D1D2E4;
}
table.contenttable-3 tr td.td-0 p, 
table.contenttable-3 tr.tr-0 td p { 
font-weight: bold; 
}

/* Filelinks, generally */
/************************/
table.csc-uploads { 
border: 0px; 
}
table.csc-uploads tr td p { }
table.csc-uploads tr.tr-even td { 
background-color: #EDEBF1; 
}
table.csc-uploads tr.tr-odd td { 
background-color: #D8D7DC; 
}
table.csc-uploads tr td.csc-uploads-icon { 
padding: 0 6px;  
width: 1%; 
text-align: center; 
vertical-align: middle; 
}
table.csc-uploads tr td.csc-uploads-fileName { 
width: 80%; 
padding-left: 5px; 
}
table.csc-uploads tr td.csc-uploads-fileName p a { 
font-weight: bold; 
}
table.csc-uploads tr td.csc-uploads-fileName p.csc-uploads-description { 
font-style: italic; 
}
table.csc-uploads tr td.csc-uploads-fileSize { 
white-space: nowrap; 
padding: 0 6px; 
}

/* Filelinks, specifically */
table.csc-uploads-1 { 
border-color: #186900; 
}
table.csc-uploads-2 { 
border-color: #10007B;
}
table.csc-uploads-3 { 
border-color: #8A0020; 
}
table.csc-uploads-3 tr td { 
vertical-align: middle; 
}
table.csc-uploads-3 tr.tr-even td.csc-uploads-icon img { 
border: 2px solid #333333; 
}
table.csc-uploads-3 tr.tr-odd td.csc-uploads-icon img { 
border: 2px solid #333333; 
}


/*****************/
/* Various Forms, Version 3.9.0 */
/*****************/



/* Login form, specifically */
form table.csc-loginform { width: 70%; }

/* Various Forms */
/*****************/
input,textarea,select,fieldset {
background-color:#fff;
}

/* Email, Login and Search forms generally: */
fieldset {
border:0px;
}
.csc-mailform-field {
margin: 5px 0;
clear:both;
}
.csc-mailform-field label, .csc-mailform-radiolabel { 
float:left;
text-align:right;
margin-right: 5%;
width:30%;
}
.csc-mailform-field input,
.csc-mailform-field textarea,
.csc-mailform-field select,
.csc-mailform-radio {
width:50%;
background-color:#fff;
}
.csc-mailform-radio {float: left;}
input.csc-mailform-submit,
input.csc-mailform-check,
.csc-mailform-radio input {
width:auto;

}
input.csc-mailform-submit {
margin-left: 35% !important;/* see label width + margin*/
background: #006;
color: #fff;
}
.csc-mailform-radio legend {
display:none;
}
.csc-mailform-field .csc-mailform-radio input {
float:none;
}
.csc-mailform-field .csc-mailform-radio label {
text-align:left;
float:none;
width:auto;
margin: 0;
}
.csc-loginform {
padding: 5px;
background-color: #EDEBF1;
}
.csc-loginform-field {
margin: 5px 0;
}
.csc-loginform-field label { 
float:left;
text-align:right;
margin-right: 5%;
width:30%;
}
.csc-loginform-field input {
width:50%;
background-color:#fff;
}
input.csc-loginform-submit {
width:auto;
margin-left: 35% !important;/* see label width + margin*/
}

/* Search result */
/*****************/

/* Search Result, result information box: */
table.csc-searchResultInfo {  
margin-top: 10px; 
width: 100%;
}
table.csc-searchResultInfo tr { 
background-color: #EDEBF1; 
}
table.csc-searchResultInfo tr td p { 
padding: 0px 5px 0px 5px;
}
table.csc-searchResultInfo tr td.csc-searchResultRange p { 
font-weight: bold; 
}
table.csc-searchResultInfo tr td.csc-searchResultPrevNext { 
text-align: right; 
}

/* Search Result, header + abstract: */
h3.csc-searchResultHeader a { 
color: #186900; 
}
h3.csc-searchResultHeader { 
background-color: #EDEBF1; 
font-size: 14px; 
padding-left: 5px; 
}
p.csc-searchResult { 
font-style: italic; 
margin-left: 20px;
}

/* Search word markup */
span.csc-sword { 
font-weight: bold; 
color: red; 
}


#search input {
background: transparent;
float:left;

}
#search input.menu-searchfields {
background: #fff;
width: 120px;
margin-right: 5px;
font-size: 10px;
}

/* Menu / Sitemap, generally */
/*****************************/
.csc-menu { 
margin-left: 10px; 
}
.csc-menu p { 
font-weight: bold;
margin: 1px 0px 0px 0px; 
padding: 2px 2px 2px 10px; 
background-color: #F6F6F6; 
}

.csc-menu p.csc-section { 
font-weight: normal; 
margin-left: 20px; 
}

/* Menu / Sitemap, "Menu of these pages" */
.csc-menu-def p {  }

/* Menu / Sitemap, "Menu of subpages to these pages" */
.csc-menu-1 { }

/* Menu / Sitemap, "Sitemap" */
div.csc-menu-2 { }
div.csc-menu-2 p.csc-sitemap { }
div.csc-menu-2 p.csc-sitemap-level1 { 
margin-left: 20px; 
}
div.csc-menu-2 p.csc-sitemap-level2 { 
margin-left: 40px; 
}
div.csc-menu-2 p.csc-sitemap-level3 { 
margin-left: 60px; 
}
div.csc-menu-2 p.csc-sitemap-level4 { 
margin-left: 80px; 
}
div.csc-menu-2 p.csc-sitemap-level1 a { 
color: #000; 
}
div.csc-menu-2 p.csc-sitemap-level2 a { 
color: #186900; 
}
div.csc-menu-2 p.csc-sitemap-level3 a { 
color: #10007B; 
}
div.csc-menu-2 p.csc-sitemap-level4 a { 
color: #8A0020; 
}

/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
.csc-menu-3 { }

/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */
.csc-menu-4 dd { 
font-weight: normal;  
margin-top: 0px; 
padding: 0px 2px 2px 20px; 
}

/* Menu / Sitemap, "Recently updated pages" */
div.csc-menu-5 { }

/* Menu / Sitemap, "Related pages (based on keywords)" */
div.csc-menu-6 { }

/* Menu / Sitemap, "Menu of subpages to these pages + sections" */
div.csc-menu-7 { }
div.csc-menu-7 p { 
font-weight: bold; 
}
div.csc-menu-7 p.csc-section a { 
color: #186900; 
}





.news-latest-date,.news-latest-morelink,.news-latest-category {
    font-size: 200%;

}



/* Frames, spacing, link-to-top */
/********************************/
p.csc-linkToTop { 
text-align: right; 
}
p.csc-linkToTop a { 
font-weight: bold; 
}
div.csc-frame { 
border:1px double rgb(140, 25, 94);
border-webkit-border-radius:10px 10px;
border-moz-border-radius:10px 10px;
border-radius:10px 10px; 
}
div.csc-frame-invisible {}
div.csc-frame-rulerBefore { 
border-top: 1px solid #B9A03A; 
margin: 20px 0 10px 0;
}
div.csc-frame-rulerAfter { 
border-bottom: 1px solid #B9A03A; 
margin: 10px 0 20px 0;
}
div.csc-frame-indent { 
padding-left: 100px; 
}
div.csc-frame-indent3366 { 
	padding-left: 33%; 
}
div.csc-frame-indent6633 { 
padding-right: 33%; 
}
.csc-frame-frame1 { 
background-image:-webkit-gradient(linear,0% 0%,100% 0%,color-stop(0.02,rgba(232,231,225,1)),color-stop(0.99,rgb(255,254,235)));background-image:-moz-linear-gradient(left,rgba(232,231,225,1) 2%,rgb(255,254,235) 99%);background-image:-o-linear-gradient(left,rgba(232,231,225,1) 2%,rgb(255,254,235) 99%);background-image:-ms-linear-gradient(left,rgba(232,231,225,1) 2%,rgb(255,254,235) 99%);
padding: 2px 4px 2px 4px; 
border: 1px solid #000; 
margin-bottom: 20px;

}
.csc-frame-frame2 { 
background: #F7F8D6;
padding: 2px 4px 2px 4px; 
border: 1px solid #333; 
margin-bottom: 20px;
}


div.csc-frame-frame1 h1, 
div.csc-frame-frame1 h2, 
div.csc-frame-frame1 h3, 
div.csc-frame-frame1 h4, 
div.csc-frame-frame1 h5 { 
margin-top: 2px; 
}
div.csc-frame-frame2 h1, 
div.csc-frame-frame2 h2, 
div.csc-frame-frame2 h3, 
div.csc-frame-frame2 h4, 
div.csc-frame-frame2 h5 {
margin-top: 2px; 

}

/* Frontend editing / TYPO3 Admin Panel */
/****************************************/
img.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; }

/* Default styles for the Admin Panel */
table.typo3-adminPanel { 
border: 1px solid black; 
background-color: #F6F2E6; 
}
table.typo3-adminPanel tr.typo3-adminPanel-hRow td { 
background-color: #9BA1A8; 
}
table.typo3-adminPanel tr.typo3-adminPanel-itemHRow td { 
background-color: #ABBBB4; 
}
table.typo3-adminPanel table, table.typo3-adminPanel td { 
border: 0px; 
}
table.typo3-adminPanel td font { 
font-family: verdana; font-size: 11px; color: black; 
}
table.typo3-adminPanel td a font { 
font-family: verdana; 
font-size: 11px; 
color: black; 
}
table.typo3-editPanel { 
border: 1px solid black; 
background-color: #F6F2E6; 
}
table.typo3-editPanel td { 
border: 0px; 
}

.tollesblau {height:100px;width:200px;color:#1a0001;background-color:#000000;}

/* Debugging */
/*************/
/*
h1, h2, h3, h4, h5, p, 
ul, ol, li, blockquote, pre{ 
border: 1px dotted #999999;
}
td table { 
border: 1px dotted #000099;
}
div { 
border: 1px dotted #990000;
}
img.spacer-gif { 
border: 1px solid black; 
}
*/