/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
  background-color: #000000;
  font-size: .75em;
  font-family: Verdana, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
}

a img {
border : 0 none;
}

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

a:visited
{
  color: #FFFFFF;
    text-decoration:none;
}
a:hover
{
  color: #FFFFFF;
  text-decoration: none;
}
a:active
{
  color: #FFFFFF;
  text-decoration: none;
}

p, ul
{
  margin-bottom: 20px;
  line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
  font-size: 1.5em;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
}

h1
{
  font-size: 2em;
  padding-bottom: 0;
  margin-bottom: 0;
}
h2
{
  padding: 0 0 10px 0;
}
h3
{
  font-size: 1.2em;
}
h4
{
  font-size: 1.1em;
}
h5, h6
{
  font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
  margin-top: 0;
}

#containerArt
{
  height: 420px;
  width: 780px;
}
#screenArt
{
  position: absolute;
  margin-top: -300px;
  width: 802px;
  font-family: "Palatino Linotype";
  height: 603px;
  margin-left: -400px;
  font-size: 14px;
  top: 50%;
  left: 50%;
}

#screen
{
  position: absolute;
  margin-top: -300px;
  width: 802px;
  font-family: "Palatino Linotype";
  background: #363636 no-repeat;
  height: 603px;
  margin-left: -400px;
  font-size: 14px;
  top: 50%;
  left: 50%;
}
.NavBTN
{
  width: 161px;
  height: 36px;
}

#telImpressum
{
  margin-left:-5px;  
}

#returnHomePhotography
{
  width: 161px;
  margin-top: 70px;
}

      .NavStar
      {
        margin-bottom  : 25px;
        width: 161px;
        height: 36px;
      }
      .NavStarArt
      {
        margin-bottom : 14px;
        width: 27px;
        height: 29px;
        margin-right:192px;
      }
      
      #ArtLinkNews
      {
        margin-bottom:14px;
        margin-right:20px;
      }
      #ArtLinkGalerie
      {
        margin-bottom:14px;
        margin-right:60px;
      }   
      #ArtLinkAuftrag
      {
        margin-bottom:15px;
        margin-right:100px;
      } 
      #ArtLinkImpressum
      {
        margin-bottom:14px;
        margin-right:98px;
      }  
      #ArtLinkKontakt
      {
        margin-bottom:14px;
        margin-right:58px;
      } 
      #ArtLinkGaestebuch
      {
        margin-bottom:14px;
        margin-right:23px;
      }  
      #ArtLinkHome
      {
        margin-bottom:14px;
        margin-right:8px;
      }    
          
#Logo
{
  width: 304px;
  height: 108px;
  margin-top: 2px;
}

#wrapperArt
{
  border: 3px solid #FFFFFF;
  font: normal normal normal 12px 'Times New Roman' , Times, serif;
  text-align: center;
  margin: 0px auto;
  padding: 0px;
  width: 800px;
  height: 600px;
  color: #C0C0C0;
  background-image: url('../../Content/img/Art/BG.jpg');
  background-repeat: no-repeat;
}

#wrapper
{
  background: #363636;
  border: 3px solid #FFFFFF;
  font: normal normal normal 12px 'Times New Roman' , Times, serif;
  text-align: center;
  margin: 0px auto;
  padding: 0px;
  width: 802px;
  height: 600px;
  color: #C0C0C0;
}
#headerStart
{
  background: #363636;
  position: relative;
  color: #000;
  padding: 0;
  top: 0px;
  left: 0px;
  height: 268px;
  text-align: center;
}

      #LogoStart
      {
        width: 385px;
        height: 122px;
      }

#left
{
  border-right: 3px #FFFFFF solid;
  float: left;
  width: 165px;
  height: 478px;
}

#leftArt
{
  float: left;
  padding-top:25px;
  width: 230px;
  height: 405px;
  text-align:right;
}


