/*****************************/
/*** Core html setup stuff ***/
/*****************************/

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

li {
 margin-left: 15px;
}

html {
  height: 100%; 
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
 background-image:url(../img/bg.png);
  background-color:#000000;
}

body{
background-color:#000000;
 background-image:url(../img/bg.png);
}

form {
  margin: 0;
  padding: 0;
}

a:link, a:visited {
	text-decoration: none;
	color:#000000;
}

a:hover, a:active {
	text-decoration: none;
	color:#000000;
}

input.button { cursor: pointer; }

img { border: 0 none; }

/***************
Outertable:
is vertically centered
****************/

.positionOuterTable {
 position:absolute;
 top:30px;
 left:0px;
 margin:0px;
 margin-top:0px;
 margin-left:-0px;

 width:100%;
 height:620px;
 border:0px;
 padding:0px;
 z-index:1;
 background-color:#000000;
 background-image:url(../img/bg.png);
}

/***************
Innertable:
is horizontally centered
****************/

.positionInnerTable {
 position:absolute;
 top:0px;
 left:50%;
 margin:0px;
 margin-top:0px;
 margin-left:-400px;

 width:800px;
 height:630px;
 border:0px;
 padding:0px;
 z-index:1;
 background-color:#000000;
 background-image:url(../img/bg.png);

}

/*****************************/
/*** Grundstruktur         ***/
/*****************************/

.weiss{
position:absolute;
width:620px;
height:590px;
top:50px;
left10px;
background-color:#FFFFFF;
}

.logo{
position:absolute;
top:8px;
left:460px;
width:160px;
height:80px;
background-color:#1f1f1f;
background-image:url(../img/logo.png);
z-index:5;
}

/*****************************/
/*** Schatten         ***/
/*****************************/

.schatten_u_li{
position:absolute;
top:640px;
left:0px;
width:10px;
height:10px;
background-color:#1f1f1f;
background-image:url(../img/schatten_u_li.png);
}

.schatten_u_re{
position:absolute;
top:640px;
left:620px;
width:10px;
height:10px;
background-color:#1f1f1f;
background-image:url(../img/schatten_u_re.png);

}

.schatten_u{
position:absolute;
top:640px;
left:10px;
width:610px;
height:10px;
background-color:#1f1f1f;
background-image:url(../img/schatten_u.png);
background-repeat:repeat-x;
}

.schatten_o_re{
position:absolute;
top:10px;
left:620px;
width:10px;
height:10px;
background-color:#1f1f1f;
background-image:url(../img/schatten_o_re.png);
background-repeat:repeat-y;
}

.schatten_re{
position:absolute;
top:20px;
left:620px;
width:10px;
height:620px;
background-color:#1f1f1f;
background-image:url(../img/schatten_re.png);
background-repeat:repeat-y;
}

/*****************************/
/*** Schatten_Bild_klein   ***/
/*****************************/

.schatten_u_li_kl{
position:absolute;
top:640px;
left:645px;
width:10px;
height:10px;
background-color:#1f1f1f;
background-image:url(../img/schatten_u_li.png);
}

.schatten_u_re_kl{
position:absolute;
top:640px;
left:755px;
width:10px;
height:10px;
background-color:#1f1f1f;
background-image:url(../img/schatten_u_re.png);

}

.schatten_u_kl{
position:absolute;
top:640px;
left:655px;
width:100px;
height:10px;
background-color:#1f1f1f;
background-image:url(../img/schatten_u.png);
background-repeat:repeat-x;
}

.schatten_o_re_kl{
position:absolute;
top:555px;
left:755px;
width:10px;
height:10px;
background-color:#1f1f1f;
background-image:url(../img/schatten_o_re.png);
background-repeat:repeat-y;
}

.schatten_re_kl{
position:absolute;
top:565px;
left:755px;
width:10px;
height:75px;
background-color:#1f1f1f;
background-image:url(../img/schatten_re.png);
background-repeat:repeat-y;
}

/*****************************/
/*** Schriften         ***/
/*****************************/

.lauftext{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height:14pt;
color:#AAAAAA;
}

.lauftext_kl{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
line-height:12pt;
color:#AAAAAA;
}

.gelb_fett{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height:14pt;
color:#f2aa11;
font-weight:bold;
}

a.lauftext, a:link.lauftext, a:hover.lauftext, a:active.lauftext  {
color:#AAAAAA;
text-decoration:underline;
}

/*****************************/
/*** Content               ***/
/*****************************/

#contentContainer{
 position:absolute;
 top:10px;
 left:10px;
 margin:0px;

 width:600px;
 height:570px;
 border:0px;
 padding:0px;

 z-index:1;
 background-color:#FFFFFF;
}

