/*
Theme Name: Partnerprogramm
Description: Clear Business Theme in Blue 
Version: 1.0.1
Author: Marcus Rojas
Author URI: http://Webmaster-resource.de/partnerprogramm.php
Tags: fixed width, two columns, widgets, blue
*/


* { padding: 0; margin: 0; }
ul li, ol li { list-style: none; list-style-position: inside; }
ol ol, ul ul, ol ul, ul ol { margin-left: 20px; margin-bottom: 0; }
img { border: none; }




body {
	color: #4A688A;
	background: url(images/bg.gif) repeat-x;
	font-family: "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	font-size: 14px;
	line-height: 18px;
	background-color:#ffffff
}
a:link {
	color: #003366;
}
a:visited {
	color: #003366;
}
a:hover {
	color: #7594B5;
}
a:active {
	color: #7594B5;
}

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Helvetica, Arial, Geneva, Sans-Serif;  }
h1 {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 10px;
	color: #003366;
	text-transform: uppercase;
	letter-spacing:2px;
	word-spacing:2px;
}
h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; text-transform: uppercase;}
h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; text-transform: uppercase;}
h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; text-transform: uppercase;}
h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; text-transform: uppercase;}
h6 { font-size: 12px; line-height: 16px; margin-bottom: 5px; text-transform: uppercase;}

h1 span { color: #ffffff; }



p { margin-bottom: 10px; }

input, textarea { font: 12px Trebuchet MS, Helvetica, Arial, Geneva, sans-serif; }

blockquote { 
	font: italic 14px/22px Georgia, Serif; 
	padding: 5px 10px;
	margin-bottom: 20px;
	background: #e4ede2; 
}

#huelle { 
	width: 900px; 
	padding-bottom: 10px; 
	margin: 0 auto; 
	overflow: hidden; 
}
#huelle #wrap { 
	width: 900px; 
	float: left; 
	overflow: hidden; 
         background: #d6ded4 url(images/sidebar-bg.gif) repeat-y top right;
}



#kopf { 
	width: 900px; 
	height: 46px; 
	float: left; 
	position: relative; 
}
#kopf h1 {
	padding-top: 10px;
	margin-bottom: 0;
	color: #fff;
	text-transform: uppercase;
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-weight: bold;
}
#kopf h1 a { 
	color: #fff; 
	
	text-decoration: none; 
}
#kopf h1 span {
	padding-left: 10px;
	font-size: 24px;
	color: #ccc;
	word-spacing: 2px;
	letter-spacing: 2px;
}



#search {
	position: absolute;
	top: 15px; 
	right: 0px;
}

#search input { border: 0; }

#search #s { 
	width: 148px;
	padding: 4px 0 4px 22px;
	margin-right: -4px;
	vertical-align: top;
	line-height: 0;
	font: normal 12px Trebuchet MS;
	vertical-align: top;
	color: #333;
	background: url(images/search-text.gif) no-repeat;
}
#search #searchsubmit { 
	width: 35px; 
	height: 22px;
	vertical-align: top;
	background: url(images/search-submit.gif) no-repeat;
}

.middle {
	width: 900px;
	height: 104px;
	float: left;
	background: url(images/logo1.jpg) no-repeat;
         background-color: #003366;
	border-bottom: 4px solid #4A688A;
	position: relative;
}


#navigation {
	width: 900px;
	height: 42px;
	float: left;
	background: url(images/navigation-bg.gif) no-repeat;
	border-bottom: 1px solid #ffffff;
	position: relative;
	background-color: #557DA2;
	text-transform:uppercase;
	letter-spacing:1px;
	word-spacing:1px;

}
#navigation ul { 
	margin-left: 10px; 
	position: absolute; 
	bottom: -1px; 
	overflow: hidden; 
	height: 33px; 
}
#navigation ul li { 
	float: left; 
	margin-right: 3px; 
	padding-left: 7px; 
}
#navigation ul li.current_page_item { background: url(images/navigation-tab-left.gif) no-repeat; }
#navigation ul li a { 
	display: block; 
	text-decoration: none; 
	color: #ffffff; 
	line-height: 33px; 
	padding: 0 15px 0 8px; 
}
#navigation ul li a:hover { color: #555; }
#navigation ul li.current_page_item a { background: url(images/navigation-tab-right.gif) no-repeat top right; }
#navigation #feed { 
	position: absolute; 
	right: 15px; 
	top: 12px; 
	height: 19px; 
	padding-left: 37px; 
	color: #003366; 
	display: block; 
	background: url(images/feed.gif) no-repeat; 
	text-decoration: none; 
}



