/**
 * wkw2k - ITsysteme & webdesign
 * Global stylesheet for the homepage.
 *
 * @author Eduard Zintz
 * @version v1.0
 */
* { margin: 0; padding: 0; }

body {
	background-color: #fff;
	background-image: url(../images/body-background.gif);
	background-repeat: repeat-y;
	background-position: center;
	font-family: Segoe, 'Trebuchet MS', Tahoma, Arial, sans-serif;
	font-size: 93.21%;
	color: #000000;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

p {
	margin: 5px;
}

form {
	display: inline;
}

img, a img {
	border: none;
}

input {
	font: 11px Tahoma, Arial, sans-serif;
}

select {
	font: 11px Tahoma, Arial, sans-serif;
}

textarea {
	padding-left: 2px;
	font: 11px/1.3em Tahoma, Arial, sans-serif;
}

.inputfield {
	border-top: 1px solid #999999;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #999999;
	background: #FFFFFF;
	padding: 2px;
}

.inputerror {
	font-size: 11px;
}
.inputfielderror {
	padding: 2px;
}

.button {
	padding-left: 5px;
	padding-right: 5px;
	background: url(../images/button-bg.gif) no-repeat bottom right;
	border: 1px solid #808080;
}

.glostip {
	cursor: help;
	border-bottom: 1px dotted #5C5C5C;
	color: #5C5C5C;
}
.tooltip {
	color: #fff;
	width: 300px;
	z-index: 13000;
	text-align: left;
}
.tooltip h4 {
	margin: 0;
	padding: 8px 8px 4px;
	font-weight: 700;
	font-size: .7em;
	background: url(../images/bubble.png) top left;
}
.tooltip p {
	margin: 0;
	padding: 4px 8px 8px;
	font-size: .7em;
	background: url(../images/bubble.png) bottom right;
}

.gmap { 
	width: 300px;
	height: 250px;
	margin: 25px auto 0 0;
	border: 1px solid #000;
}

.clear { clear: both; }


/**
 * main style elements
 */
#main-wrapper {
	margin: 0 auto;
	padding: 0;
	width: 900px;
}

#header {
	width: 898px;
	height: 120px;
	background: url(../images/header.png) top left no-repeat;
}

#header h1 {
	color: #4d4d4d;
	font-size: .1em;
}

#main-menu {
	margin: 0;
	padding: 0 10px;
	width: 878px;
	height: 34px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: .8em;
	background-color: #fff;
	background-image: url(../images/main-menu.jpg);
	background-repeat: repeat-x;
	background-position: 0;
}
#main-menu ul { 
	padding-left: 10px;
	list-style: none;
}
#main-menu li {
	float: left; 
	padding: 9px 10px 8px 10px;
	text-align: center;
}
#main-menu a {
	color: #fff;
	text-decoration: none;
}
#main-menu a:hover	{
	color: #fff;
	text-decoration: underline;
}
#main-menu .active {
	background: url(../images/main-menu-current.gif) bottom center no-repeat;
}
#main-menu .active a  {
	font-weight: normal;
	color: #ddd;
	text-decoration: none;
}
#main-menu .active a:hover {
	font-weight: normal;
	color: #ddd;
	text-decoration: none;
}


#inner-wrapper {
	margin: 10px;
	padding: 0;
	width: 878px;
	height: 100%;
}

#footer {
	clear: both;
	margin: 0;
	padding: 5px 10px;
	width: 878px;
	color: #fff;
	background-color: #2d2d2d;
}

#footer p {
	font-size: .8em;
}

#footer a {
	color: #F2E960;
	text-decoration: underline;
}

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


/**
 * sidebar elements
 */
#sidebar {
	width: 160px;
	float: left;
}

#sidebar a.glostip { border-bottom: none; }

.box .ul-normal {
	padding: 5px 5px 5px 10px;
}

.box {
	margin-bottom: 10px;
	background: #F4F4F4;
	color: #000000;
	font-family: Tahoma, Arial, sans-serif;
	font-size: .8em;
	border-left: 5px solid #0AABF0;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/* orange: AB610E
   grün: 24AB0E
   lila: A90EAB   */

.boxnotice {
	margin-bottom: 10px;
	background: #F2E2E2;
	color: #000000;
	font-family: Tahoma, Arial, sans-serif;
	font-size: .85em;
	border-left: 5px solid #0AABF0;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.box h2 {
	padding-left: 10px;
	height: 20px;
	background: #2D2D2D;
	color: #fff;
	font-family: Segoe, Tahoma, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 20px;
}

.box p {
	padding: 5px 5px 5px 10px;
}

.login-small, .search-small {
	padding: 5px 5px 5px 10px;
}
.login-small .inputfield , .search-small .inputfield {
	width: 78%;
}

#l_password {
	background: url(../images/icons/loginpass.gif) no-repeat center left #FFFFFF;
	padding-left: 17px;
}
#l_username {
	background: url(../images/icons/loginuser.gif) no-repeat center left #FFFFFF;
	padding-left: 17px;
}

