/*  
Theme Name: Geffroy
Theme URI: http://www.conversionmedia.de
Description: Layout für Edgar K. Geffroy von conversionmedia GmbH & Co. KG
Version: 1.0 (released 2010-05.14)
Author: Thorsten Gruber
Author URI: http://www.conversionmedia.de
*/



/******************************************
*   HTML Elements                         
******************************************/

* {
	margin:0;
	padding:0;
	}

body,html { min-height:101%; }
	
body {
	background: white;
	color: #002A64;
	}

body, select, input, textarea {
	font: 13px Arial, Verdana, Sans-Serif;
	line-height:1.5em;
	}
	
p {	margin: 20px 0;	}


hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
	}

small {
	font-size: 0.9em;
	padding:3px 6px;
	}
/******************************************
*   General Structure                         
******************************************/

#page { /*the main container*/
	width:990px;
	margin:0 auto;
	font-size:1em;
	background:#FFF;
	padding: 10px 25px 35px 25px;
	}

#header {
	width:265px;
	height:23px;
	padding-bottom:15px;
	background:url(images/backgrounds/geffroy-logo.jpg) no-repeat;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}
	
/******************************************
*   Content                        
******************************************/

#wrapper {margin: 10px 0 0 0;}

#content {
	background: transparent url(images/backgrounds/content2.jpg) repeat-y top center;
	padding: 10px 20px 20px 20px;
	margin: 0;
}

div.entry {
	width:902px;
	margin: 0 auto}

#contenthead {
	background: transparent url(images/backgrounds/content-top2.jpg) no-repeat bottom center;
	height: 32px;}
	
#contentfoot {
	background: transparent url(images/backgrounds/content-footer2.jpg) no-repeat top center;
	height: 32px;}
	

	
.description {
	font-size: 1.3em;
	font-weight: bold; 
	color:#999;
	}
	
.links_profil {
    float:left;
    min-height:230px;
    width:590px;
    text-align:justify;}

.rechts_profil {
    width:300px;
    float:right;
    height:230px;
    margin-right:0;
    margin-top:6px;
	text-align: right}
	
/******************************************
*   Headlines                         
******************************************/

h1{
    font-size: 24px;
    margin: 0 0 20px 0;}
    
h2 {
    font-size:20px;
    margin:10px 0;
	line-height: 24px;}
    
h3 {
    font-size:18px;
    margin-bottom:10px;
    margin-top:0;
    line-height:25px;}

h4 {
    font-size:14px;
    padding:20px 0 0 0;}

h5{
  font-size: 12px;}

h6{
    font-size: 8px;}

h4.profilzitat {
    font-style:italic;
    margin-bottom:20px;
    margin-left:20px;}
	
h3.vortrag{
    color:#002A64;}
 
h3 a {
    color:#002A64;
	}

h3 a:link, h3 a:active, h3 a:visited  {text-decoration:underline;}
h3 a:hover {text-decoration:underline;}

h4 a:link, h4 a:active, h4 a:visited  {color:#002A64; text-decoration:underline;}
h4 a:hover {text-decoration:underline;}

/****  Subheadlines *********/
 
.vortrag_subheadline  {
    font-size:13pt; 
    margin-left:60px;
    font-weight:normal;}

.vortrag_subheadline2  {
    font-size:13pt; 
    margin-left:0px;
    font-weight:normal;}

.vortrag_info  {
    margin-top:8px;font-size:11pt;}


/*************************************
*  Startvideo
*************************************/

div#content div#links {
    float:left;
    margin-top:0px;
    min-height:344px;
    width:450px;}

div#content div#rechts {
    float:right;
    margin-top:5px;
    width:419px;
	padding: 0;}

div#content img div#rechts{
    display: block;
	text-align:right;
 }

/*** LISTE***/
.liste li {
    background:url(images/liste.png) no-repeat scroll left 4px transparent;
    list-style:none outside none;
    padding:0 0 0 20px;
    text-align:left;}	

/* Hyperlinks */

a:link, a:visited {
	color: #002A64;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover, a:active {
	color: #002A64;
	font-weight: bold;
	text-decoration: underline;	
	}
	
#content a:link, #content a:visited {text-decoration: underline}
#content a:hover, #content a:active {color: #061c39}

/******************************************
*   Images                         
******************************************/

/*** default image behaviour ***/
img { border: none}

img.alignright_abstand {
    display:inline;
    padding:15px 18px 0 0;
    float:right;}�

img.alignright_shop {
    display:inline;
    padding:45px 18px 0 0;
    float:right;}

/******************************************
*    WordPress specific image classes 
******************************************/

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin: 4px 15px 5px 0;
}

.alignright {
float: right;
margin: 0 0 20px 20px;
}

.wp-caption {
   text-align: center;
   background-color: #fff;
   margin-top:5px;
   margin-right: 15px;
   margin-bottom:0px;
}

.wp-caption img{
   padding:2px;
   border:1px solid #999;
}

.wp-caption img:hover{
   border:1px solid #333;
}

.wp-caption p.wp-caption-text {
   color:#666;
   font-size: 10px;
   line-height: 12px;
   padding: 7px 4px 2px 5px!important;
   margin: 0!important;
}

	

/****************************************
*	Form Elements
****************************************/

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
	}
	

#searchform {
	padding:5px 0 0 270px;
	}


.button {
	padding: 1px;
	background:white;
	color:#333;
	border:none;
	}

.button:hover {
	background:white;
	color:#444;
	text-decoration:none
	}