#inhalt {
	width: 633px;
	float: left;
	padding: 15px;
	background-image: url(images/tback.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	border-right: 1px dotted;
	border-color: #CCCCCC;
	border-left: 1px solid #ffffff;
}

#inhalt .post { margin-bottom: 40px; }
#inhalt .post p { margin-bottom: 20px; }
#inhalt .post h1 a { text-decoration: none; }
#inhalt .post-list li { list-style: none; }
#inhalt .post img { margin-right:10px; border: 4px solid #cccccc; }

#inhalt .post .post-info {
	clear: both;
	font-size: 11px;
	color: #003366;
	padding: 3px 5px 5px 5px;
	margin-bottom: 20px;
	border-top: 1px dotted #ffffff;
	border-bottom: 1px dotted #ffffff;
	background: #c5cdd6;
}
#inhalt .post .post-info a { color: #333; text-decoration:none; }
#inhalt .post .post-info a:hover { color: #555; text-decoration:none; }

#inhalt #pages { text-align: center; }
#inhalt #pages a { font: bold 20px "Trebuchet MS"; color: #414d4c; text-decoration: none; }
#inhalt #pages a:hover { color: #1e2726; }

#inhalt ul, ol, dl { margin-bottom: 20px; }
#inhalt ul { 
	list-style: disc;
	list-style-position: inside; 
}
#inhalt li { 
	list-style: disc;
	list-style-position: inside; 
}
#inhalt ol { 
	list-style: decimal; 
	list-style-position: inside; 
}
#inhalt dl dt { 
	font-weight: bold;
}
#inhalt dl dd { 
	font-style: italic;
	margin: 0 0 5px 20px;
	color: #555;
}

.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }



#sidebar {
	width: 235px;
	float: left;
	font-size: 14px;
	margin-bottom: 10px;
	color: #4A688A;
}

#sidebar h3 {
	font: normal 18px Trebuchet MS, Arial, Sans-Serif;
	color: #4A688A;
}

#sidebar a {
	color: #4A688A;
	text-decoration: none;
}
#sidebar a:hover { color: #38463e; }

#sidebar .block {
	width: 205px;
	padding: 15px;
	border-bottom: 1px solid #bfccbf;
	overflow: hidden;
	color: #4A688A;
}
#sidebar .block li { 
	background: url(images/arrow.gif) no-repeat 2px 8px; 
	padding-left: 12px;
}
#sidebar .block a:hover { color: #777; }


#sidebar .block #calendar_wrap a { }
#sidebar .block #calendar_wrap .pad { background: none; }
#sidebar .block #calendar_wrap #prev { background: none; }
#sidebar .block #calendar_wrap #next { background: none; }
#sidebar .block #calendar_wrap table { width: 100%; margin: 0;padding: 0;}
#sidebar .block #calendar_wrap table th { width: 14.2%; }
#sidebar .block #calendar_wrap table td { width: 14.2%; background: #d6ded4; text-align: center; color: #888; }



#wrap-bottom { 
	width: 900px; 
	height: 6px; 
	float: left; 
	margin-bottom: 7px; 
	background: url(images/51331-197x300.jpg) no-repeat bottom;
}


#wrapper-unten { 
	width: 900px; 
	height: 6px; 
	float: left; 
	margin-bottom: 7px; 
	background: url(images/51331-197x300.jpg) no-repeat bottom;
}




.headline {
	width: 500px;
	height: 50px;
	float: right;
	margin-bottom: 7px;
	padding-top: 70px;
	color: #FFFFFF;
	
	
}