#right
{
  border-left: 3px #FFFFFF solid;
  float: right;
  width: 163px;
  height: 478px;
}

#containerStart
{
  height: 305px;
  background: #363636;
  text-align: center;
}

#container
{
  height: 478px;
  background: #363636;
  width: 802px;
}


#GuestbookContent
{

  float: left;
  width: auto;
  height: 478px;
  width:468px;
}



#GuestbookContentArt
{
  color:#000000;
  margin-left:10px;
  float: left;
  width: auto;
  margin-top: 20px;
  height: 465px;
  width: 310px;
}

#GuestbookContentCreateEntries
{
  text-align:left;
  padding-left:75px;
  padding-top: 10px;
  width: auto;
  height: 430px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #FFFFFF;
}

#GuestbookContentCreateEntriesArt
{
  text-align:left;
  padding-left:5px;
  padding-top: 10px;
  width: auto;
  height: 395px;
}

#GuestbookContentEntries
{
  padding-left: 10px;
  padding-top: 10px;
  scrollbar-face-color: #E3E3E3;
  scrollbar-highlight-color: #363636;
  scrollbar-3dlight-color: #363636;
  scrollbar-darkshadow-color: #363636;
  scrollbar-shadow-color: #363636;
  scrollbar-arrow-color: #363636;
  scrollbar-track-color: #363636;
  overflow-x: auto;
  width: auto;
  overflow: scroll;
  height: 430px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #FFFFFF;
}

#GuestbookContentEntriesArt
{
  scrollbar-face-color: #E3E3E3;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-arrow-color: #ffffff;
  scrollbar-track-color: #ffffff;
  overflow-x: auto;
  width: auto;
  overflow: scroll;
  height: 405px;
}
#GuestbookContentEintragVerfassen
{
  margin-top:10px;
  text-align:left;
  padding-left:65px;
  margin-left: 10px;
  
}
#GuestbookContentEintragVerfassenArt a
{
  color: #000000;
}
.TextAreaGuestBookEntry
{
  width:300px;
  height:100px;
  }

.TextAreaGuestBookEntryArt
{
  width:300px;
  height:100px;
  }

#NewsContent
{
  scrollbar-face-color: #E3E3E3;
scrollbar-highlight-color: #363636;
scrollbar-3dlight-color: #363636;
scrollbar-darkshadow-color: #363636;
scrollbar-shadow-color: #363636;
scrollbar-arrow-color: #363636;
scrollbar-track-color: #363636;
overflow-x: auto;
  float: left;
  width: auto;
  padding-left: 10px;
  padding-top: 10px;
  height: 468px;
  width:458px;
  overflow:scroll;
}

#NewsContentArt
{
  padding-left: 10px;
  overflow: scroll;
  scrollbar-face-color: #E3E3E3;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-arrow-color: #ffffff;
  scrollbar-track-color: #ffffff;
  overflow-x: auto;
  float: left;
  margin-top: 20px;
  padding-top: 25px;
  height: 380px;
  width: 310px;
}

#content
{
  float: left;
  width: auto;
  padding-left: 10px;
  padding-top: 10px;
  height: 470px;
}

#contentKontaktRecht
{
  text-align: right;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 9px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #C0C0C0;
  margin-top: 92px;
}

#GalleryArtdescription
{
  margin-top:10px;
  color:#000000;
}

#GalleryArtTitel
{
  font-style: italic;
  font-weight: bold;
  font-size:14px;
  margin-bottom:10px;
}

#GalleryArtText
{
  
  margin-bottom:10px;
}

#GalleryArtPrice
{
  
}

#contentKontaktRechtArt
{
  text-align: center;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 9px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #333333;
  margin-top: 80px;
}

.NewsTextArt
{
  margin-top:5px;
  text-align: left;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #000000;
}

.NewsText
{
  margin-top:5px;
  text-align: left;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #ffffff;
}

