/*
Theme Name: uschi vogg_pr
Theme URI: http://www.uschivogg-pr.de/
Description: Individuelles WP-Theme für Uschi Vogg PR
Author: Christian Fischer
Version: 1.0
Tags: Uschi Vogg, individual
*/


/* ............................................................... reset'em all */
* {
  margin: 0;
  padding: 0;
  border: none;
}

/* ............................................................... Basiscs */
body {
  background-color: #e2e2e2;
  color: #707070;
  font-size: 11px;
  font-family: verdana, sans-serif;
  text-align: center;
}

hr {
  margin: 0 0 -1px 0;
  border: none;
  width: 1px;
  height: 1px;
  clear: both;
  visibility: hidden;
}
    hr.spacer {
      margin: 0 0 18px 0;
    }



/* ............................................................... Aufbau */
#wrapper {
  margin: 20px auto 10px auto;
  padding-bottom: 50px;
  width: 872px;
/*  min-height: 605px;*/
  min-height: 575px;
  background-color: #fff;
  text-align: left;
  background-image: url(./images/back-content.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  /*border: 1px solid #451245;*/
}
    .smallest {
      margin: 10px auto 10px auto!important;
    }
    .small {
      margin: 30px auto 10px auto !important;
    }
    .big {
      margin: 5% auto 10px auto !important;
    }


#pic {
  margin: 10px 10px 45px 10px;
}

#content {
  margin: 0 0 0 94px;
  line-height: 18px;
  /*border: 1px solid #451245;*/
  width: 684px;
}
    #content.singlecol {
      width: 600px;
    }

	
#socials {
  margin: 0 auto;
  width: 872px; 
  text-align: right;
}
	#fb-button {
	  position: relative;
	  margin: 0 0 0 727px;
	  width: 110px;
	  height: 29px;
	  overflow: hidden;
	  z-index: 2;
	}
	#fb-button a {
	  color: #cfcfcf;
	  text-decoration: none;
	  font-size: 10px;
	}
	#fb-button span {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 110px;
	  height: 29px;
	  overflow: hidden;
	  background-image: url(./images/facebook.gif);
	  background-position: -110px 0;
	  z-index: 4;
	  cursor: pointer;
	}
	#fb-button span:hover {
	  background-position: 0 0;
	}

/* ............................................................... Metanavi */


#metanavi {
  margin: 0 10px;
  padding: 0 0 0 27px;
  background-color: #e2e2e2;
}


#metanavi ul {
  list-style-type: none;
}
    #metanavi ul li {
      display: inline-block;
      padding: 0 10px 4px 10px;
      border-right: 1px solid #fff;
    }

.menu-metanavigation-de-container, .menu-metanavigation-en-container {
    float: left;
}

#language  li {
  border: none !important;
}



/* ............................................................... Mainnavi */
#mainnavi {
  margin: 3px 0 0  37px;
}
#mainnavi ul {
  list-style-type: none;
}
    #mainnavi li {
      display: inline-block;
      padding: 0 10px;
      border-right: 1px solid #EE3424;
    }
    #mainnavi ul #menu-item-12, #mainnavi ul #menu-item-68 {
      border: none;
    }

    #metanavi a, #mainnavi a {
      color: #707070;
      text-decoration: none;
    }
    #metanavi a:hover, #mainnavi a:hover {
      color: #303030;
    }
    #metanavi .current_page_item a, #mainnavi .current_page_item a {
      color: #EE3424;
    }


/* ............................................................... Head */
#logo {
  position: relative;
  margin: 0 0 0 671px;
  width: 191px;
  height: 67px;
  overflow: hidden;
  font-size: 10px;
  z-index: 0;
}
    #logo a {
      text-decoration: none;
      color: #cfcfcf;
    }
    #logo span {
      position: absolute;
      top: 0;
      left: 0;
      width: 191px;
      height: 67px;
      overflow: hidden;
      background-image: url(./images/uschi-vogg-pr-logo.gif);
      z-index: 2;
      cursor: pointer;
    }



/* ............................................................... Content */
#content h2 {
  margin: 0 0 9px 0;
  color: #EE3424;
  font-size: 16px;
  outline: none !important;
}
#content h3 {
  margin: 10px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  outline: none !important;
}
#content h4 {
  margin: 10px 0 0 0;
  font-size: 11px;
  font-weight: bold;
  outline: none !important;
}


#content p, #content ul, #content ol {
  margin: 0 0 9px 0;
}