#searchContainer{
 position:absolute;
 top:10px;
 left:10px;
 margin:0px;
 width:540px;
 height:510px;
 border:0px;
 padding:30px;
 z-index:1;
  background-color:#000000;
 background-image:url(../img/bg.png);
}


.searchResult{
color:#FFFFFF;
text-decoration:underline;
}

a.searchResult, a:link.searchResult, a:hover.searchResult, a:active.searchResult  {
color:#FFFFFF;
 text-decoration:underline;
}

.contentpaneopen{
 margin:0px;
 border:0px;
 padding:-1px;
}

.blog{
 margin:0px;
 border:0px;
 padding:0px;


}










/*****************************/
/*** Menu               ***/
/*****************************/



.menuContainer{
position:absolute;
top:50px;
left: 650px;
width: 140px;
height:370px;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size: 10pt;
z-index:5;
font-weight:50;
letter-spacing:1px;
}

.topContainer{
position:absolute;
top:20px;
left: -10px;
width: 610px;
height:20px;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size: 10pt;
z-index:5;
font-weight:50;
letter-spacing:1px;
}


/*****************************/
/*** Grundstruktur         ***/
/*****************************/


.footer{

font-family:Helvetica, Verdana, Arial, sans-serif;
font-size: 10pt;
color:#999999;font-weight:50;

 position:absolute;
 bottom:0px;
 right:0px;
 margin:0px;

 width:250px;
 height:30px;
 border:0px;
}

/*********************************************/
/*** Artikel-Formatierung (Foto-details)   ***/
/*********************************************/

.imageName{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
line-height:16pt;
color:#333333;
margin-top:10px;

}

.imageTextBox{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#333333;
font-weight:lighter;
width:470px;
}

.imageTextBox_gr{
position:absolute;
left: -10px;
top:600px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#CCCCCC;
font-weight:lighter;
width:490px;
}

.image_previous_page{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#333333;
font-weight:lighter;
width:470px;
}

a.image_previous_page, a:link.image_previous_page, a:hover.image_previous_page, a:active.image_previous_page  {
 color:#333333;
 text-decoration:underline;
}

.image_next_page{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#333333;
font-weight:lighter;
width:470px;
}

a.image_next_page, a:link.image_next_page, a:hover.image_next_page, a:active.image_next_page  {
 color:#333333;
 text-decoration:underline;
}

.vmMainPage_browse{
 position:absolute;
 top:0px;
 left:0px;
 padding:20px;
  padding-left:40px;
    padding-right:20px;
 width:540px;
 height:530px;
 border:0px;
 z-index:6;
 background-color:#000000;
 background-image:url(../img/bg.png);
}

.content_browse{
 margin:0px;
 margin-top:-20px;
 border:0px;
 padding:30px;
 background-color:#000000;
 background-image:url(../img/bg.png);
}




.pagination{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#AAAAAA;
}

a.pagination, a:link.pagination, a:hover.pagination, a:active.pagination  {
 color:#AAAAAA;
 text-decoration:none;
}

.pagenav{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#FFFFFF;
font-weight:bold;

}

a.pagenav, a:link.pagenav, a:hover.pagenav, a:active.pagenav {
 color:#AAAAAA;
 text-decoration:none;
 font-weight:normal;
}

.pagenav_vm{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#FFFFFF;
margin:-5px;
font-weight:bold;

}

a.pagenav_vm, a:link.pagenav_vm, a:hover.pagenav_vm, a:active.pagenav_vm {
 color:#AAAAAA;
 text-decoration:none;
 font-weight:normal;
}

/*****************************/
/*** Slideshow             ***/
/*****************************/
.randomImage {
position:absolute;
top:555px;
left: 645px;
border: 5px solid white;
}



/*****************************/
/*** Slideshow             ***/
/*****************************/

/* Controlbar example */
.controlbar {
background: url(/plugins/content/highslide/graphics/controlbar4.gif);
width: 167px;
height: 34px;
}
.controlbar a {
display: block;
float: left;
/*margin: 0px 0 0 4px;*/
height: 27px;
}
.controlbar a:hover {
background-image: url(/plugins/content/highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
width: 50px;
}
.controlbar .next {
width: 40px;
background-position: -50px 0;
}
.controlbar .highslide-move {
width: 40px;
background-position: -90px 0;
}
.controlbar .close {
width: 36px;
background-position: -130px 0;
}


.categoryPictureContainer{

margin-bottom:8px;


}

.categoryPictureName{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color:#AAAAAA;
font-weight:lighter;
margin-bottom:10px;
padding:0px;

}

a.categoryPictureName, a:link.categoryPictureName, a:hover.categoryPictureName, a:active.categoryPictureName  {
 color:#AAAAAA;

}

.categoryPicture{
border:1px solid #AAAAAA;
}