.GuestbookText
{
  margin-top:5px;
  text-align: left;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #ffffff;
}
.GuestbookTextArt
{
  margin-top:5px;
  text-align: left;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #000000;
}

.GuestbookNameDatum
{
  text-align: left;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #ffffff;
}

.GuestbookNameDatumArt
{
  text-align: left;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #000000;
}

.GuestbookTitel
{
  text-align: left;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #ffffff;
}

.GuestbookTitelArt
{
  text-align: left;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #000000;
}

.GuestbookEntry
{
  border: 1px solid #FFFFFF;
  background-color: #565656;
  padding: 5px;
  margin: 5px 12px 10px 65px;
  width:300px;
}

.GuestbookEntryArt
{
  margin: 5px 12px 10px 0px;
  width: 260px;
  border-bottom-color: #000000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
#CreateGBEntry
{  
  padding: 5px;
  margin: 5px 12px 10px 65px;
  width:300px;
  text-align:left;
}
.NewsText
{
  text-align: left;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #ffffff;
}

.NewsTitelArt
{
  text-align: left;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #000000;
}

.NewsTitel
{
  text-align: left;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #ffffff;
}

.NewsEntryArt
{
  padding: 5px;
  margin: 5px 12px 10px 0px;
  width:280px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #363636;
}

.NewsEntry
{
  border: 1px solid #FFFFFF;
  background-color: #565656;
  padding: 5px;
  margin: 5px 12px 10px 65px;
  width:300px;
}

#contentShooting
{
  text-align: left;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #ffffff;
  margin-left: 50px;
  margin-top: 20px;
  width: 350px;
}


.ShootingKleingedruckt
{
  text-align: left;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 9px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #C0C0C0;
  margin-top:65px;
  height:10px;
  
  }

.ShootingAbsatz
{
  margin-bottom:15px;
  }

#contentImpressum
{
  text-align: left;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #ffffff;
  margin-left: 25px;
  margin-top: 20px;
}
#DisclaimerArt
{
  color:#000000;
}

#PricelistlinkEUR
{
  color:#000000;
}

#PricelistlinkUSD
{
  color:#000000;
}

#contentImpressumArt
{
  text-align: center;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #000000;
  margin-left: 75px;
  margin-top: 20px;
}

#contentKontakt
{
  text-align: center;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 17px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  color: #ffffff;
  width: 450px;
}

.TextBlock
{
 margin-top:10px;
 margin-bottom:0px;	
}

#contentAuftragArt
{
  text-align: center;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  margin-top:10px;
  color: #000000;
  width: 300px;
}


#contentKontaktArt
{
  text-align: center;
  font-family: 'Times New Roman' , Times, serif;
  font-size: 17px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  margin-top:25px;
  margin-left:10px;
  color: #000000;
  width: 300px;
}

.GalleryThumbs { 

 float: left; width: 55px;height: 450px; padding:10px;
  
}
.GalleryThumbsArt  
{
  text-align:right;
 float:right; width: 155px;height: 300px; padding:10px; margin-top:50px;
}

#GalleryArtArrows
{
  padding-top:15px;
    float:left;
}

#ArtThumb1
{
  height:50px;
  margin-right:100px;
}

#ArtThumb2
{
  height:50px;
  margin-right:50px;  
}

#ArtThumb3
{
  height:50px;
}

#ArtThumb4
{
  height:50px;
  margin-right: 50px;  
}

#ArtThumb5
{
  height:50px;
  margin-right: 100px;
}

DIV.GalleryMain
{
  height: 460px;
  width:490px;
  margin-left: 240px; 
  padding-top:10px;
}

DIV.GalleryMainArt
{
  height: 360px;
  width:360px;
  margin-top: 20px; 
  padding-top:10px;
  float:left;
}

DIV.InnerGalleryMain
{
  position: relative;
  text-align:center;
  height: 450px;
}
DIV.InnerGalleryMainArt
{
  text-align:center;
  height: 345px;
  width: 345px;
}


DIV.InnerGalleryMainArt a
{
  color:#000000;
}

.GalleryMainImg
{
  max-width:450px;
  max-height:450px;
}


.GalleryMainImgArt
{
  max-width:345px;
  max-height:345px;
}

.clear {
clear: left; 
}


#contentPortfolio
{
  float: left;
  width: auto;
  padding-top: 30px;
  height: 450px;
}

.PortfolioArtEntry
{
  margin-bottom:25px;
}

#contentPortfolioArt
{
  padding-left:25px;
  float: left;
  width: auto;
  padding-top: 45px;
  height: 440px;
}

#footer
{
  clear: both;
  background: #A2A2A2;
}



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

#header
{
  
  padding: 0 0 15px 0;
  background: #363636;
  border-bottom: 3px #FFFFFF solid;
  position: relative;
  color: #000;
  padding: 0;
  top: 0px;
  left: 0px;
  height: 119px;
  text-align: center;
}

#headerArt
{
  margin: 15px 15px 0px 15px;
  padding: 0 10px 0px 0;
  position: relative;
  color: #000;
  top: 0px;
  left: 0px;
  height: 100px;
  text-align: center;
}

#header h1
{
  font-weight: bold;
  padding: 5px 0;
  margin: 0;
  color: #fff;
  border: none;
  line-height: 2em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 32px !important;
}

#main
{
  padding: 30px 30px 15px 30px;
  background-color: #fff;
  margin-bottom: 30px;
  _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

#footer
{
  color: #999;
  padding: 10px 0;
  text-align: center;
  line-height: normal;
  margin: 0;
  font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
  border-bottom: 1px #5C87B2 solid;
  padding: 0 0 2px;
  position: relative;
  margin: 0;
  text-align: right;
}

ul#menu li
{
  display: inline;
  list-style: none;
}

ul#menu li#greeting
{
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  line-height: 2.8em;
  color: #fff;
}

ul#menu li a
{
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  line-height: 2.8em;
  background-color: #e8eef4;
  color: #034af3;
}

ul#menu li a:hover
{
  background-color: #fff;
  text-decoration: none;
}

ul#menu li a:active
{
  background-color: #a6e2a6;
  text-decoration: none;
}

ul#menu li.selected a
{
  background-color: #fff;
  color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #CCC;
}

fieldset p
{
  margin: 2px 12px 10px 10px;
}

legend
{
  font-size: 1.1em;
  font-weight: 600;
  padding: 2px 4px 8px 4px;
}

input[type="text"]
{
  width: 200px;
  border: 1px solid #CCC;
}

input[type="password"]
{
  width: 200px;
  border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table
{
  border: none 0px #363636;
  border-collapse: collapse;
  vertical-align:top;
}

table td
{
  padding: 5px;
  border: none 0px #363636;
  vertical-align:top;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #363636;
  border: none 0px #363636;
  vertical-align:top;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
  clear: both;
}

.error
{
  color: Red;
}

#menucontainer
{
  margin-top: 40px;
}

div#title
{
  display: block;
  float: left;
  text-align: left;
}

#logindisplay
{
  font-size: 1.1em;
  display: block;
  text-align: right;
  margin: 10px;
  color: White;
}

#logindisplay a:link
{
  color: white;
  text-decoration: underline;
}

#logindisplay a:visited
{
  color: white;
  text-decoration: underline;
}

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

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
  color: #ff0000;
}

.field-validation-valid
{
  display: none;
}

.input-validation-error
{
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}

.validation-summary-errors
{
  font-weight: bold;
  color: #ff0000;
}

.validation-summary-valid
{
  display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field
{
  margin: 0.5em 0;
}

.text-box
{
  width: 30em;
}

.text-box.multi-line
{
  height: 6.5em;
}

.tri-state
{
  width: 6em;
}