.search {
	background: url(../images/icons/search.gif) no-repeat center left #FFFFFF;
	padding-left: 17px;
}

.ul-menu {
	margin: 0;
	padding: 0;
}

.ul-menu li {
	width: 144px;
}

.ul-menu li a {
	display: block;
	padding: 0 0 3px 10px;
	width: 100%;
	height: 22px;
	line-height: 22px;
}

.ul-menu li a:hover {
	background: #0AABF0;
	color: #fff;
}

.ul-menu li a.active {
	background: #0AABF0;
	color: #fff;
}

.ul-menu .ul-submenu {
	margin: 0;
	padding: 0;
}
.ul-menu .ul-submenu li {
	padding-left: 8px;
	width: 128px;
}
.ul-menu .ul-submenu li a {
	display: block;
	padding: 0 0 3px 10px;
	width: 100%;
	height: 22px;
	line-height: 22px;
	background: none;
}

.ul-menu .ul-submenu li a:hover {
	background: none;
	color: #000;
}

.ul-menu .ul-submenu li a.active {
	color: #0AABF0;
	font-weight: bold;
}

.ul-menu .ul-subsubmenu {
	font-size: .8em;
}

.ul-menu .ul-subsubmenu li {
	padding-left: 8px;
}

.ul-menu .ul-subsubmenu li a {
	display: block;
	padding: 0 0 3px 10px;
	width: 100%;
	height: 16px;
	line-height: 16px;
	background: none;
}


/**
 * additional style elements
 */
#content-small {
	margin: 0 10px;
	margin-right: 5px;
	padding: 0px;
	width: 330px;
	float: left;
}

#content-normal {

}

#content-large {
	margin: 0 10px;
	padding: 0px;
	width: 685px;
	float: left;
}

#content-small h2, #content-normal h2, #content-large h2 {
	color: #008BCA;
	font-size: 1.25em;
	margin-bottom: 10px;
}
#content-small h3, #content-normal h3, #content-large h3 {
	color: #008BCA;
	font-family: Arial, Tahoma, Verdana;
	font-size: 1.1em;
	font-weight: 550;
	letter-spacing: -1px;
	margin-bottom: 10px;
}

#content-small h3, #content-normal h3, #content-large h3 {
	color: #008BCA;
	font-family: Arial, Tahoma, Verdana;
	font-size: .95em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
}

#content-small p, #content-normal p, #content-large p {
	font-size: .9em;
	line-height: 1.5em;
	margin-bottom: 10px;
}
#content-small a, #content-normal a, #content-large a {
	color: #0E6CAC;
	text-decoration: none;
}
#content-small a:hover, #content-normal a:hover, #content-large a:hover {
	color: #0E6CAC;
	text-decoration: underline;
}
#content-small .image, #content-normal .image, #content-large .image {
	padding: 1px;
	border: 1px solid #cecece;
}

ul.normal {
	margin-left: 20px;
	margin-bottom: 15px;
	font-size: .8em;
}



.entry {
	margin-bottom: 15px;
}

.outer {
	margin-bottom: 10px;
	background: #F4F4F4;
	color: #000000;
	font-size: .9em;
	border-left: 5px solid  #0AABF0;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.entry .content {
	padding-right: 10px;
	padding-left: 10px;
	background: #F4F4F4;
}

.entry span {
	color: #0E6CAC;
	font-size: .75em;
	font-weight: bold;
}

.entry h4 {
	cursor: pointer;
    padding-left: 10px;
	height: 20px;
	background: #2D2D2D;
	color: #fff;
	font-family: Segoe, Tahoma, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 20px;
}

.entry p {
	margin: 0;
	padding: 5px 0;
}

.entry .portofolio {
	clear: right;
	min-height: 80px;
	margin-bottom: 10px;
	border-bottom: 1px solid #2d2d2d;
}

* html .entry .portofolio {
	height: 80px;
}


.partner img {
	float: left;
	margin: 5px;
	padding: 5px;
	background: #f4f4f4;
	border: 1px solid #CCC;
}

.show { border-bottom: 1px solid #cccccc; }


.mod_gal_imgcontainer {
	float: left;
	width: 150px;
	height: 150px;
	margin: 5px;
	padding: 0;
	background: #f4f4f4;
	border-left: 5px solid #0AABF0;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.mod_gal_imgcontainer .glostip {
	cursor: pointer;
	border-bottom: none;
	color: #000;
}

.mod_gal_header {
	padding: 5px;
	background: #2d2d2d;
	color: #fff;
	font-family: Segoe, Tahoma, Arial, sans-serif;
	font-size: .8em;
	font-weight: bold;
	line-height: 20px;
}
.mod_gal_img {
	padding: 10px;
	text-align: center;
}
.mod_gal_kbsize {
	margin-top: 3px;
	color: #999;
	text-align: center;
}


#profile {
	display: block;
	margin: 5px;
	padding: 5px;
}

#profile label {
	display: block;
	float: left;
	width: 185px;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	font-size: 1em;
}