/* general definitions */
html, body, form, div, p, img {
	margin: 0px;
	padding: 0px;
}

html {
	height: 100%;
}

body {
	height: 100%;
	font-size: 11px;
	color: #36373c;
	background-color: #ebf6fc;
}

body, h1, h2, h3, h4, h5, p, input, textarea {
	font-family: Verdana, Arial;
	line-height: 130%;
}

a {
	color: #428cbc;
	text-decoration: none;
	cursor:pointer;
}
a:hover {
}

p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	display:block;
}

h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	font-family: Arial, Verdana;
	color: #6d6f73;
	text-decoration: none;
}

h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 18px;
}

h1 {
	margin: 0px 0px 3px 0px;
	font-size: 14px;
	color: #6d6f73;
	font-weight:normal;
}

h3 {
	margin: 0px 0px 10px 0px;
	font-size: 13px; 
	font-weight: bold; 
	color: #438bbd;
	
}
h4 {
	margin: 0px 0px 5px 0px;

	font-size: 10px; 
	font-weight: normal; 
}
td {
	border-bottom: 1px solid #CCCCCC;
	padding: 1px 0;
}
small {
	font-size: 10px;
	color:black;
	background-color: white;
	display:block;
}
fieldset {
	color: black;
	border: 1px solid #CCCCCC;
	margin: 0px 0px 10px 0px;
	padding: 5px;
}
ul {
	margin: 0px 0px 5px 20px;
	padding: 5px 0px 5px 0px;
}
li {
	padding: 0px;
	margin: 0px 0px 3px 0px;
}
label {
	cursor: pointer;
}
img a, a img {
	border: 1px none white;
}
input, textarea {
	padding: 3px;
}
textarea, input {
}
input.submit {
	
	cursor:pointer;
}

input.submit:hover {
	
}


/**
 * special definitions
 * used within a couple templates
 */
.stopfloat {
	clear:both;
	float:none;
	height: 0px;
	overflow:hidden;
	display:block;
}

.status_text {
	color: #CC0000;
	font-weight: normal;
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
.float {
	float:left;
	margin: 0px 5px 5px 0px;
}
.innerPadding {
	padding: 20px;
}
.trennersmall {
	height: 2px;
}
.trenner {
	height: 10px;
}
.trennerbig {
	height: 20px;
}

a.link {
	cursor:pointer;
	border-bottom: 1px none white;
}

/* page structure main page design */
#container {
	margin: 0 auto;
	width: 967px; 
	
	background-image: url(images/bg_container.gif);
	background-repeat: repeat-y;
	background-position: right;
	
	background-color: white;
}

#header {
	height: 100px;
}
#header .logo, #header .service, #header .language {
	padding: 13px 0px 20px 0px;	
}
#header .logo {
	float:left; 
	width: 630px;
}
#header .logo img {
	margin: 0px 0px 30px 15px;	
}
#header .service {
	float:left; 
	width: 230px;
}
#header .service, #header .service a {
	color: #428cbc;
}

#header .language {
	float:left; 
	width: 100px;
	position:relative;
}
#header .language a {
	color: #86878a;	
}

#languagebox {
	top: 28px;
	right: 28px;
	width: 100px;
	position:absolute;
	padding: 2px 0px 0px 0px;
	border: 1px solid #DADBDB;
	background-color: #FFFFFF;
}
#languagebox div  {
	padding: 3px 6px 3px 6px;
	margin: 0px 0px 2px 0px;
}
#languagebox div:hover {
	background-color: #f7fafc;	
}


/* structure in page.inc.php */
#page_container {
	float:left;
	width: 517px;
	text-align: left;
}
.content_borders {
	margin: 0px 0px 0px 12px;	
}
#page_content {
	padding: 0px 11px 0px 11px;
}

/* padding in page.inc.php */
.content_padding {
	border-right: 1px solid #dadbdb;
	border-left: 1px solid #dadbdb;
	padding: 16px;
}

/* padding in show.inc.php */
.content_item {
	margin-bottom: 20px;
}