#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}

/****************************************
*	 Float Properties
****************************************/


.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}	

.clearfloat {
	display:block;
	}
	
div.clear {
	height: 1%;
	clear: both;
	}	
	
	
/******************************************
*   Footer                        
******************************************/

#footer {
	margin: 10px auto;
	width: 990px; height: 59px;
	color:#002A64;
	background: white url(images/backgrounds/footer.jpg) center center no-repeat;
	}
	
#footer div a:link {font-weight: normal}	
	
#footer div {
	margin-left: 30px;
	margin-top: 19px;
	height: 59px;
	line-height: 59px;
	display: inline
}
	
* html #footer p{
	margin-left: 30px;
	}	

#footer ul {
	float: right;
	padding: 0 30px 0 0 ;
	height: 59px;
	}

#footer ul li {
	list-style: none;
	float: left;
	display: block;
	border-left: 1px solid #002A64;
	padding: 0 10px;
	line-height: 20px;
	margin: 19px 0 0 0 
}

#footer ul li:first-child {border: none}

#footer ul.foolinks {text-align: right;}

/******************************************
*   Galerie               
******************************************/

.headlinesub {
    font-weight:normal;
    padding-left:103px;
    margin-top:-10px;}  
 
div#galerie_vortraege{
    margin-left:100px;
    width:700px;
    margin-top:-60px;}

.galerie_referenzen{
    width:550px;
    margin:0 auto;}

.galerie_shop{
    width:550px;
    margin-left:170px;
    margin-top:30px;}
	
/******************************************
*   Shop                  
******************************************/

.vortrag_oben {
    background:url(images/vortrag_oben.jpg) no-repeat top center;
    display:block;
    padding-top: 23px;
    margin:20px auto 0 auto;
    width:900px;}

.vortrag_mitte {
    background:url(images/vortrag_mitte.jpg) repeat-y 0 0 ;
    padding:10px 10px 10px 30px;
    clear:left;
    width:880px;}
	
	

.vortrag_unten {
    background:url(images/vortrag_unten.jpg) no-repeat top center;
    display:block;
    height:23px;
    margin:0 auto 20px auto;
    width:900px;}

.shop_text  {
	margin-left:20px;
	padding-left: 20px;
    float:left;
    width:550px;
    text-align:justify;}

.shop_bild  {
    float:right;
    width:250px;
    padding-right:20px;}
	
/***************************/	

span.unterpunkt {
    font-weight:bold;
    font-size:15pt;} 

.medien_oben {
    background:url(images/medien_oben.png) no-repeat scroll 0 0 transparent;
    display:block;
    height:18px;
    padding:5px 0 0 10px;
    width:440px;}

.medien_mitte {
    background:url(images/medien_mitte.png) repeat-y;
    display:block;
    width:430px;
    padding:10px;}

.medien_mitte2 {
    background:url(images/medien_mitte.png) repeat-y;
    display:block;
    height:417px;
    width:430px;
    padding:10px;}

.medien_unten {
    background:url(images/medien_unten.png) no-repeat;
    display:block;
    height:23px;
    width:450px;
    margin-bottom:30px;}



.profiltext{
    margin-left:20px;
    float:left;
    padding-left:20px; }
	
.profiltext2 {
	margin-left: 20px;
	padding-left: 20px;}	

.profilbild{
    float:right;
    padding-right:20px; }
	

.service_oben {
    background:url(images/service_oben.png) no-repeat scroll 0 0 transparent;
    display:block;
    height:18px;
    padding:5px 0 0 10px;
    width:191px;}

.service_mitte {
    background:url(images/service_mitte.png) repeat-y;
    display:block;
    width:191px;
    padding:10px;}

.service_unten {
    background:url(images/service_unten.png) no-repeat;
    display:block;
    height:23px;
    width:201px;}
	
/* ZITAT */
div.center {
	width: 900px;
	margin: 0 auto;}

#scrollup {
    background: url(images/scroller.png) no-repeat;
    height:256px;
    overflow:hidden;
    position:relative;
    width:900px}
	
span.zitat {
    font-size:12pt;
    font-style:italic;
    font-weight:bold;} 
    
div.zitat {
    padding:5px 10px 5px 10px;
    height:260px;
    position:absolute;
    top:254px;}

.zitat_kursiv {    
    font-style: italic;}
	
/******************************
*	Impressum
******************************/

ul {margin: 10px 0 20px 30px;}
ul.foolinks {margin: 0;}
ul ul {margin: 0}
ul li {margin: 0 0 0 10px; list-style: none}
ul li li {margin: 0 0 0 10px}

* title {
	display: none;
	visibility: hidden;}


/*****************************
*	Kontaktform
******************************/

.cm-fieldset label { 

  width: 130px;
  margin: 0 0 0 20px;
  text-align: left;
}

.cm-fieldset label {
 text-align: right; 
 padding-right: 1em; 
}

.cm-fieldset textarea {
	width: 700px;
	margin: 0 auto} 
	
.cm-fieldset span {
	margin: 0 0 0 175px;}
	
.cm-fieldset span input {
	margin: 0 20px 0 0;
}
	
legend {
	display: none;
	visibility: hidden;
	}
	
.cm_formitem .captcha img, .cm_formitem input#captchainput{
	display:list-item;
	white-space:normal;
	margin: 10px 0 0 0;
	line-height: 20px;
	_height: 20px}

	
#Kontaktdaten{border: none}