/*
Theme Name: Sumago
Theme URI: http://wordpress.org/
Description: Sumago Template
Version: 1.0
Author:
Author URI: 
Tags:  Sumago

*/

/* main layout */	

* {
	margin: 0px;
	padding: 0px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}
	
.clear{
	clear: both;
}

body{
   font-family: Arial, Helvetica, sans-serif;
   background: #303030;
   font-size: 13px;
}

a {
	color: #0083B4;
}
a:visited {
	color: #0083B4;
}

a:hover {
	color: #0083B4;
}

p {
	line-height: 20px;
	padding-right: 10px;
}

img {
	border: 0;
}

a {
	text-decoration: none;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #999999;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.textfield_bg {
	background: url(images/bg_textfield.png) repeat-x top #fff;
	font-size: 17px;
	height: 16px;
	border: 1px solid #4E4E4E;
}

.textarea_bg {
	background: url(images/bg_textfield.png) repeat-x top #fff;
	border: 1px solid #4E4E4E;
}


#wrapper{
	width: 100%;
	height: 100%;
	display: table;
}

.fix{
	clear: both;
	height: 1px;
	margin: 0 0 -1px;
	overflow: hidden;
}

/* header */	

#header_holder {
	width: 920px;
	display: table;
	margin: 0 auto;
	padding-top: 18px;
	padding-bottom: 22px;
}

#header_logo_holder {
	width: 416px;
	height: 71px;
	float: left;
}

#header_logo_holder h1{
    background:url(images/logo_header.png) no-repeat;
	float: left;
	text-indent: -9999px;
}

#header_logo_holder h1 a{
	display: block;
	width: 416px;
	height: 71px;
}

#header_slogan_holder {
	float: left;
	width: 163px;
	height: 15px;
    margin-top: 25px;
	margin-left: 35px;
	background: url(images/slogan_header.png) no-repeat;
}

#header_blog_holder {
	float: right;
	width: 65px;
	height: 36px;
    margin-top: 18px;
}

/* menu */	

#menu_bg_holder {
	width: 100%;
	height: 84px;
	display: table;
	background: url(images/bg_menu.png) #1D1D1D repeat-x top;
}



/* menu buttons */	
	
	.navlink_white {  color: #fff; font-weight: bold; font-style: italic; font-size: 17px; } 
	.navlink_orange { color: #ffc000; font-weight: bold; font-size: 14px; text-transform: uppercase;} 

	.btn_home_on { padding-top: 16px; width: 84px; height: 84px; background: url(images/btn_home_on.png) no-repeat; display: block; float: left; text-align: center;  }
	.btn_home_off { padding-top: 16px;	width: 84px; height: 84px;  display: block; float: left; text-align: center; }
	
	.btn_seo_on { padding-top: 16px; width: 279px; height: 84px; background: url(images/btn_seo_on.png) no-repeat; display: block; float: left; text-align: center; }
	.btn_seo_off { padding-top: 16px; width: 279px; height: 84px; display: block; float: left; text-align: center; }
	
	.btn_marketing_on { padding-top: 16px;	width: 266px; height: 84px;	background: url(images/btn_marketing_on.png) no-repeat;	display: block;	float: left; text-align: center;  }
	.btn_marketing_off { padding-top: 16px; width: 266px; height: 84px; display: block; float: left; text-align: center; }
	
	.btn_lexikon_on { padding-top: 16px; width: 102px; height: 84px; background: url(images/btn_lexikon_on.png) no-repeat; display: block; float: left; text-align: center;  }
	.btn_lexikon_off { padding-top: 16px; width: 102px; height: 84px; display: block; float: left; text-align: center; }
	
	.btn_kontakt_on { padding-top: 16px; width: 103px; height: 84px; background: url(images/btn_kontakt_on.png) no-repeat; display: block; float: left; text-align: center;  }
	.btn_kontakt_off { padding-top: 16px; width: 103px; height: 84px; display: block; float: left; text-align: center;  }

/* main */	
	
#main_bg_holder {
	width: 100%;
	display: table;
	background: url(images/bg_main.png) #303030 top repeat-x;
}

#header_image_holder {
	width: 934px;
	height: 225px;
	display: table;
	background: url(images/header_image.png) top no-repeat;
	margin: 0 auto;
}

#page_bg_holder {
	width: 900px;
	display: table;
	background: url(images/bg_page.png) repeat-y;
	padding-bottom: 20px;
	margin: 0 auto;
}

/* left column */	

#page_left_holder{
	float: left;
	width: 615px;
	padding-left: 30px;
	padding-right: 30px;
}

#page_left_holder h1 {
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 0px;
}

h1, h2 {
	margin: 0 !important;
}

.entry {
	margin-top: 10px;
}

h1, h1 a {
	color: #000 !important;
	text-decoration: none !important;
}

h1 a:hover {
	text-decoration: underline !important;
}

.comments-stylish {
	float: right;
	font: bold 11pt Arial;
	color: #567197;
	background: url(images/comments.png);
	width: 51px;
	height: 42px;
	margin-top: -30px;
	text-align: center;
}

.comments-stylish a, .comments-stylish div {
	display: block;
	padding: 11px 5px;
	text-decoration: none !important;
	color: #30596c !important;
}

.addcomment {
	float: left;
}

#page_left_holder h2{
	color: #000;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 0px;
}

#page_left_holder h2 a {
	text-decoration: none;
	color: #0083B4;
}

#page_left_holder h3{
	color: #555;
	font-size: 16px;
	font-weight: bold;
	padding-top: 20px;
}