/* rest in footer.inc.php */
#right {
	float:left;
	width: 253px;
}
#right a {
	color: #6d6f73;	
}
#right .free {
	background-image: url(images/teaser_product_free_bg.gif);	
	height: 64px;
}
#right .experts {
	background-image: url(images/teaser_product_experts_bg.gif);
	height: 92px;	
}
#right .insiders {
	background-image: url(images/teaser_product_insiders_bg.gif);	
	height: 92px;	
}
#right .teaser {
	background-color: white;
	background-repeat: no-repeat;
	cursor:pointer;
}
#right .teaser div.title {
	font-weight: bold;
	font-size: 13px;
}
/* right teaser small box */
#right .free div.title {
	padding: 20px 0px 0px 20px;	
	font-weight: bold;
	font-size: 13px;
}
#right .free div.text {
	padding: 0px 0px 0px 20px;	
}
/* right teaser big box */
#right .insiders div.title, #right .experts div.title {
	padding: 20px 20px 0px 100px;	
	font-weight: bold;
	font-size: 13px;
}
#right .insiders div.text, #right .experts div.text {
	padding: 0px 20px 0px 100px;	
}




/**
 * navigation styles
 * in header.inc.php
 * in tpl-functions.inc.php
 * needs a clean up
 */

#navi_main {
	float:left;
	width: 190px;
	font-family: Verdana, Arial;
}
#navi_main div, #navi_main ul li.categories {
	margin: 0px 0px 0px 15px;
	padding: 5px 0px 0px 16px;
	height: 24px;
	background-image: url(images/bg_navi.gif);
	background-repeat: no-repeat;
}

#navi_main div:hover {
	background-image: url(images/bg_navi_hover.gif);	
}
#navi_main div.aktiv, #navi_main ul li.categories {
	background-image: url(images/bg_navi_hover.gif);	
}

#navi_main a, #navi_main ul li.categories {
	color: #246084;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	border-bottom: 1px none white;
}
#navi_main div:hover a, #navi_main div.aktiv a, #navi_main div.aktiv, #navi_main div:hover {
	cursor:pointer;
}

#navi_main ul, #navi_main ul li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;	
}	

#navi_main #navi_sub {
	margin: 0px;
	padding: 0px;
	background: none;
	height: auto;
}
#navi_main #navi_sub div {
	margin: -11px 0px 0px 15px;
	padding: 2px 0px 2px 0px;
	cursor:pointer;
	background-image: url(images/bg_subnavi.gif);
	background-repeat: repeat-y;
}
#navi_main #navi_sub div.first {
	padding-top: 9px;
}
#navi_main #navi_sub div.last, #navi_main #navi_sub div.both, #navi_main ul li ul {
	margin-bottom: 5px;
	padding-bottom: 5px;
	background-image: url(images/bg_subnavi_bottom.gif);
	background-repeat: repeat-y;
	background-position: bottom left;
}
#navi_main ul li.categories ul {
	margin-left: -16px;
}
#navi_main #navi_sub div.both, #navi_main ul li.categories ul {
	padding: 9px 0px 9px 0px;
	height: auto;
}
#navi_main ul li.categories {
	height: auto;	
}
#navi_main #navi_sub div div {
	margin: 0px;
	padding: 0px;
	height: auto;	
	background: none;
}
#navi_main #navi_sub div a, #navi_main #navi_sub div div, #navi_main ul li ul li a, #navi_main ul li ul li {
	font-weight: normal;
	color: #428cbc;	
}
#navi_main #navi_sub div a, #navi_main #navi_sub div div, #navi_main ul li ul li a {
	margin: 0px 0px 0px 16px;
}
#navi_main #navi_sub a:hover, #navi_sub div.aktiv a, #navi_main ul li ul li a:hover {
	background-color: #eef7fc;	
}
#navi_main #navi_sub input.text {
	width: 90px;
	border: 1px solid #ccc;	
}
#navi_main #navi_sub input.submit  {
	background-color: #eef7fc;	
	padding: 2px;
	color: #246084;
	font-weight: bold;
	font-size: 11px;
	border-top: 1px solid #efefef;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	border-left: 1px solid #efefef;
}

/* footer */
#footer {
	border-top: 1px solid #EFEFEF;
	margin: 20px 7px 0px 0px;
	padding: 5px 15px 20px 15px;
	font-size: 11px;
}
#footer, #footer a {
	color: #86878a;	
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
}

#navi_footer {
	padding: 0px 0px 0px 0px;
}
#navi_footer div {
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #6d6f73;
}
#navi_footer a {
	border-bottom: 1px none transparent;
}
#navi_footer div.last {
	border-right: none;
}
#navi_footer div.stopfloat {
	clear:both;
	float:none;
}



