/*
Theme Name: Vorlage - gray_0
Description: Tabellenloses Design
Version: 0.1
Author: sbDESIGN, S. Bechtold
Author URI: http://bechti.de
*/

/*************************** GLOBALE EINSTELLUNGEN ****************************/
*{margin  : 0;
  padding : 0;
 }

html,
body 
  {height     : 100%;
   min-height : 100%;
  }

body 
  {font-family : Calibri, Arial, Helvetica, sans-serif;
   font-size   : 100%;
   color       : #303030;
	 text-align  : center;
	}

/* Absätze */
p {margin-bottom : 10px;
   padding       : 5px 0 15px 0;}

/*Allgemeine Links*/
a {font-weight      : bold;
   color            : #505050;
   text-decoration  : none;
   padding          : 0px 2px 0px 2px;
  }

a:link 
  {color           : #505050;
   font-weight     : bold;
	 text-decoration : none;
	}

a:visited {color : #505050;}
a:hover   {color : #8b1881;}
a:active  {color : #8b1881;}

/********************** Layout-Hintergrund(bilder) ****************************/
body     { background : #fff url('../grafiken/bodybg1.png') repeat top center;; }
#sb-main { background : transparent url('../grafiken/mainbg2.png') repeat-x top center; }
header   { background : transparent url('../grafiken/jos_con_kopf1.jpg') no-repeat center center; }
nav      { background : transparent url('../grafiken/navbar.png') repeat-x center center; }
footer   { background : transparent url('../grafiken/footer.png') repeat-x center center; }

/******************************* LAYOUT ***************************************/
/*** Page ***/
#sb-main 
  {width       : 100%;
   min-height  : 100%;
   font-size   : 16px;
   font-size   : 1.0rem; 
  }

#sb-wrapper 
  {overflow      : hidden;    
   position      : relative;
   min-height    : 100%;
   width         : 964px;
   margin        : 0px auto -51px auto;
   text-align    : left;
   background    : #ffffff;
   border-top    : none;
   border-right  : none; /*1px solid #d3d3d3;*/
   border-bottom : none;
   border-left   : none; /*1px solid #d3d3d3; */
   /*
   box-shadow    : 8px  0  10px  #666, -8px  0  10px  #666;
   -webkit-box-shadow : 8px  0  10px  #666, -8px  0  10px  #666;
   -moz-box-shadow    : 8px  0  10px  #666, -8px  0  10px  #666;
   */
  }

/*** Header ***/
header 
  {margin    : 0 auto;
   width     : 964px;
   height    : 384px;
  }

/*** Seitentitel ***/
#sb-titel 
  {width       : 350px;
   height      : 100px;
   text-align  : center;
   padding     : 30px 0 10px 25px;
   z-index     : 10;
   font-size   : 24px;
   font-size   : 1.5rem;
   font-weight : bold;
   color       : #FF9900;  
  }

#sb-titel h1 
  {color          : #000099;
   text-transform : uppercase;
  }

/*** Navigationsleiste horizontal für Hauptmenue ***/
nav 
  {height      : 35px;
   padding-top : 15px;
  }
  
/*** Navigationsleiste horizontal für Kopfmenü ***/
.kopf_nav
  { height         : 50px;
   width          : 320px;
   margin-top     : 0;
   margin-bottom  : 0;
   margin-left    : 640px; 
   margin-right   : 0px;
   padding-top    : 50px;
   text-align	  : right;
  }

/*** linke Seite ***/
aside 
  {padding        : 20px 0 55px 0;
   width          : 280px;
   height         : 100%;
   text-align     : left;
   vertical-align : top; 
   height         : 100%;
   display        : table-cell;
   background     : transparent url('../grafiken/contentbackgr1.png') repeat-x top center; 
  }

/** Blöcke in der Sidebar **/
.sb-block_body 
  {padding-bottom  : 10px;
   width          : 200px;
   margin-top     : 0;
   margin-bottom  : auto;
   margin-left    : 3px; 
   margin-right   : 50px;
   background     : #d3d3d3;
   border         : none; /*1px solid #8b1881;*/
   /* box-shadow     : 2px 2px 4px #666666;*/
  }
.Start .sb-block_body 
  {padding-bottom  : 0px;
   width          : 200px;
   margin-top     : 0;
   margin-bottom  : 0;
   margin-left    : 3px; 
   margin-right   : 50px;
   border         : none; 
  }
  
.sb-blockheader 
  {position       : relative;
   overflow       : hidden;
   height         : 30px;
   line-height    : 30px;
   color          : #000000;
   font-weight    : bold;
   border-bottom  : 1px solid #d0d0d0;
   letter-spacing : 0.2em;
   text-align     : center;
   text-transform : uppercase;
  }

.sb-header_tag 
  {display    : inline-block;
   min-height : 14px;
   margin     : 0 0 0 5px;
  }

/*** BlockContent ***/
.sb-blockcontent 
  {position   : relative;
   overflow   : hidden;
   min-width  : 1px;
   min-height : 1px;
   margin     : 0 auto;
   padding    : 5px;
  }
.Start .sb-blockcontent 
  {position   : relative;
   overflow   : hidden;
   display:none;
  }

/** Container für Inhalt **/
section 
  {padding     : 10px 25px 55px 5px;
   margin     : 0 0 0 300px;
   background : transparent url('../grafiken/contentbackgr1.png') repeat-x top center; 
   min-width  : 670px;
   min-height : 400px;
   text-align : left;
   display    : table-cell;
   vertical-align : top;
  }

article
  {margin-bottom : 50px;
  margin-right  : 50px;}
  
/*** Footer ***/
footer 
  {position    : relative;
  text-align  : center;
   overflow    : hidden;
   width       : 100%; /*964px;*/
   height      : 50px;
   margin      : 0px auto;
   font-size   : 12px;
   font-size   : 0.75rem;
  }

/********************* Copy, Admin-Login, Credits ****************************/
.sb-copy 
  {height      : 40px;
   width       : 100%; /*964px;*/
   text-align  : center;
	 color       : #404040;
	 margin      : 0;
   padding-top : 20px;
	}
               
.sb-copy a {color : #505050;}
.sb-copy a:hover {color : #8b1881;}
.sb-copy a:visited {color : #8b1881;}

/********************************* MENU ***************************************/
/*** Hauptmenu ***/
.mainmenu 
  {width        : 960px;
   padding-top  : 12px;
   padding-left : 2px;
   color        : #fff;
   font-size    : 16px;
   font-weight  : bold;
   margin       : 5px auto;
	}

/* Hauptmenüpunkt */
a.menu 
  {padding     : 20px 10px 23px 10px;
	 color       : #fff;
	 text-align  : center;
	 margin      : 0;
	 font-weight : bold;
  }

a.menu:hover 
  {padding         : 20px 10px 23px 10px;
   color           : #b2b2b2;
	 text-decoration : none;
  }

/* Aktiver Hauptmenüpunkt */
a.menuactive 
  {padding     : 20px 10px 23px 10px;
	 color       : #b2b2b2;
	 text-align  : left;
	 margin      : 0px;
	 font-weight : bold;
  }

a.menuactive:hover {text-decoration : none;}

/* Hauptmenu Liste */
ul.mainmenu 
  {margin  : 0px;
   padding : 0px;
  }

li.mainmenu 
  {display     : inline;
   height      : 57px;
	 padding     : 4px 1px 1px 1px;
   margin-left : 0;
  }

/*** Detailmenu ***/
a.detailmenu {color       : #303030;
			padding-left : 0;
}

a.detailmenu:hover 
  {color           : #8b1881;
   text-decoration : none;
	}

/* Aktiver Detailmenupunkt */
a.detailmenuactive {color     : #8b1881;
				   padding-left : 0;}

a.detailmenuactive:hover {text-decoration : none;}

/* Detailmenu Liste */
ul.detailmenu 
  {padding         : 10px 0 10px 20px;
  list-style-type : none;
  }
 
li.detailmenu
  {margin-top	  : 10px;
  margin-bottom	  : 10px;
  }
  
  
  /*** Kopfmenu ***/
.kopfmenu 
  { padding-top  : 12px;
   padding-left : 2px;
   color        : #8b1881;
   font-size    : 12px;
   font-size    : 1.0625rem;
	 font-weight  : normal;
   margin       : 5px auto;
	}

/* Kopfmenüpunkt */
a.kopfmenu 
  {	 color       : #8b1881;
	 text-align  : center;
	 margin      : 0;
	 font-weight : normal;
  }

a.kopfmenu:hover 
  {   color           : #ff0000;
	 text-decoration : none;
  }
a.kopfmenu:visited 
  {   color           : #8b1881; 
  text-decoration : none;
  }

/* Kopfmenu Liste */
ul.kopfmenu 
  {margin  : 0px;
   padding : 0px;
  }

li.kopfmenu 
  {display     : inline;
   height      : 57px;
	 padding     : 4px 1px 1px 1px;
   margin-left : 0;
  }

/****** submenü, wird bei ungesplittetem Menue verwendet ******/
li a.submenu 
  {padding-left : 25px;
   font-size    : 0.9em;
   font-weight  : normal;
   color        : #f2951c;
  }

li a.submenuactive 
  {padding-left : 25px;
   font-size    : 0.9em;
   font-weight  : normal;
   color        : #000;
  }

li a.submenu:hover 
  {text-decoration : none;
   color           : #e67000;
  }

/********************************** Suchfeld *********************************/
/* Suchfeld */
.searchform {}

fieldset#searchfieldset 
  {border           : none;
   padding : 10px 0 0 0 ;
  }

input.searchtextfield 
  {border           : 1px solid #1f1f1f;
   border-radius    : 10px;
	 width            : 200px;
   height           : 24px;
   background-color : #606060;
   margin-bottom    : 10px;
   color            : #fff;
  }

/* Suchbutton */
input.searchbutton 
  {border  : none;
	 margin  : 5px 0px -10px -30px;
   color      : transparent;
   background : transparent url('../grafiken/searchicon.png') no-repeat right center;
  }



/******************************* Kontaktformular *****************************/
form#contact_form { }

table#contact_table 
  {width      : 99%;
   margin     : 0;
   background : #F2F2F2;
   border     : 1px solid #E2E2E2;
  }

table#contact_table td 
  {vertical-align : top;
   padding        : 5px;
  }

span#contact_errormessage
  {color       : #880000;
   font-weight : bold;
  }

span#contact_successmessage
  {color       : #008800;
   font-weight : bold;
  }

input#contact_name, input#contact_mail, input#contact_website 
  {width      : 200px !important;
   background : #E5E5E5 !important;
   border     : 1px solid #E2E2E2;
   color      : #000000;
  }

textarea#contact_message 
   {width      : 400px !important;
    background : #E5E5E5;
    border     : 1px solid #E2E2E2;
    color      : #000000;
   }

input#contact_calculation 
  {background : #E5E5E5 !important;
   border     : 1px solid #E2E2E2;
   color      : #000000;
  }

input#contact_submit {width : 250px !important;}



/**************************** AB HIER: CMS-SYNTAX ****************************/

/* [link|...]
a.link { } */

/* [mail|...]
a.mail { } */

/* [seite|...]
a.page { } */

/* [kategorie|...]
a.category { } */

/* [datei|...]
a.file { } */

/* [galerie|...]
a.gallery { } */

/* [bild|...] */
grafiken {border : none;}

/* [bildlinks|...] 
grafiken. */
span.leftcontentimage 
  {margin    : 8px 8px 8px 0;
	 border    : 1px solid #56014E;
	 max-width : 700px;
	 float     : left;
  }

/* [bildrechts|...]
grafiken. */
span.rightcontentimage 
  {margin    : 8px 0 8px 8px;
	 border    : 1px solid #56014E;
	 max-width : 700px;
	 float     : right;
  }

/* [fett|...] */
em.bold {font-weight : bold;}

/* [kursiv|...] */
em.italic {font-style : italic;}

/* [fettkursiv|...] */
em.bolditalic 
  {font-weight : bold;
	 font-style  : italic;
  }

/* [unter|...] */
em.underlined {text-decoration : underline;}

/* [durch|...] */
em.crossed {text-decoration : line-through;}

/* [ueber1|...] */
h1 
  {font-size     : 1.5em;
   margin-top    : 10px;
	 margin-bottom : 5px;
	 color       : #8b1881;
  }

/* [ueber2|...] */
h2 
  {font-size     : 1.1em;
	 margin-top    : 10px;
	 margin-bottom : 5px;
  }

/* [ueber3|...] */
h3 
  {font-size     : 1.0em;
	 margin-top    : 10px;
	 margin-bottom : 5px;
  }

/* [liste|...] */
/* [numliste|...] */
ul {margin-top      : 0px;
    margin-bottom   : 0px;
    padding-left    : 25px;
    list-style-type : circle;
   }

ol {margin-top      : 0px;
    margin-bottom   : 0px;
    padding-left    : 40px;
    list-style-type : decimal-leading-zero;
   }

li {margin-top    : 0px;
	  margin-bottom : 0px;
   }

/* [----] */
hr {border : 1px solid #000;}

/* [tabelle|...] */
table.contenttable 
  {margin          : 5px auto;
	 border          : none;
   border-collapse : collapse;
	 width           : 100%;
  }

th.contenttable 
  {vertical-align : top;
	 border         : none;
	 padding        : 2px 5px;
  }

td.contenttable1 
  {vertical-align : top;
	 border         : none;
	 padding        : 5px 8px;
  }

td.contenttable2 
  {vertical-align : top;
	 border         : none;
	 padding        : 5px 8px;
  }

/* -------------------------------------------------------- */
/* [zentriert|...] */
/* --------------- */
.aligncenter {text-align:center;}
/* -------------------------------------------------------- */
/* [links|...] */
/* ----------- */
.alignleft {text-align:left;}
/* -------------------------------------------------------- */
/* [rechts|...] */
/* ------------ */
.alignright {text-align:right;}
/* -------------------------------------------------------- */
/* [block|...] */
/* ----------- */
.alignjustify {text-align:justify;}

/* -------------------------------------------------------- */
/* {TABLEOFCONTENTS} */
/* ----------------- */
div.tableofcontents ul ul {/*padding-left:15px;*/}

div.tableofcontents li.blind 
  {list-style-type  : none;
   list-style-image : none;
  }

/*---------------------------------------------------------------------------*/
/******************************* GALLERY LAYOUT ******************************/
/*---------------------------------------------------------------------------*/

div#sb-gallerycontent 
  {min-height  : 400px;
   overflow    : hidden;
	 text-align  : center;
   font-size   : 0.8em;
   margin-top  : 20px;
  }

/* bei Einstellung "target self" */
div.embeddedgallery 
  {text-align : center;
   margin     : 5px auto;
  }

/* Hauptmenü (Galerie) */
ul.gallerymenu 
  {padding     : 11px 8px 0px 0px;
	 line-height : 23px;
	 text-align  : center;
  }

/* Detailmenü (Galerie) */
ul.gallerynumbermenu 
  {padding     : 6px 8px 0px 8px;
	 line-height : 20px;
	 text-align  : center;
   width       : 100%;
	 float       : none;
	 margin      : 2px auto;
  }

li.gallerymenu, li.gallerynumbermenu 
  {display : inline;
   padding : 0 5px 0 5px;
  }

/* Galerie-Tabelle (Übersichtsmodus) */
table.gallerytable 
  {margin          : 0px auto;
	 border-collapse : collapse;
   width           : 90%;
  }

td.gallerytd 
  {vertical-align : top;
   text-align     : center;
   padding        : 3px;
  }

grafiken.thumbnail 
  {margin     : 5px auto;
   border     : 5px solid #d0d0d0;
   box-shadow : 2px 2px 2px #333
  }

/*---------------------------------------------------------------------------*/
/**************************** GALLERY LAYOUT ENDE ****************************/
/*---------------------------------------------------------------------------*/