.comments-title {
	text-align: center;
	font: bold 22px "Trebuchet MS", Helvetica, Arial, Geneva;
	color: #003366;
}
#comments .comment {
	margin-bottom: 10px;
	overflow: hidden;
	width: 635px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}
#comments .comment .comment-avatar { 
	float: left; 
	width: 50px; 
	padding: 5px 7px; 
}

#comments .comment .comment-inhalt {
	float: left;
	padding: 10px 15px;
	margin: 5px 5px 0 0;
	width: 536px;
	background-color: #C5CDD6;
}
#comments .comment .comment-inhalt a { color: #444; }


#comments .comment .comment-info { 
	font-size: 11px;
	color: #777;
	margin-bottom: 5px; 
}
#comments .comment .comment-info span {
	font: bold 20px "Trebuchet MS", Helvetica, Arial, Geneva;  	
	padding-right: 10px; 
	margin-bottom: 5px;
}
#comments .comment .comment-info a { 
	color: #444; 
	text-decoration: none;
}




#commentform {
	background: #c5cdd6;
	border: 5px solid #ffffff;
	padding: 10px;
	color: #4A688A;
}
#commentform p { margin-bottom: 7px; }
#commentform textarea { 
	width: 600px; 
	border: 1px solid #aaa; 
	height: 120px;
}
#commentform input.text { 
	width: 150px; 
	border: 1px solid #aaa; 
	margin-right: 5px; 
	padding: 3px 3px; 
}
#commentform input#submit {
	padding: 3px 10px;
	background-color: #4A688A;
	color: #FFFFFF;
}



#footer { 
	width: 900px; 
	float: left; 
	color: #d6ded4; 
	padding-top: 6px;
	text-align: center;
	background: url(images/footer-top.gif) no-repeat top left; 
}
#footer-inner { 
	width: 900px; 
	padding-bottom: 6px; 
	background: url(images/footer-bottom.gif) no-repeat bottom left; 
}
#footer-inhalt { 
	width: 900px; 
	background: #003366; 
}
#footer p { 
	font-size: 11px; 
	margin: 0; 
}
#footer a { color: #d6ded4; }


/* DROP DOWN MENU CSS INCERT */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	width:900px; 
	height:42px; 
	font-size:1em; 
	position:relative; 
	z-index:100;
	border-right:0px solid #000;
	}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:900px; w\idth:900px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}

/* style the links for the top level */

.menu a, .menu a:visited {
	display:block;
	font-size:14px;
	font-family:"Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	font-weight: bold;
	text-decoration:none; 
	color:#fff; 
	width:138px; 
	height:42px; 
	border:0px solid #000; 
	border-width:0px 0 0px 0px; 
	background:#557DA2; 
	padding-left:10px; 
	line-height:42px;
	}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#557DA2;
	}

/* style the second level hover */

.menu ul ul a.drop:hover{
	background:#557DA2;
	}

.menu ul ul :hover > a.drop {
	background:#557DA2;
	}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#557DA2;
	}

/* style the third level hover */

.menu ul ul ul a:hover {
	background:#557DA2;
	}


/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:42px;
	left:0; 
	width:149px;
	border-top:1px solid #000;
	}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{
	left:149px; 
	top:-1px; 
	width:149px;
	}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-149px;
	}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {
	background:#557DA2; 
	color:#fff; 
	font-weight: normal;
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:128px;
	border-width:0 0px 0px 0px;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#c0c0c0; 
	background:#557DA2;
	}
.menu :hover > a, .menu ul ul :hover > a {
	color:#c0c0c0;
	background:#557DA2;
	}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: #c0c0c0;
  background: #557DA2;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: #fff;
  font-weight: bold;
  background: #557DA2;
}

.menu ul .current_page_item ul a {
  color: #fff;
  font-weight: normal;
  background: #557DA2;
}

.menu ul .current_page_item ul a:hover {
  color: #c0c0c0;
  background: #557DA2;
}

.menu .current_page_item a:hover {
  background: #557DA2;
}