#content ol {
  padding: 0 0 0 20px;
}
#content ul {
  list-style-type: none;
}
    #content ul li {
      padding: 0 0 0 14px;
      background-image: url(./images/bullet.gif);
      background-repeat: no-repeat;
      background-position: 2px 7px;
    }

#content a {
  text-decoration: none;
  color: #EE3424;
  border-bottom: 1px dotted #707070;
}
    #content a:hover {
      border-bottom: 1px solid #EE3424;
    }




/* ............................................................... Kontaktform */
#kontaktform {
  width: 500px;
  float: left;
}
#adresse {
  padding: 128px 10px 10px 10px;
}


legend {
  position: absolute;
  top: -10000px;
  left: 0;
}
label {
  display: block;
  margin: 0 0 10px 0;
  padding: 0 10px 0 0;
  width: 90px;
  float: left;
  clear: left;
  text-align: right;
}
    #data label {
      width: 0px;
      height: 0px;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }


input {
  border: 1px solid #cfcfcf;
  margin: 0 0 10px 0;
  padding: 2px;
  width: 240px;
  font-family: verdana, sans-serif;
  font-size: 11px;
  color: #707070;
}
    input:hover, input:focus {
      border: 1px solid #707070;
    }
    input:focus {
      background-color: #707070;
      color: #fff;
    }


textarea {
  border: 1px solid #cfcfcf;
  margin: 0 0 10px 0;
  padding: 2px;
  width: 340px;
  height: 90px;
  font-size: 11px;
  font-family: verdana, sans-serif;
  color: #707070;
}
    textarea:hover, textarea:focus {
      border: 1px solid #707070;
    }
    textarea:focus {
      background-color: #707070;
      color: #fff;
    }
#submit {
  margin: 0 0 0 228px;
  border: 1px solid #909090;
  width: 120px;
}

.error {
  color: #EE3424;
}
textarea.error {
  border: 1px solid  #EE3424;
}



/* ............................................................... Sonderregeln */
p.info {
  margin: 36px 0 0 0;
  color: #aaa;
  border: 1px dotted #cfcfcf;
  padding: 5px;
}
p.info a {
  color: #707070;
  border-bottom: 1px dotted #707070;
  text-decoration: none;
}
p.info a:hover {
  border-bottom: 1px solid #707070;
}

/* Accordion */
#content h3.ui-state-active {
  border-bottom: 1px dotted #707070;
}
#content h3.ui-state-default {
  border-bottom: 1px dotted #cfcfcf;
}


#content h3.ui-state-active a {
  color: #707070;
  text-decoration: none;
  outline: none !important;
  border: none;
  cursor: default;
}
#content h3.ui-state-default a {
  color: #EE3424;
  text-decoration: none;
  outline: none !important;
  border: none;
}

.ui-icon {
  display: inline-block;
  margin: 0 4px 0 0;
  width: 7px;
  height: 7px;
}
    .ui-icon-triangle-1-e {
      background-image: url(images/arrow-right.gif)
    }
    .ui-icon-triangle-1-s {
      background-image: url(images/arrow-down.gif)
    }


/* fancybox */
#uvogg {
  padding: 80px 20px 40px 20px;
  width: 400px;
  height: 200px;
  line-height: 18px;
  background-image: url(images/back-popup.gif);
}

.casest {
  padding: 80px 20px 40px 20px;
  width: 600px;
  height: 400px;
  line-height: 18px;
  background-image: url(images/back-popup-gr.gif);
}

#uvogg p, #uvogg ul, #uvogg ol, .casest p, .casest ul, .casest ol {
  margin: 0 0 9px 0;
}
#uvogg ul li {
  margin: 0 0 11px 0;
}


#uvogg h2, .casest h2 {
  margin: 0 0 9px 0;
  color: #EE3424;
  font-size: 16px;
  outline: none !important;
}
#uvogg h3, .casest h3 {
  margin: 10px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  outline: none !important;
}
#uvogg h4, .casest h4 {
  margin: 10px 0 0 0;
  font-size: 11px;
  font-weight: bold;
  outline: none !important;
}


#uvogg ol, .casest ol {
  padding: 0 0 0 20px;
}
#uvogg ul, .casest ul {
  list-style-type: none;
}
    #uvogg ul li, .casest ul li {
      padding: 0 0 0 14px;
      background-image: url(./images/bullet.gif);
      background-repeat: no-repeat;
      background-position: 2px 7px;
    }

#uvogg a, .casest a {
  text-decoration: none;
  color: #EE3424;
  border-bottom: 1px dotted #707070;
}
    #uvogg a:hover, .casest a:hover {
      border-bottom: 1px solid #EE3424;
    }