/*
Theme Name: TheProfessional
Theme URI: http://www.elegantthemes.com/gallery/
Version: 1.4
Description: 2 Column theme from Elegant Themes
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
*/


/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body { background: url(images/header_bg.jpg) center top no-repeat; text-align: center; line-height: 21px; font-family: 'Droid Sans', Arial, Verdana, sans-serif; font-size: 12px; color: #201f1f; min-height: 25px; background-color: #dddddd; }

a { text-decoration: none; color: #00b7f3; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #111111; letter-spacing: -1px; line-height: 1em; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111111; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding-bottom: 10px; line-height: 18px; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
	blockquote p { padding-bottom: 0px; }
		
input, textare {
  resize: none;
  -webkit-transition: border 0.1s linear, -webkit-box-shadow 0.1s linear;
  -moz-transition: border 0.1s linear, -moz-box-shadow 0.1s linear;
  -o-transition: border 0.1s linear, -o-box-shadow 0.1s linear;
  transition: border 0.1s linear, box-shadow 0.1s linear;
}


input:focus, textarea:focus {
 -webkit-box-shadow: rgba(0, 67, 165, 0.9) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 67, 165, 0.9) 0px 0px 5px;
  -o-box-shadow: rgba(0, 67, 165, 0.9) 0px 0px 5px;
  box-shadow: rgba(0, 67, 165, 0.9) 0px 0px 5px;
  border: 1px solid rgba(0, 67, 165, 0.9) !important;
  outline: none;
  outline-offset: -2px;
}


input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

#container { text-align: left; width: 964px; margin: 0 auto; position: relative; }
		.logolink { display: block; height: 46px; margin: 40px 0px 23px 7px;}

		
	#menu-top { background: url(images/menu_head.png) no-repeat; height: 11px; }
	#menu{ background: url(images/menu_body.png) repeat-y; }
	#menu-bottom { background: url(images/menu_foot.png) no-repeat; height: 24px; }
	
	#content-top { background: url(images/content-top-bg.png) no-repeat; height: 16px; }
	#content{ background: url(images/content-bg.png) repeat-y; }
	#content-bottom { background: url(images/content-bottom-bg.png) no-repeat; height: 70px; }
	.top-alt { background: url(images/content-top-bg-alt.png) no-repeat !important; }
	.content-alt { background: url(images/content-bg-alt.png) repeat-y !important; }
	.bottom-alt { background: url(images/content-bottom-bg-alt.png) no-repeat !important; }
		div.service {float: left; width: 190px; position: relative; padding: 36px 32px 20px 90px;}
			div.service img.service-icon { position: absolute; left: 32px; top: 34px; }
			div.service h3.title { font-size: 18px; margin-bottom: 3px; }
			div.service h3.title a {color: #000;}
			div.service h3.title a:hover { text-decoration: none; }
			div.service span.tagline { font-family: Georgia, serif; font-style: italic; color: #9e9e9e; margin-bottom: 9px; text-transform: uppercase; font-size: 10px;}
			div.hr {background: url(images/hr-bg.png) no-repeat; height: 18px; width: 202px; margin-bottom: -2px;}
			#content a.readmore {float: right; background: url(images/readmore.png) no-repeat bottom right; height: 27px; display: block; text-shadow: 1px 1px 1px #ffffff; font-size: 11px; color: #282828; line-height: 27px; padding-right: 13px;}		
				#content a.readmore span { display: block; background: url(images/readmore.png) no-repeat; padding:0 0px 0 12px; height:27px; }
				#content a.readmore:hover { color: #3e3e3e; }
		
		div#content-area { width: 960px; padding: 0px 1px; }
		
		.content-alt div#content-area { width: 656px; float: left; padding: 0px 0px 0px 1px; margin-right: 1px; }
			
			#breadcrumbs { border-bottom: 1px solid #ebebeb; font-family: Georgia, serif; text-transform: uppercase; font-size: 11px; font-style: italic; padding: 0px 15px 11px 45px; }
				#breadcrumbs, #breadcrumbs a { color: #9e9e9e; }
					#breadcrumbs a:hover { color: #5f5e5e; text-decoration: none; }
				#breadcrumbs span.sep { background: url(images/breadcrumb-separator.png) no-repeat; display: inline-block; width: 4px; height: 7px; margin: 1px 1px 0 3px; }
			
			.entry { padding: 28px 42px 15px 42px; }
			.content-alt .entry { padding: 28px 62px 15px 42px; }
				.entry h2.title, .entry h1.title { padding-bottom: 14px; padding-left:2px; font-size: 24px; }
					.entry h2.title a:hover { color: #333232; text-decoration: none; }
				p.post-meta { text-transform: uppercase; font-style: italic; font-family: Georgia, serif; font-size: 12px; color: #9e9e9e; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin-bottom: 11px; padding: 8px 5px 7px 4px; }
					p.post-meta a { color: #646464; }
					p.post-meta a:hover { color: #414141; text-decoration: none; }
				div.thumb { margin: 0px 20px 0px 0px; position: relative; padding: 8px 0px 0px 8px; width: 191px; height: 191px; }
					div.thumb span.overlay { position: absolute; top: 0px; left: 0px; background: url(images/image-overlay.png) no-repeat; display: block; width: 199px; height: 199px; }
				
				.entry ul, .post ul { list-style-type: disc; margin: 10px 0px 10px 20px; }
					.entry ol, .post ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }
						.entry ul li ul, .post ul li ul, .entry ul li ol, .post ul li ol { margin: 2px 0px 2px 20px; }
						.entry ol li ul, .post ol li ul, .entry ol li ol, .post ol li ol  { margin: 2px 0px 2px 35px; }	
				
			.post { padding-bottom: 35px !important; }
			
			.hr-separator { height: 1px; background: #ebebeb; margin-top: 17px; }
			.page-nav { padding-top: 24px; padding-bottom: 0px; }

		
/*------------------------------------------------*/
/*---------------------[HEADER]-------------------*/
/*------------------------------------------------*/	

		p#logoheader {text-align:center; font-size:13px; color:#858585;text-shadow: 1px 1px 1px #fff; text-transform: uppercase; }	
			p#logoheader a {text-align:center; font-size:13px; color:#858585;text-shadow: 1px 1px 1px #fff; text-transform: uppercase; }
		
		
/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/
	
		p#copyright {float:right; font-size:10px; color:#858585;text-shadow: 1px 1px 1px #fff; margin-top: 0px; padding-right: 0px; text-transform: uppercase; }	
			p#copyright a {color:#757575; font-weight: bold; }
			
			p#text {float:center; font-size:10px; color:#858585;text-shadow: 1px 1px 1px #fff; margin-top: 0px; padding-right: 0px; text-transform: uppercase; }	
			p#text a {color:#757575; font-weight: bold; }
			
			
/*------------------------------------------------*/
/*---------------------[NEWSTYLES]-------------------*/
/*------------------------------------------------*/

#tabelle {
	position:static;
	width:935px;
	max-height:auto;
	min-height:50px;
	margin-left:15px;
	margin-top:-10px;
}

#pagerplace {
	position:static;
	width:935px;
	height:70px;
}

#pager {
	position:static;
	width:300px;
	height:auto;
}

#clone {
	width:964px;
	margin-top:-20px;
}

#sitetitel {
	text-align:center;
}

#pageDropdown {
	width:964px;
	text-align:center;
	margin-bottom:30px;
}

/*#frame {
	position:static;
	width:935px;
	max-height:auto;
	min-height:50px;
} */

#button { 
border: 0 none;
background-color:#fff;
} 

#paybig {
	width:964px;
	height:auto;
	text-align:center;
}

#pay {
	background-image: url(../images/background.png);
	position:absolut;
	width:436px;
	height:211px;
	left:50%;
	margin-left:265px;
}

#payde {
	background-image: url(../images/background_de.png);
	position:absolut;
	width:436px;
	height:211px;
	left:50%;
	margin-left:265px;
}

#payleft {
	float:left;
	width:145px;
	height:211px;
}

#paycenter {
	float:left;
	width:145px;
	height:211px;
}

#payright {
	float:left;
	width:145px;
	height:211px;
}