/* - - - - - - - - - - - - - - - - - - - - -

Title : Lorch Fotostudio
Author : you to web
URL : lorch-fotostudio.de

Description : Style zur Internetpraesenz

Created : 23.06.2010
Modified : 09.09.2010

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

* {
margin: 0;
padding: 0;
}

html {
margin: 0;
padding: 0;
background: #000;
}

body {
margin: 0;
padding: 0;
font: 70%/160% "verdana",sans-serif;
color: #ddd;
background: #000 url(../images/bgContent.gif) center repeat-y;
}

/* ----- IDS ----- */

#mainheader {
width: 100%;
margin: 0;
background: #000;
border-bottom: 1px solid #999;
}

#header {
width: 900px;
height: 110px;
margin: 5px auto 0;
padding: 0;
color: #ddd;
background: #000;
overflow: hidden;
}

#header .logo {
float: right;
width: 231px;
margin: 10px 0;
}

#spacerTop {
width: 100%;
height: 50px;
background: #000;
clear: both;
}

#mainNav {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: left;
background: #000;
}

  ul#menu {
    margin: 0;
    padding: 0 0.8em;
    text-align: center;
    background: transparent;
  }
  ul#menu li {
    list-style: none;
    display: inline;
    margin: 0.4em;
    padding: 0;
  }

  ul#menu a, ul#menu span {
    padding: 0.2em 3.9em;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
  }
  * html ul#menu a, * html ul#menu span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#menu a:hover, ul#menu span {
    color: #f80c0c;
  }

  ul#menu span {
  cursor: default;
  }

#container {
width: 900px;
margin: 0 auto;
padding: 0;
background: transparent;
text-align: left;
border-top: 1px solid #999;
}

#primaryContent {
position: relative;
width: 600px;
margin: 30px auto;
padding: 0;
background: transparent;
text-align: center;
}

#primaryContent .box {
padding: 5px;
text-align: center;
border: 1px solid #686868;
}

#flashcontent {
margin: 5px;
}

#tigerviewer {
margin: 15px auto;
text-align: left;
overflow: hidden;
}

#subNav {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: left;
background: #000;
clear: both;
}

  ul#submenu {
    margin: 0;
    padding: 0 0.8em;
    text-align: center;
    background: transparent;
  }
  ul#submenu li {
    list-style: none;
    display: inline;
    margin: 0.4em;
    padding: 0;
  }

  ul#submenu a, ul#submenu span {
    padding: 0.2em 1.5em;
    text-decoration: none;
    font-weight: normal;
    color: #fff;
  }
  * html ul#submenu a, * html ul#submenu span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    width: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#submenu a:hover, ul#submenu span {
    color: #f80c0c;
  }

  ul#submenu span {
  cursor: default;
  }

.contBorder {
width: 902px;
height: 0;
margin: 0 auto;
border-bottom: 1px solid #999;
}

#spacerBottom {
width: 100%;
height: 50px;
background: #000;
}

#mainfooter {
width: 100%;
background: #000;
border-top: 1px solid #999;
}

#footer {
width: 900px;
height: 40px;
margin: 0 auto 20px;
padding: 10px 0;
color: #999;
background: #000;
text-align: center;
}

/* ----- CLASSES ----- */

.hide{
/* display:none; */
}
.show{
/* display:block; */
}

.clear_left {
clear: left;
}

.clear_right {
clear: right;
}

.clear_both {
clear: both;
}

.left, .right {
position: relative;
width: auto;
margin-top: -10px;
}

.left {
float: left;
}

.right {
float: right;
}

.foto-lorch, .foto-lorch a  {
text-align: center;
font-size: 80%;
color: #555;
}

.foto-lorch a {
font-size: 1em;
}

.left a, .right a {
color: #555;
text-decoration: none;
}

.left img, .right img {
margin: -3px 0 -15px;
}

/* ----- HEADINGS ----- */

h1, h2, h3, h4, h5 {
margin: 5px 20px 0;
padding: 0;
color: #666;
border: none;
}

h1 {
margin-bottom: 10px;
font-size: 200%;
font-family: verdana, sans-serif;
font-weight: normal;
line-height: 1;
}

h2 {
font-size: 150%;
font-family: verdana, sans-serif;
font-weight: normal;
}

h3 {
font-size: 120%;
line-height: 100%;
font-weight: bold;
}

h4 {
font-size: 120%;
}

h5 {
font-size: 100%;
}

/* ----- PARAGRAPHS ----- */

p {
margin: 5px 20px;
padding: 0;
}

#primaryContent .box .spacer_l {
padding-left: 10px;
}

#primaryContent .box .spacer_r {
padding-right: 10px;
}

#primaryContent .box p.desc, #primaryContent .box span.desc, #primaryContent .box p.desc a {
margin: 0;
padding: 0;
font-size: 80%;
white-space: pre;
}

#primaryContent .box p.desc a, #primaryContent .box p.desc a:hover {
font-size: 1em;
color: #ddd;
text-decoration: none;
border: none;
}

#zeile p {
line-height: 1.2;
}

#footer p {
margin: 0;
padding: 0 2px;
}

/* ----- CODE ----- */

pre {
margin: 5px 30px 5px 15px;
padding: 0;
background-color: #ccc;
border: #686868;
font-size: 100%;
font-style: italic;
overflow: auto;
}

/* ----- LISTS ----- */

#primaryContent ul, #primaryContent li {
list-style: none;
list-style-type: disc;
color: #ddd;
margin: 0 40px;
padding: 0;
}

#primaryContent ul {
margin: 5px 30px;
padding: 0;
}

#primaryContent li {
margin: 0 15px;
padding: 0;
}

#primaryContent li p {
color: #ddd;
}


/* ----- IMAGES ----- */

img {
border: none;
}

.inText_r {
float: right;
width: auto;
margin: 10px 20px 0 10px;
}

.start {
margin-top: 7px;
}

#footer img.outer {
margin: 10px 7px;
}

#footer img.middle {
margin: 10px 5px 10px 7px;
}

/* BREAK */

hr{
/* display:none; */
}

/* ----- TEXT FORMATTING ----- */

strong {
font-weight: bold;
}

em {
font-weight: bold;
font-style: italic;
font-size: 80%;
}

b {
font-weight: bold;
}

i {
font-style: italic;
}

/* ----- LINKS ----- */

#header a {
color: #999;;
text-decoration: none;
padding: 0 2px;
}

#header a:hover {
color: #eee;
text-decoration: underline;
padding: 0 2px;
}

#primaryContent .box p a, #primaryContent .box li a, .spacer a {
color: #ddd;
text-decoration: none;
border-bottom: 1px dotted #ddd;
}

#primaryContent a:hover, #primaryContent .box p a:hover,  #primaryContent .box li a:hover {
color: #f80c0c;
text-decoration: none;
border: none;
}

#primaryContent .box a, #primaryContent .box a img, #primaryContent .box a:hover img {
border: none;
text-decoration: none;
background: none;
}

#primaryContent .box li a, #primaryContent .box li a:hover {
color: #ddd;
text-decoration: none;
border: none;
cursor: default;
}

a img {
border: none;
text-decoration: none;
}

#footer p a {
color: #999;
text-decoration: none;
}

#footer p a:hover {
color: #eee;
text-decoration: underline;
}


/* ----- FORMS siehe formular.css ----- */
/* ----- IMAGES siehe images.css ----- */