/* template specific styles  */

/* formular generator */
.form_required {
	color: red;
}
.form_save_margin {
	height: 20px;
}
h2.form_titel {
	margin: 10px 0px 3px 0px;
}
.form_left {
	float:left;
	width: 140px;
}
.form_right {
	float:left;
}

.form_checkbox, .form_radio {
	margin: 0px;
	padding: 0px;
	border: 1px none transparent;
}

.form_text_short {
	width: 80px;
}
.form_text_long {
	width: 260px;
}
.form_textarea_short {
	width: 100px;
	height: 40px;
}
.form_textarea_long {
	width: 260px;
	height: 200px;
}

.form_group {
	float:left;
	width: 120px;
}


/* special stuff */
div.teamimage {
	float:left;
	margin: 0px 20px 5px 0px;
}

/* news */
.news_datum, .veranstaltungen_text {
	font-size: 11px;
}
.news_text, .veranstaltungen_text {
	margin: 0px 0px 20px 0px;
}

.flickrmodule div {
	float:left;
	margin: 0px 15px 20px 0px;
}
.flickrmodule div.stopfloat {
	float:none;
	clear:left;
	margin: 0px;
	padding: 0px;
}

/* teaser box */
.teaser {
	background-color: #edf7fc;
	padding: 0px;
	color: #6d6f73;
	font-size: 11px;
}
.teaser h1, .teaser h1 a {
	color:  #428cbc;
	font-size: 13px;
}
.teaser .link {
	text-align: right;
	font-weight: bold;	
	margin-top: 20px;
}
.teaser .link a {
	color:  #428cbc;	
}
.teaser span { 
	display:block;
	
	background-image: url(images/teaser_tl.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.teaser span span { 
	background-image: url(images/teaser_tr.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.teaser span span span { 
	background-image: url(images/teaser_br.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.teaser span span span span { 
	background-image: url(images/teaser_bl.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	
	padding: 14px;
}


/* sidebar */
#right div.links {
	widht: 239px;
	height: 78px;
	margin-bottom: 5px;
	background-image: url(images/sidebar/bg_links.gif);
	background-repeat: no-repeat;	 
}
#right div.links div {
	padding: 13px 15px 10px 15px;
}
#right div.links ul {
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}
#right div.links ul li a {
	font-size: 13px;
	color: #6d6f73;
}
#right div.links ul li a:hover {
	font-weight: bold;	
	padding-right: 30px;
	background-image: url(images/sidebar/arrows.gif);
	background-repeat: no-repeat;	
	background-position: center right;
}


#right div.news {
	widht: 239px;
	height: auto;
	background-image: url(images/sidebar/bg_events.gif);
	background-repeat: repeat-y;
}
#right div.news div {
	padding: 10px 15px 10px 15px;
}
#right div.events {
	widht: 239px;
	height: auto;
	background-image: url(images/sidebar/bg_events.gif);
	background-repeat: repeat-y;	 
}
#right div.events div {
	padding: 10px 15px 10px 15px;
}
#right div.end {
	widht: 239px;
	height: 15px;
	margin-bottom: 5px;
	background-image: url(images/sidebar/bg_end.gif);
	background-repeat: repeat-y;	 
	background-position: left bottom;
}

#right div.events h2, #right div.news h2 {
	font-size: 13px;
	font-weight: bold;
	color: #6d6f73;
	margin: 0px 0px 10px 0px;		
}
#right div.events ul, #right div.events ul li, #right div.news ul, #right div.news ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;	
}
#right div.events ul li div.datum, #right div.news ul li div.datum {
	margin: 0px;
	padding: 0px;
	float:left;
	width: 80px;
	font-size: 11px;
	font-weight: bold;
	border-right: 1px solid #6d6f73;
}
#right div.events ul li div.text, #right div.news ul li div.text {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	float:left;
	width: 120px;
	font-size: 11px;
	font-weight: normal;	
}
#right div.news .stopfloat, #right div.events .stopfloat {
	height: 8px;
	overflow:hidden;
	font-size: 0px;
	padding: 0px;
	margin: 0px;
}


/* blog special */
#page_content .entry {
	margin-bottom: 50px;
}

.boxcomments textarea {
	width: 400px;	
}