#page_left_holder h3 a {
	text-decoration: none;
	color: #0083B4;
}

#page_left_holder h4{
	color: #0083B4;
	font-size: 19px;
	font-style: italic;
	font-weight: bold;
}

#page_left_holder h5{
	font-family: Arial, Helvetica, sans-serif; 
	color: #0083B4;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}

#page_left_holder p{
	padding-bottom: 15px;
}

#latest_blog_entries_holder{
	width: 604px;
	height: 179px;
	background: url(images/bg_latest_entries.png) top no-repeat;
}

#latest_blog_entries_holder ul{
	padding-top: 70px;
	padding-left: 55px;
	list-style: none;
}

#latest_blog_entries_holder li a{
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	color: #004FA8;
}

/* right column */	

#page_right_holder{
	float: right;
	width: 213px;
	padding: 2px;
}

.right_box_top {
	width: 195px;
	height: 32px !important;
	background: url(images/rightbox_top.png) top no-repeat !important;
}

.right_box_top h3 {
	color: #FFA000;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	padding: 8px 6px 0 8px;
}

.right_box_top_schnellkontakt {
	margin: 0 auto;
	width: 195px;
	height: 36px;
	background: url(images/rightbox_top_schnellkontakt.png) top no-repeat;
}

.right_box_middle {
	width: 195px;
	background: #CDCDCD;
	padding-top: 10px;
	padding-bottom: 0px !important;
}

.right_box_middle fieldset {
	border: 0;
}

.right_box_middle_btn_submit_holder {
	margin: 0 auto;
	width: 178px;
	height: 25px;
}

.right_box_middle_btn_submit {
	border: 0;
	width: 178px;
	height: 25px;
	color: #fff;
	font: bold 9pt Arial;
	background: url(images/srchbtn.gif) top no-repeat !important;	
	cursor: pointer;
	margin-left: 3px;
}

.right_box_middle label {
	margin-left: 10px;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #4E4E4E;
}

.right_box_middle_txtfield {
	margin-left: 10px;
	margin-bottom: 5px;
	background: url(images/bg_textfield.png) repeat-x top #fff;
	font-size: 13px;
	border: 1px solid #4E4E4E;
	
	width: 174px;
	line-height: 24px;
	padding-left: 3px;
}

.right_box_middle_txtarea {
	margin-left: 10px;
	margin-bottom: 5px;
	background: url(images/bg_textfield.png) repeat-x top #fff;
	font-size: 13px;
	border: 1px solid #4E4E4E;
	height: 88px;
	width: 174px;
	line-height: 24px;
	padding-left: 3px;
}

.right_box_bottom {
	width: 195px;
	height: 5px;
	background: url(images/rightbox_bottom.png) top no-repeat;
}

/* sidebar */	

#sidebar {
	font-size: 12px;
	padding-bottom: 15px;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
}

/* footer */	

#footer_bg_holder {
	width: 900px;
	height: 144px;
	padding-top: 20px;
	padding-bottom: 20px;
	display: table;
	margin: 0 auto;	
	background: url(images/bg_footer.png) no-repeat top;
}

.footer_seitenanfang {
	width: 110px;
	height: 40px;
	position: absolute;
	margin-top: 30px;
	margin-left: 20px;
	cursor: pointer;
}

.footer_fontsize {
	width: 110px;
	height: 40px;
	position: absolute;
	margin-top: 50px;
	margin-left: 135px;
	cursor: pointer;
}

#footer_links {
	margin: 0 auto;
	width: 600px;
	padding-top: 120px;
	font-size: 11px;
	color: #A1A1A1; 
}

#footer_links a {
	text-decoration: none;
	color: #fff;
}


.commentlist li, #commentform input, #commentform textarea {
	font: 0.7em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	list-style-type: none;
	list-style-image: none;
}
.commentlist li ul li {
	font-size: 1em;
} 

.commentlist li {
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 10px 10px 0 10px;
	margin-top: 10px;
}

.commentlist li .avatar { 
	float: left;
	margin: -11px 0 0 -95px;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	display: block;
	font-size: 11px;
}

.comment {
	margin-left: 95px;
}


#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
}

.postmetadata {
	background: #555;
	color: #fff !important;
	font-size: 8pt !important;
	padding: 10px;
	border: 1px solid #000;
}

.postmetadata a {
	color: #ffa700 !important;
	text-decoration: none !important;
}

.postmetadata a:hover {
	color: #fff !important;
	text-decoration: underline !important;
}

#respond {
	padding: 0 0 0 25px;
	background: #f2f2f2;
	border: 1px solid #ccc;
	margin: 20px 0 20px 0;
	-moz-border-radius: 10px;
}

#respond h3 {
	margin: 0 0 10px;
}

#respond input, #respond textarea {
	padding: 5px;
	font: 9pt Arial;
	width: 160px;
}

#respond textarea {
	width: 360px;
	margin-left: 15px;
}

#respond #submit {
	margin: 5px 0 0 15px;
}

.commentlist p {
	margin-top: 10px;
	font-size: 8pt !important;
}

.speaker {
	margin: 0 0 0 -26px;
	float: left;
}

/* calendar */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

/*widgets */

.widget {
	margin-left: 0;
	width: 195px;
	background: #cdcdcd url(images/rightbox_bottom.png) no-repeat 0 100%;
	padding-bottom: 15px;
}

.widgettitle {
	background: url(images/rightbox_top.png);
	font-size: 14px;
	color: #ffa000 !important;
	padding: 8px 10px;
	margin-bottom: 10px !important;
}

.widget a {
	color: #000;
	text-decoration: none;
}

.widget a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}