/* Imaginata MASTER-CORE CSS Document */
/* by MARKO BUECHEL ART-KON-TOR 2009
------------------------------------------------------------------------------*/

:focus { outline:0;}
:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-family:"Helvetica", Arial, sans-serif; font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none; }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal; }

table {	border:none; padding:0px; margin:0px; border-spacing:0px;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding: 2px 5px 2px 0px; margin:0px 0 1px 0; vertical-align:top; border-spacing:0px; }


legend { display: none;}

/*	reset some basic style
------------------------------------------------------------------------------*/
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin: 0px 0px 12px 0px;}

ul			{list-style: none; margin: 10px 0 10px 5px;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

.content100_normal ul,
.content50_normal ul,
.content33_normal ul,
.content100_box ul,
.content50_box ul,
.content33_box ul	{list-style-image: url(../files/ul.gif); padding-bottom: 0px; margin: 0 0 0 14px;}

.content100_normal ul li,
.content50_normal ul li,
.content33_normal ul li,
.content100_box ul li,
.content50_box ul li,
.content33_box ul li	{margin: 0 0 0 0;}

.content100_normal ul li ul,
.content50_normal ul li ul,
.content33_normal ul li ul,
.content100_box ul li ul,
.content50_box ul li ul,
.content33_box ul li ul	{margin: 0 0 0 0; list-style: disc;}

.content100_normal ul li ol,
.content50_normal ul li ol,
.content33_normal ul li ol,
.content100_box ul li ol,
.content50_box ul li ol,
.content33_box ul li ol	{margin: 0 0 0 0;}

.banner ul		{list-style-image: url(../files/ul.gif); padding-bottom: 0px; margin: 0 0 0 0px;}
.banner ul li		{margin: 0 0 0 0;}
.banner ul li ul	{margin: 0 0 0 0;}
.banner ul li ol	{margin: 0 0 0 0;}

#text ul		{list-style-image: url(../files/ul.gif); padding-bottom: 0px; margin: 0 0 0 0px;}
#text ul li		{margin: 0 0 0 0;}
#text ul li ul	{margin: 0 0 0 0; list-style-type: none;}
#text ul li ol	{margin: 0 0 0 0;}

.content ul		{list-style-image: url(../files/ul.gif); padding-bottom: 0px; margin: 0 0 0 0px;}
.content ul li		{margin: 0 0 0 0;}
.content ul li ul	{margin: 0 0 0 0; list-style: none;}
.content ul li ol	{margin: 0 0 0 0;}

.content_2 ul		{list-style-image: url(../files/ul.gif); padding-bottom: 0px; margin: 0 0 0 0px;}
.content_2 ul li		{margin: 0 0 0 0;}
.content_2 ul li ul	{margin: 0 0 0 0; list-style: none;}
.content_2 ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

.artikel-index fieldset { float: left;}

/*	html
------------------------------------------------------------------------------*/
html {
	height: auto;
	margin-bottom: 1px;
}

/*	body
------------------------------------------------------------------------------*/
body {
	text-align:left;
	font-family:"Helvetica", Arial, sans-serif;
	background: #EEE9DE;
}

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.clboth {
	clear:both;
}

.flLeft { float:left; }
.flRight { float:right; }

.warning { color:#BB3B41; font-weight: normal;}

/* Formatierung der Newsletter Anmeldung
------------------------------------------------------------------------------*/
#newsletter_firstname,
#newsletter_name,
#newsletter_email,
#newsletter_email2 { font-size:10px; padding: 2px 0 2px 2px; background-color:#F0F5F3; border:1px solid #CCCCCC;}

#newsletter h7 {font-size:10px; font-weight:bold; background-color:#FFFFFF; padding:2px 7px 2px 7px;}
#newsletter p {margin-top: 2px;}

/* Class für die News-Einbindung via Modul */
.newswrapper { width: auto;}
#quicknews { margin: -5px 0 0 0px; width: 770px;}
.newsL { width: 29%; float: left;}
.newsM { width: 28%; float: left; margin-left: 25px; }
.newsR { width: 29%; float: left; margin-left: 28px;}

#inhalt_mitte .news p { border-bottom: 1px dotted #999; padding-bottom: 5px;}
.news { display: block; height: auto; margin: 0 0 0 0; padding: 0px;}

.newshl { color: #003355; font-size: 12px; font-weight: bold; margin: 0 0 5px 0; text-transform: uppercase;}
.newsteaser { display: block; width: auto; height: auto;}
.news img { display: block; padding: 0 20px 15px 0; float: left; width: auto;}
.teaser img { padding: 0 10px 10px 0; width: 150px; float: left; clear: none;}
.image { padding: 0 20px 20px 0; float: left; margin: 0 20px 0 0; width: 150px;}
.newsdate { color: #999; font-size: 12px; font-weight: bold; padding: 0px 7px 0 0px; float: left; clear: both;}
.newsheader { font-weight: bold; color: #7EB712; font-size: 12px; }
.newsende { height: 4px; background: url(../files/newsstop.gif) left top no-repeat; margin: -15px 0 10px 0;}
#quicknews a{ color: #727266; font-family:"Helvetica", helvetica, sans-serif;}
#quicknews a:hover { color: white;}
#inhalt_li_st .news p { padding-bottom: 1px;}
#inhalt_li_st { margin-bottom: 4px;}
#inhalt_re_st img { padding-bottom: 18px;}


/* typography
------------------------------------------------------------------------------*/
code, 
#site-image, 
#nav-rightCol, 
#main-block p,
#main-block ul, 
#main-block table, 
#main-block label, 
#footer {
	font-size:10px;
}

#main-block ul code,
body #main-block div#wikitext ul,
body #main-block div#wikitext ul li ul,
body #main-block ul li ul,
#nav-rightCol div.login input {
	font-size:10px;
}

code, 
#main-block p,
#main-block ul, 
#main-block table {
	
}

#nav-rightCol {
	line-height:1.8em;
}


/* Sitemap */
#main-block ul.sitemap2nd  { font-size:10px; }
#main-block ul.sitemap2nd li ul { font-size:10px; line-height:0; }
#main-block ul.sitemap2nd li ul,
#main-block ul.sitemap2nd li ul li ul { padding-top:10px; }
#main-block ul.sitemap2nd li a {display:block; margin-top:0;}

#main-block ul.sitemap2nd li.lsi-sitemap a, 
#main-block ul.sitemap2nd li.lsi-sitemap a:link {
	width:340px;
	
}
#main-block ul.sitemap2nd li.lsi-sitemap li a, 
#main-block ul.sitemap2nd li.lsi-sitemap li a:link {
	background-image:none;
}


/*	website
------------------------------------------------------------------------------*/

#website {
	position:relative;
	margin: 0 auto 0 auto;
	padding: 0px 0 1px 0;
	width: 962px;
	height: auto;
	color: #003355;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	font-family: "Helvetica", Arial, sans-serif;
	}

#wrapper { height: 100%; padding: 0 0 0 1px;}

/*	login form
------------------------------------------------------------------------------*/

#loginbox .submitlog {
    font-size: 10px;
	border: none;
	margin: 0 0 0 0;
	color: white;
	}
	
#loginbox .submitlog:hover {
    font-size: 10px;
	color: white;
	border: none;
	margin: 0 0 0 0;
	}

#searchform { position: absolute; width: 150px; height: 20px; right:184px; top: 20px; padding: 0; float: left; display: none;}
.search { margin-top: 0px; padding: 4px 3px 3px 4px; width: 142px; color: #C3C3C3; background: transparent; float: left; font-family: "Helvetica", Arial, sans-serif; font-size: 10px; border: 1px solid #C3C3C3; }

.inhaltsuche { width: 48%; float: left;}
.tagsuche { width: 48%; float: left; margin-left: 20px;}

.contentsearch { margin: 10px 0 20px 0; padding: 2px; width: 220px; height:15px; border: 1px solid #DDD; color: #333; float: left; font-family: "Helvetica", Arial, sans-serif; font-size: 12px; display:block;}	
.contentsearch:hover { border: 1px solid #f4ab11;}	
.contentsearch:focus { border: 1px solid #003355;}
.suchbutton { margin: 10px 0 0 3px; padding: 0px; border: none; float: left;}
.suchbutton1 { margin: 11px 0 0 2px; padding: 0px; border: none; float: left; color: white;}

.suche { margin-top: 10px;}

.logintxt { margin: 0px 0 0px 0px; padding: 2px 3px 2px 3px; color: #999; font-family: "Arial", helvetica, sans-serif; font-size: 11px;}
.login2 { margin: 1px 0 5px 0; padding: 2px 3px 2px 3px; color: #999; font-family: "Arial", helvetica, sans-serif; font-size: 11px;}
.login2 input { padding: 1px 3px 1px 3px; border-top: 1px solid #CCC; border-left: 1px solid #DDD; border-right: 1px solid white; border-bottom: 1px solid white; float: left;}
#loginbox .submitlog { float: left;}

input.submit3 { 
	margin: -10px 5px 25px 10px;
	padding:0px 3px 0px 3px;
	width: auto;
	height: 17px;
	cursor:pointer;
	float: left;
	border: none;
	font-family: "Arial", helvetica, sans-serif;
	font-size: 11px;
	color: white;
	background: #BB3B41;
}

input.submit3:hover { 
	background: #660000;
}

input.submit4 { 
	margin: 0px 5px 25px 0px;
	padding:0px 3px 0px 3px;
	width: auto;
	height: 17px;
	cursor:pointer;
	float: left;
	border: none;
	font-family: "Arial", helvetica, sans-serif;
	font-size: 11px;
	color: white;
	background: #BB3B41;
}

input.submit4:hover { 
	background: #660000;
}

input.submit { 
    font-family: "Arial", helvetica, sans-serif;
	font-size: 11px;
	margin:10px 5px 15px 0px;
	padding:1px 5px 1px 5px;
	width: auto;
	height: auto;
	cursor:pointer;
	border: none;
	color: white;
	background: url(../files/button_no.gif) center bottom no-repeat;
}

input.submit:hover { 
	border: none;
	background: url(../files/button_ov.gif) center bottom no-repeat;
}

/*	header
------------------------------------------------------------------------------*/


/*	logo
---------------------------*/
#logo {
	position: absolute;
	left: 6px; top:52px;
	width: 266px;
	height: 66px;
	float: left;
	background: url(../files/imaginata_wortmarke.gif) left top no-repeat;
	z-index: 10;
}

#logo_default {
	position: absolute;
	left: 10px; top:50px;
	width: 263px;
	height: 65px;
	float: left;
	background: url(../files/imaginata_wortmarke_default.gif) left top no-repeat;
	z-index: 10;
}

#logo a {
	display:block;
	width:266px;
	height:66px;
	text-indent:-2000em;
	border: none;
}

#logo_default a {
	display:block;
	width:263px;
	height:65px;
	text-indent:-2000em;
	border: none;
}

.sitestart { width: 962px; height: 7px; margin: 0 auto 0 auto; background:url(../files/sitestart.png) left -1px no-repeat;}
.sitestop { width: 962px; height: 7px; color: #999; margin: 0 auto 0 auto; padding: 12px 0 0 0; text-align: right; background:url(../files/sitestop.png) left -1px no-repeat;}


#header {
	position:relative;
    width:837px;
	height: 151px;
	margin: 0px 0 90px 0px;
	padding: 0px 0px 0 0;
	background: url(../files/header_background_default.jpg) right -1px no-repeat;
	color: #999;
	}

#header_start {
	position:relative;
    width:837px;
	height: 380px;
	margin: 0px 0 0 0px;
	padding: 0px 0px 0 0;
	background: url(../files/header_background_start.jpg) right -1px no-repeat;
	color: #999;
	float: left;
	text-align: right;
	}


#nav-header {
	}
	
#header-nav { margin: 52px 0 0 0;}


.datum { position: absolute; left: 12px; top: 125px; color: white;}
.hl1 { position: absolute; left: 12px; top: 10px; color: white; font-size: 11px;}
.hl2 { position: absolute; left: 12px; top: 161px; color: white; font-size: 11px;}
.hl3 { position: relative; color: white; font-size: 11px; margin: 0 0 0 12px; padding: 9px 0 0 0;}

#iconnavigation { position: absolute; width: 80px; height: 25px; margin: 0 0 0 480px; z-index: 110;}
#iconnavigation a { position: relative; margin: 0 6px 0 0;}
	
#menue_start {margin: -37px 0 0 10px; width: 206px; background: url(../files/menuebackground.gif) left top repeat-y; padding: 0 0 0 0; color: #999;}
#menue_var1 {margin: -37px 0 0 10px; width: 206px; height: 38px; background: url(../files/menuebackground.gif) left top repeat-y; padding: 0 0 0 0; color: #999; float: left; clear: none;}

#menue { margin: 0 0 10px 0px; width: 180px; height: auto; padding: 0 0 0 0; color: #999; float: left;}

#menuestart { width: 200px; height: 27px; background: url(../files/subnavstart.gif) left bottom no-repeat;}
#menueende { width: 200px; height: 6px; background: url(../files/subnavstop.gif) left top no-repeat; margin-bottom: 10px;}
#box { width: 100%; color: #999; margin: 0px 0 0 -1px; clear: both;}
#boxstart { width: 200px; height: 7px; background: url(../files/box_rechts.gif) left top no-repeat;}

#maginal .box { padding: 0px; width: 90%; margin: 0px 0 0 1px;}

#menue_ma { width: 200px; color: #999; float: left; clear: none;}
#menuestart_ma { width: 200px; height: 27px; background: url(../files/ma_box_start.gif) left top no-repeat;}
#menueende_ma { width: 200px; height: 6px; background: url(../files/ma_box_stop.gif) left top no-repeat;}
#box_ma { width: 200px; height: auto; margin-top: -6px; color: #999; background: url(../files/ma_box_background.gif) left bottom repeat-y;}

.box { padding: 0px 10px 0 7px; width: 88%; margin: 0px auto 0 auto; background: url(../files/subnavbackground.gif) left bottom no-repeat;}
.box a { padding: 0 0 0 0; margin: 0 0 0 0; line-height: 18px; color: #0B3A8C;}
.box a:hover { color: #7EB712;}
#newsbox { padding: 10px 0px 0px 0px; width: 180px; margin: 0 auto 0 auto; color: #666;}
.newsbox a { color: #1d5121; text-decoration: underline;}
.newsbox a:hover { color: #666666;}
.box_right { padding: 0px 10px 10px 7px; width: 187px; margin: 0 auto 0 auto; background: url(../files/ma_box_verlauf.gif) left bottom no-repeat; color: #666;}
.boxinhalt { width: 180px;}

#banner { margin: -1px 0 0 0; padding: 0px 0px 0px 0px; font-size: 11px;}
#bannertext { padding: 5px 10px 5px 9px; width: 200px; font-size: 11px; background-color: white; background-image: url(../files/bannerhintergrund.gif); background-position: left bottom; background-repeat: repeat-y;}
#banneranfang {margin: 0 0 0 0px; width: 200px; height: 6px; background: url(../files/bannerstart.gif) left bottom no-repeat;}
#bannerende {margin: 0 0 0 0px; width: 200px; height: 6px; background: url(../files/bannerstop.gif) left top no-repeat;}
#banner a { color: #7EB712;}
#banner a:hover { color: #0B3A8C;}


/*	Hyperlinks
------------------------------------------------------------------------------*/

#content a,
#content100 a,
#content66 a,
#content66_start a,
#content3070 a {
    font-family:"Helvetica", Arial, sans-serif;
	font-weight:normal;
	color: #f4ab11;
	text-decoration:none;
	margin: 2px 0px 0px 0px;
	width: auto;
	}

#content a:hover,
#content100 a:hover,
#content66 a:hover,
#content66_start a:hover,
#content3070 a:hover {
	color:#003355;
	text-decoration: none;
	}

#terminal a { color: white;}
#terminal a:hover { color: #003355;} 

h3 a { color:#003355 !important; font-weight: bold !important;}
h3 a:hover { color:#f4ab11 !important; }

/*	ALLE NAVIGATIONEN
------------------------------------------------------------------------------*/

/* BROTKRUMENNAVIGATION
/* -------------------------------------------------------------------------------------------------------------------------------------------- */
#breadcrumb { position: absolute; top: 135px; right: 10px; font-size: 10px; color: #f4ab11; clear: both;}
#breadcrumb a:link,
#breadcrumb a { color:#003355; line-height: 10px;}
#breadcrumb a:hover { color: #f4ab11; line-height: 10px;}
/* -------------------------------------------------------------------------------------------------------------------------------------------- */


#permnavigation { position: relative; width: auto; height: 32px; float: right; margin-top: -2px; padding: 0px 0 0 3px; font-size: 10px; font-weight: bold; text-align: left; z-index: 5; background: url(../files/permnavi_start.gif) left top no-repeat;}
#permnavigation a { color: white; height: 38px; line-height: 29px; padding: 8px 17px 10px 10px; text-transform:uppercase; background: url(../files/permnavi_btn.gif) right top no-repeat;}
#permnavigation a:hover { color:#003355;}
#spacer { position: absolute; right: 0px; top: 0px; width: 7px; height: 38px; background: url(../files/permnavi_abdecker.gif) right top no-repeat; z-index: 10;}


.loginnavi { margin: 54px 1px 0 0; font-size: 12px; font-weight: bold; color: white; text-align: right;}
.loginnavi a { height: 10px; color:white; padding: 0 0 0 0;}
.loginnavi a:hover { color:#666;}
.hotline { margin: 15px 10px 0 0; color: #CCC; font-size:13px; font-weight:normal; text-align: right;}

#quickmenue { display: block; width: 181px; font-size: 11px; margin: 0 0 0px 0px; padding: 5px 5px 10px 7px; background:url(../files/nav_left_verlauf.png) left bottom no-repeat; text-transform: uppercase; clear:both;}
.navwrapp { background:url(../files/nav_left_repeater.png) left top repeat-y;}
.quickmenue_start { display: block; width: 181px; height: 2px; margin: -2px 0 0 0; background:url(../files/nav_left_start.png) left bottom no-repeat;}
#quickmenue a { display: block; font-weight: normal; width: 89%; color: white; margin: 0 0 1px 0; padding: 4px 0 2px 5px; background: url(../files/button_trans.png) left top no-repeat;}
#quickmenue a:hover {color: #85AD00; border:none;}

.menue_start { display: block; width: 181px; height: 2px; margin: -3px 0 0 0; background:url(../files/quicknav_start.png) left top no-repeat;}
.menuewrapp { background:url(../files/quicknav_verlauf_1.png) left bottom no-repeat;}

#navigation { position: absolute; left: 130px; top: 151px; width: 837px; height: 113px; background:url(../files/navigation_background.png) left top no-repeat; z-index: 20;}
 	
ul.nav1st {
	font-family: "Arial", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	width: 837px;
	height: 50px;
	float: left;
	padding: 0;
	margin: 0 0 0 10px;
	}

ul.nav1st li {
	display:inline;
	}

ul.nav1st a, 
ul.nav1st a:link {
	display:block;
	float: left;
	clear: none;
	padding: 20px 20px 0px 12px;
	margin: 0px 0px 1px 0px;
	color: white;
	height: 30px;
	width: auto;
	text-align: left;
	background: transparent url(../files/navi_btn_left.gif) right 4px no-repeat;
	}
	
ul.nav1st a:hover,  
ul.nav1st a:link:hover {
	padding: 20px 20px 0px 12px;
	color: #003355;
	background: transparent url(../files/navi_btn_left.gif) right 4px no-repeat;
	}


ul.nav1st a.current, 
ul.nav1st a.current:link {
	color: white;
	padding: 20px 18px 0px 5px;
	background: transparent url(../files/navi_actice.gif) right top no-repeat;
}

.oeffnen { width: 5px; height: 50px; padding: 0 5px 0 0px; margin: 0px -2px 0 0px; background: transparent url(../files/navi_actice.gif) left top no-repeat; float: left;}


#footer-nav ul.nav1st {
	font-family: "Helvetica", Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	width: 826px;
	height: auto;
	float: left;
	padding-left: 0px;
	margin: 0 0 0 0;
	background:none;
	border:none;
	}

#footer-nav ul.nav1st li {
	display:inline;
	}

#footer-nav ul.nav1st a, 
#footer-nav ul.nav1st a:link {
	display:block;
	float:left;
	clear: none;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #f4ab11;
	height: auto;
	width: auto;
	text-align: left;
	font-weight: bold;
	background:none;
	}
	
#footer-nav ul.nav1st a:hover,  
#footer-nav ul.nav1st a:link:hover {
	padding: 0px 10px 0px 0px;
	color: #003355;
	}


#footer-nav ul.nav1st a.current, 
#footer-nav ul.nav1st a.current:link {
	color: #003355;
	padding: 0px 10px 0px 0px;
}


#footer-nav2nd ul.foot2nd {
	font-family: "Helvetica", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	width: 240px;
	height: auto;
	float: left;
	padding-left: 0px;
	margin: 5px 0 0 0;
	background:none;
	border:none;
	}

#footer-nav2nd .foot2nd { display: inline;}

#footer-nav2nd a, 
#footer-nav2nd a:link {
	display:block;
	float:left;
	clear: none;
	font-size: 9px;
	padding: 0px 10px 0px 0px;
	color: #CCC;
	height: auto;
	width: 110px;
	text-align: left;
	font-weight: normal;
	background:none;
	text-transform: uppercase;
	}
	
#footer-nav2nd a:hover,  
#footer-nav2nd a:link:hover {
	padding: 0px 10px 0px 0px;
	color: #85AD00;
	}

#footer-nav3rd ul.foot3rd {
	font-family: "Helvetica", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	width: 200px;
	height: auto;
	float: left;
	padding-left: 0px;
	margin: 5px 0 0 0;
	background:none;
	border:none;
	}

#footer-nav3rd .foot3rd { display: inline;}

#footer-nav3rd a, 
#footer-nav3rd a:link {
	display:block;
	float:left;
	clear: none;
	font-size: 9px;
	padding: 0px 10px 0px 0px;
	color: #CCC;
	height: auto;
	width: 110px;
	text-align: left;
	font-weight: normal;
	background:none;
	text-transform: uppercase;
	}
	
#footer-nav3rd a:hover,  
#footer-nav3rd a:link:hover {
	padding: 0px 10px 0px 0px;
	color: #85AD00;
	}
	
	
.sitestop a,
.sitestop a:link {
	display:block;
	float:right;
	clear: none;
	font-size: 9px;
	padding: 0px 1px 0px 0px;
	color: #CCC;
	height: auto;
	width: auto;
	text-align: left;
	font-weight: normal;
	background:none;
	}

.sitestop a:hover,  
.sitestop a:link:hover {
	padding: 0px 1px 0px 0px;
	color: #85AD00;
	}


/*	nav2nd Unternavigation
------------------------------------------------------------------------------*/


#subnavigation { position: absolute; left: 136px; top: 242px; width: 820px; height: 40px; margin-left: 4px; z-index: 50;}


#subnavigation ul.nav2nd {
	width: 820px;
	height: 30px;
	color: white;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 0 7px 11px;
	margin: 11px 0 0 0;
	clear: both;
	background:url(../files/subnavi_background_1.png) left top no-repeat;
}

#subnavigation ul.nav2nd li { display: inline;}
    
#subnavigation ul.nav2nd li a, 
#subnavigation ul.nav2nd li a:link {
    display: block;
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 1px 0px;
	color: white;
	height: auto;
	width: auto;
	text-align: center;
	float: left;
}

#subnavigation ul.nav2nd li a:hover {
	color: #f4ab11;
}


#subnavigation ul.nav2nd li a.current, 
#subnavigation ul.nav2nd li a.current:link {
    color: #f4ab11;
}



/*	nav3rd
------------------------------------------------------------------------------*/

#subsubnavigation { display: block; width: 180px; margin-top: 6px; float: left; padding-right: 5px;}

ul.nav3rd {
	padding: 4px 0 2px 0px;
	margin: 0px 0 24px 0;
	display: block;
	width: 180px;
	font-size: 12px;
	float: left;
	}


ul.nav3rd li {
	padding: 1px 0 1px 0;
	display: block;
	width: 180px;
	background: url(../files/zweigende.gif) 4px 2px no-repeat;
}

ul.nav3rd li a, 
ul.nav3rd li a:link {
    display: block;
    margin: 0 0 0 0px;
	padding: 3px 2px 2px 0px;
	line-height: 16px;
	color: #003355 !important;
	width: auto;
	border-bottom: 1px dotted #CCC;
	background: none;
	}

ul.nav3rd li a:hover, 
ul.nav3rd li a:link:hover {
    line-height: 16px;
	color: #f4ab11 !important;
	width: auto;
	border-bottom: 1px dotted #CCC;
	background: none;
}


ul.nav3rd li a.current, 
ul.nav3rd li a.current:link {
    color: #f4ab11 !important;
    border-bottom: 1px dotted #CCC;
    font-weight: bold  !important;
}




/*	nav4th
------------------------------------------------------------------------------*/
ul.nav4th {
}

ul.nav2nd li li li a,
ul.nav2nd li li li a:link {
	padding:0 0 0 10px;
	width:170px;
	background:url(http://new.redaxo.de/files/lsi-2nd-no.gif) 0 10px no-repeat !important;
}



/*	main
------------------------------------------------------------------------------*/
#main {
	margin: 0 0 0px 0px;
	width: 832px;
	height: auto;
	padding: 0px 0 50px 0px;
	line-height: 18px;
	float: left;
}

#content{ width: 545px; margin: 0px 0 0 10px; padding: 5px 10px 0 15px; float: left; border-left: 1px solid white;}
#content100 { width: 790px; margin: 0px 0 0 0px; padding: 5px 10px 0 0; float: left;}

#content3070 {
	margin: 0px 0 0px 30px;
	width: 580px;
	height: auto;
	padding: 7px 0 1px 0px;
	line-height: 18px;
	float: left;
}

#content66 {
	margin: 0px 0 0px 0px;
	width: 837px;
	height: auto;
	padding: 0px 0 1px 0px;
	line-height: 18px;
	background: url(../files/content_shadow.png) right bottom no-repeat;
	float: left;
	clear: both;
	z-index: 1;
}

#content66_start {
	margin: 65px 0 0px 0px;
	width: 837px;
	height: auto;
	padding: 0px 0 1px 0px;
	line-height: 18px;
	background: url(../files/content_shadow.png) right bottom no-repeat;
	clear: both;
	z-index: 1;
}

.banner { width: 130px;}


#bildbox { width: 825px; height: auto; padding: 0px; margin: -50px 0 0 0; float: left; text-align: center; background: url(../files/slideloader.gif) center center no-repeat;}
.mainimage { width: 562px; height: 224px; margin: 0px 0 0 0px; background: url(../files/bildbox.png) 2px top no-repeat;}
.bildboxende { display: block; width: 565px; height: 3px; background: url(../files/bildbox_ende.png) left bottom no-repeat; float: left; clear: none;}
.bildboxstart { display: block; width: 565px; height: 3px; background: url(../files/bildbox_ende.png) left top no-repeat; float: left; clear: none;}
#image { width: 930px; margin: 126px 0 0px 15px; float: left; height: 224px;}


#bildbox_focus { width: 59%; height: auto; padding: 0px 2px 0 0px; margin: 3px 0 0px 5px; float: left; clear: both; border: 1px solid #999;}
#cloud { width: 362px; float: left; height: 224px; text-align: left; margin: 3px 0 0 6px; padding: 0px; border: 1px solid #999; background: url(../files/tagcloudbackground.gif) left top no-repeat;}
.a403-cloud { color: white; font-size: x-large; text-transform: uppercase; padding: 10px;}
.a403-cloud a { color: white;}
.a403-cloud a:hover { color: #85AD00;}
.brand { position: absolute; width: 63px; height: 26px; right: 10px; top: 190px; background: transparent url(../files/minilogo_1.png) left top no-repeat; z-index: 140;}

/* #bannerbox { width: 260px; height: 221px; padding: 0px; float: left;} */


#inhalt { margin: 0 0 0 6px; padding: 20px 0px 50px 0px; width: 816px; min-height: 200px; text-align: left; background: white url(../files/content_background.gif) left bottom no-repeat; float: left;}
#inhalt_default { margin: 0px 0 0 6px; padding: 45px 20px 50px 0px; width: 805px; min-height: 200px; text-align: left; background: #FEFDFC url(../files/content_background.gif) left bottom no-repeat; float: left;}
#inhalt_default_ssn { margin: 0 0 0 6px; padding: 10px 20px 50px 0px; width: 790px; min-height: 200px; text-align: left; background: white url(../files/content_background.gif) left bottom no-repeat; float: left;}
#sidebar { width: 130px; height: auto; min-height: 500px; float: left; clear: both;}
.i { width: 118px; height: 425px; margin: 48px 0 39px 0; background: url(../files/logo-i.png) left top no-repeat;}
.i_default { width: 118px; height: 352px; margin: 45px 0 39px 0; background: url(../files/logo-i.png) left top no-repeat;}

#focusarea { position: absolute; width: 550px; height: 320px; left: 280px; top: 40px; float: left; text-align: left; z-index: 20; background: url(../files/slideloader.gif) center center no-repeat;}
#terminal { position: absolute; width: 837px; height: 151px; left: 130px; top: 339px; color: #003355; padding: 10px 0 0 5px; background: url(../files/infoterminal.png) left bottom no-repeat; z-index: 2px; clear: both;}

#terminal .item { width: 824px; margin: 0 0 0 0px; padding: 0;}
#inhalt, #inhalt_default .item { padding: 0 0 0 9px;}
.terminausgabe { display: block; margin: 0 0 0 0;}
.inhalt { width: 800px; padding: 15px 10px 20px 15px; clear: both;}


/* INHALT TERMINE STARTSEITE 
----------------------------------------------------------------------------------------------------------------------------------------------- */
#termine { position: absolute; width: 271px; height: 234px; left: 3px; top: 119px; padding: 12px 10px 10px 15px; float: left; text-align: left; background: url(../files/terminbox.png) left top no-repeat; z-index: 120;}

.portlet { font-size: 14px; color: #f4ab11; line-height: 20px;} 
.portlet a { color: #003355;}
.portlet a:hover { color: #f4ab11;}
.eltitel { font-weight: bold;}
.portlet dt { }

/* BUTTON FÜR ALLE TERMINE STARTSEITE */
.all { width: 29px; height: 30px; float: left; margin: -5px 0 0 2px;}
.all a { display: block; width: 29px; height: 30px; background: transparent url(../files/alleterminebtn_new.gif) left top no-repeat;}
.all a:hover { display: block; width: 29px; height: 30px; background: transparent url(../files/alleterminebtn_over_new.gif) left top no-repeat;}
/* -------------------------------------------------------------------------------------------------------------------------------------------- */


/* TERMINAUSGABE FILTER & DETAIL 
----------------------------------------------------------------------------------------------------------------------------------------------- */
.terminausgabe select { font-family: "Arial", Helvetica, sans-serif; font-size: 12px; border: 1px solid #003355; margin: 0 10px 5px 5px;} 
.terminausgabe submit { font-family: "Arial", Helvetica, sans-serif; font-size: 12px; border: 1px solid #003355;}
/* -------------------------------------------------------------------------------------------------------------------------------------------- */

/* VERANSTALTUNGSKALENDER FORMATIERUNG EINZELVERANSTALTUNG VIA CSS 
----------------------------------------------------------------------------------------------------------------------------------------------- */
.eltitel { }
.eldesc { font-weight: bold;}
.eldescdate { font-weight: bold; color: #f4ab11;}
.desc { }
.desc img { float: right; padding: 0 0px 0 20px;}
.facts { width: 100%; padding: 10px 0 20px 0;}
.facts h1 { width: 100%; color: #003355; font-size: 22px; font-weight:bold; text-transform: uppercase; border: none;}
.ort { }

.eventlist td { padding: 0;}
.eventlist .date { width: 170px; padding: 0; color: #003355;}
.eventlist .title { width: 180px; padding: 0 10px 0 0;}
.eventlist .cat { width: 120px; padding: 0;}
.eventlist .town { width: 75px; padding: 0;}

.katbilder { float: left;}

/* -------------------------------------------------------------------------------------------------------------------------------------------- */

.column {
float:left;
padding:0pt 25px 0pt 0pt;
width:29%;
}
.clearfix {
clear:both;
display:block;
}


#mediacenter { margin-top:-4px; padding: 5px 5px 0 5px; border: 1px solid #333; background: url(../files/playerbackground.png) center top no-repeat;}

#inhalt_li_ma { margin: 0px 0px 0px 20px; padding: 10px 0px 0px 0px; width: 410px; text-align: left; float: left; clear: none; font-size: 11px;}
#inhalt_re_ma { margin: 0px 0px 0px 30px; padding: 0px 0px 0px 0px; width: 200px; text-align: left; float: left; clear: none; font-size: 11px;}

#inhalt_li_st { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; width: 324px; text-align: left; float: left; clear: none; font-size: 11px;}
#inhalt_re_st { margin: 0px 0px 0px 12px; padding: 5px 0px 0px 0px; width: 324px; text-align: left; float: left; clear: none; font-size: 11px;}


/* #menue .normal { margin-left: 0px;} */

.content100_normal { width: 100%; margin-bottom: 20px;}
.content100_box { width: 98%; margin-bottom: 15px;}

.content50_normal { margin-bottom: 20px;}
.content50_normal .linkespalte_normal { width: 48%; padding: 0px 5px 10px 0; margin-bottom: 10px; float: left;}
.content50_normal .rechtespalte_normal { width: 48%; padding: 0px 5px 10px 0; margin: 0 0 10px 11px; float: left;}

.content50_box { text-align: left; margin-bottom: 20px;}
.content50_box .linkespalte_normal { width: 48%; float: left;}
.content50_box .rechtespalte_normal { width: 48%; margin-left: 20px; float: left;}

.content50_normal { margin-bottom: 20px;}
.content50_normal .linkespalte_box { width: 45%; margin-bottom: 10px; float: left;}
.content50_normal .rechtespalte_box { width: 46%; margin: 0 0 10px 6px; float: right;}

.content50_box { text-align: left; margin-bottom: 20px;}
.content50_box .linkespalte_box { width: 45%; float: left; }
.content50_box .rechtespalte_box { width: 45%; margin-left: 6px; float: right;}

.content33_normal { margin-bottom: 20px;}
.content33_normal .linkespalte_2_normal { width: 31%; padding: 0px 10px 5px 0; margin-bottom: 10px; float: left;}
.content33_normal .mittelspalte_2_normal { width: 31%; padding: 0px 0px 10px 0; margin: 0 0 10px 10px; float: left;}
.content33_normal .rechtespalte_2_normal { width: 31%; padding: 0px 0px 10px 0; margin: 0 0 10px 18px; float: left;}

.content33_box { text-align: left; margin-bottom: 20px;}
.content33_box .linkespalte_2_normal { width: 31%; float: left;}
.content33_box .mittelspalte_2_normal { width: 31%; margin-left: 3%; float: left;}
.content33_box .rechtespalte_2_normal { width: 31%; margin-left: 3%; float: left;}

.content33_normal { margin-bottom: 20px;}
.content33_normal .linkespalte_2_box { width: 28%; margin-bottom: 10px; float: left;}
.content33_normal .mittelspalte_2_box { width: 28%; margin: 0 0 10px 2%; float: left;}
.content33_normal .rechtespalte_2_box { width: 28%; margin: 0 0 10px 2%; float: left;}

.content100_box,
.content50_box,
.content33_box,
.linkespalte_box,
.rechtespalte_box,
.linkespalte_2_box,
.mittelspalte_2_box,
.rechtespalte_2_box { border: 1px solid #EED9DE; padding: 10px 10px 10px 10px;}

#terminal .content33_normal { width: 100%; text-align: left; margin: 0px 0 10px 5px; padding: 15px 0 0 3px;}
#terminal .content33_normal .linkespalte_2_normal { width: 30%; float: left; padding: 0 5px 0 6px;}
#terminal .content33_normal .mittelspalte_2_normal { width: 33.2%; margin-left: 4px; float: left; padding: 0 8px 0 6px;}
#terminal .content33_normal .rechtespalte_2_normal { width: 30.4%; margin-left: 4px; float: left; padding: 0 5px 0 5px;}

#inhalt .content33_normal { width: 100%; text-align: left; margin: 20px 0 40px 0px; padding: 20px 0 0 0px;}
#inhalt .content33_normal .linkespalte_2_normal { width: 30%; float: left; padding: 0 5px 0 3px;}
#inhalt .content33_normal .mittelspalte_2_normal { width: 33%; margin-left: 7px; float: left; padding: 0 8px 0 5px;}
#inhalt .content33_normal .rechtespalte_2_normal { width: 31%; margin-left: 4px; float: left; padding: 0 5px 0 8px;}



#cloud .content { padding: 5px;}

.content_2 { width: 100%; text-align: left; margin: 0px 0 10px 0px; padding: 10px 0 0 0px;}
.content_2 .linkespalte_2 { width: 30%; float: left; padding: 0 5px 0 0px;}
.content_2 .mittelspalte_2 { width: 33%; margin-left: 4px; float: left; padding: 0 8px 0 6px;}
.content_2 .rechtespalte_2 { width: 31%; margin-left: 5px; float: left; padding: 0 5px 0 6px;}

#banner #text { margin: 0px 0px 0px 0px;}
#text { margin: 0px 0px 10px 0px;}
#text img { display: block; float: left; padding: 0 15px 5px 0;}


#2pictures { margin: 0px 0px 0px 0px;}

#imagepic { 
    position: absolute;
    left: 6px;
    top: 7px;
    width: 438px; 
    height: 202px; 
    z-index: 11;
    background-image: url(../files/loader.gif);
    background-position: center 100px;
    background-repeat: no-repeat;
    }

#websiteabschluss { width: 910px; height: 90px; margin: 0 auto 0 auto; background: url(../files/webabschluss.png) left bottom no-repeat; clear: none;}

/*	Headlines
------------------------------------------------------------------------------*/

/* HEADLINE AUS FONT GERENDERT */
/* Ausgabe am Bildschirm */

.renderhead {display: block;}
.renderhead span {display: none;}
.renderhead img {padding:0px; margin-bottom: 10px;}

/* Ausgabe auf dem Drucker */

.renderhead {display: block;}
.renderhead span {display: block;color: blue;}
.renderhead img {display: none;}


/* Headline mit Datumsangabe */
.ueberschrift { margin: -5px 0 10px 0; border-bottom: 1px dotted #660000;}
.hlicon { width: 25px; float: left; padding: 5px 0 0 0; margin-right: 5px; border-color: #ddd #e2e2e2 #aaa #e2e2e2; border-style: solid; border-width: 1px;}
.hlicon_ri { background: #eee; border-color: #ddd #e2e2e2 #aaa #e2e2e2; border-style: solid; border-width: 1px; padding: 5px; margin-bottom: 10px;}

/* Headline 1 */
h1 {
	color: #f4ab11;
	font-size:20px;
	font-weight:normal;
	line-height:22px;
	margin: 0px 0 20px 0px;
	padding: 0 0 5px 0;
	text-transform: uppercase;
	width: 100%;
	border-bottom: 1px dotted #f4ab11;
}

#terminal h1 {
	color: white;
	font-size:13px;
	font-weight:bold;
	margin: 0px 0 5px 0px;
	padding: 0 0 1px 0;
	text-transform: uppercase;
	background: url(../files/terminal_hl_h1.gif) left bottom repeat-x;
	width: 97%;
}


/* TAG CLOUD Headline */
#cloud h1 {
	color: white;
	font-size:12px;
	font-weight:bold;
	text-align: left;
	line-height:20px;
	margin: 0px 0 2px 0px;
	padding: 4px 0 3px 8px;
	width: 98%;
	border: none;
	background: url(../files/cloudheadline.gif) left center repeat-x;
}

#inhalt_re_ma h1 {
    font-size: 11px;
	color: white;
	margin: 0px 0 10px 0px;
	padding: 0 0 0 6px;
	background: url(../files/button_ov.gif) center top no-repeat;
}


#inhalt_re_ma h2 {
    font-size: 11px;
	color: white;
	margin: 0px 0 10px 0px;
	padding: 0 0 0 6px;
	background: url(../files/button_no.gif) center top no-repeat;
}

#menue h1 {
    font-size: 11px;
	color: white;
	margin: 0px 0 10px 0px;
	padding: 0 0 0 6px;
	background: url(../files/button_ov.gif) center top no-repeat;
}


/* Headline 2 */
h2 {
	color: #003355;
	font-size:18px;
	font-weight:bold;
	line-height:22px;
	margin: 0px 0 5px 0px;
	padding: 0 0 5px 0;
	text-transform: uppercase;
	width: 95%;
}

#box .box h2 {
    font-size: 11px;
    font-weight: normal;
	color: white;
	margin: 0px 0 10px 0px;
	padding: 0 0 0 6px;
	line-height: 24px;
	background: url(../files/button_no.gif) center top no-repeat;
}

/* Headline 3 */
h3 {
	color:#003355;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	margin: 0px 0 5px 0px;
	padding: 0 0 5px 0;
	text-transform: uppercase;
}

.content_2 h3 {
	color:#003355;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	margin: 5px 0 5px 0px;
	padding: 0 0 5px 0;
	text-transform: uppercase;
}

.terminausgabe h3 {
    color:#003355;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	margin: 20px 0 10px 0;
	padding: 4px 0 0 0;
	border-bottom: 1px dotted #003355;
}

#termine .headline {
	color:#f4ab11;
	font-size:18px;
	font-weight:normal;
	margin-bottom: 38px;
	padding: 0 0 0 0;
	width: 87%;
	float: left;
} 

/* Headline 4 */
h4 {
	color: black;
	font-size:11px;
	font-weight:bold;
	line-height:22px;
	margin-bottom: 10px;
}
/* Headline 5 */
h5 {
	display: block;
    color: black;
    width: 100%;
    font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	padding: 0px 0 0 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999;
	text-transform: uppercase;
}

.normal h5 {
	display: block;
    color: black;
    width: 100%;
    font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	padding: 0px 0 0 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999;
}

#inhalt_links h5 {
	display: block;
    color: black;
    width: 98%;
    font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	padding: 0px 0 0 0px;
	margin-bottom: 6px;
	background: none;
}


/* Headline 6 */
h6 {
    display: block;
    color: black;
    font-size: 28px;
	font-weight: bold;
	line-height: 18px;
	padding: 4px 0 0 0;
	margin-bottom: 5px;
	text-align: right;
}



/*	Paragraphs / Lists
------------------------------------------------------------------------------*/
code, 
#main-block p,
#main-block ul,
#main-block ol,
#main-block dl,
#main-block table {
	margin-bottom:1.2em;
}


#main-block p, 
#nav-rightCol div.login p {
	clear:left;
}

p.source, 
code {
	display:block;
	padding:5px;
	background:#f3f0e9;
	border:1px solid #e0a8a8;
	font-family: Courier;
}

p.emphasize {
	padding:5px;
	background:#f1f1f1;
	border:1px solid #e0a8a8;
	font-family: Courier;
}

#main-block ul, 
#main-block ol {
    width: 200px;
	margin-top:10px;
	margin-left:22px;
	}

#main-block ol, 
#main-block ul ul, 
#main-block ol ol, 
#main-block ul ol, 
#main-block ol ul {
	margin-top:5px;
	width: 200px;
}

#main-block ul li {
	list-style-type:none;
}

#main-block ol li {
	list-style-type:decimal-leading-zero;
}

#main-block ol ol li {
	list-style-type:lower-alpha;
}


#main-block dl dt {
	margin: 8px 2% 0 0;
	padding: 5px 0 0 5px;
	font-weight: bold;
}

#main-block dl dd {
  margin: 12px 2% 12px 0;
  padding: 0 4em 5px 2em;
}

#main-block .nav-article ul {
	margin-top:0;
	margin-left:0;
}

#main-block .nav-article ul li {
	list-style-type:none;
}


/*	Login
------------------------------------------------------------------------------*/
#nav-rightCol div.login {
	margin:0 0 1.6em 0;
	width:100px;
	border-bottom:1px solid #f3f0e9;
}

#main-site #nav-rightCol div.login {
	background:#edf5f8;
	color:#517689;
}

#docu-site #nav-rightCol div.login {
	background:#faf2f0;
	color:#a43737;
}

#down-site #nav-rightCol div.login {
	background:#f9f3ea;
	color:#bf7b1c;
}

#foru-site #nav-rightCol div.login {
	background:#f4f0e7;
	color:#a48037;
}

#wiki-site #nav-rightCol div.login {
	background:#ecf2e1;
	color:#758852;
}

#nav-rightCol div.login2 {
	padding:10px;
}

#nav-rightCol div.login input {
	width:158px;
	margin:0 0 2px 0;
	padding:2px 0;
}

#main-site #nav-rightCol div.login input {
	border:1px solid #90abb4;
}

#docu-site #nav-rightCol div.login input {
	border:1px solid #e0a8a8;
}

#down-site #nav-rightCol div.login input {
	border:1px solid #efc990;
}

#foru-site #nav-rightCol div.login input {
	border:1px solid #d4c09b;
}

#wiki-site #nav-rightCol div.login input {
	border:1px solid #b3c297;
}

/* hide from IE/MAC \*/
* html #nav-rightCol div.login input {
	display:block;
}
/* end hide */

#nav-rightCol div.login input.submit {
	display:none;
	border:none;
}

#nav-rightCol div.login p {
	text-align:center;
}


/*	Highlight Referenz
------------------------------------------------------------------------------*/
#main-block div.side-box {
	margin-top:1em;
	border-bottom:2px solid #90abb4;
	background:#edf5f8;
	color:#517689;
}

#main-block div.side-box p {
	clear:none;
	margin:5px 10px;
	line-height:1.4em;
}

#main-block div.side-box p img {
	margin-top:10px;
}

/*	Registrierung
------------------------------------------------------------------------------*/
#main-block div.register label {
	clear:both;
	float:left;
	width:150px;
}

#main-block div.register label.fchecklabel {
	display:block;
	clear:none;
	float:left;
	margin:1.6em 0 1.6em 3px;
	width:300px;
}

#main-block div.register input {
	width:300px;
	margin:0 0 2px 0;
	padding:2px 0;
	border:1px solid #606060;
}

#main-block div.register input.fcheckbox {
	float:left;
	margin:1.6em 0 0 130px;
	width:20px;
	border:none;
	text-align:right;
}


#main-block div.register input.warning {
	border:1px solid #f00;
}


.anker { margin: 20px 0 20px 0;}
.anker a { color: black; font-size: 11px; font-weight: bold; line-height: 22px; padding: 0px 0 0 0; margin-bottom: 10px; text-transform: uppercase;}
.anker .toplink { display: block; background:url(../files/topbtn.gif) 0px 0px no-repeat; font-weight: normal; text-transform: none; color: #85AD00;}
.anker .toplink { display: block; font-weight: normal; text-transform: lowercase; color: #85AD00; margin-bottom: 20px;}


/*	Tables
------------------------------------------------------------------------------*/
#main-block table.tab th,
#main-block table.tab td {
	padding:0 10px 0 0;
} 

/*	Images
------------------------------------------------------------------------------*/
#socialbookmarks { margin: 5px 0 10px 0;}

#inhalt img {
    margin: 0px;
    border: 1px solid white;
}

/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
 
div.wysiwygimg {margin-bottom: 15px;}

/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0; margin:1px;}
.wysiwygimg img.wysiwygimg {
	background: white;
	border-color: #ddd #e2e2e2 #aaa #e2e2e2;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: block;
	padding: 1px 1px 1px 1px;
	position: relative;
	width: auto;
}
.wysiwygimg a.wysiwygimg img {border:0;padding:0px;vertical-align:top; margin:1px;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
.wysiwygimg a.wysiwygimg:active {border:solid 5px #e4e4e4;}

a.wysiwygimg, a.wysiwygimg:link {border:solid 5px #f6f6f6; display:table; display:inline-block; line-height:0.0em;}
a.wysiwygimg:visited {}
a.wysiwygimg:hover {border:solid 5px #e4e4e4;}
a.wysiwygimg:focus {border:solid 5px #e4e4e4;}
a.wysiwygimg:active {border:solid 5px #e4e4e4;}


/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle {color:#666; font-size:0.8em; font-style:italic; margin:2px 0px;}

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft,
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;} {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Für Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol,
.noborder td.noborderleftcol {padding-right:1.5em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol,
.noborder td.noborderrightcol {padding-left:1.5em;}

 
.gb_galerie { margin: 30px 0px 0px 0px;}    
.galeriepic {float: left; margin: 0px 5px 5px 0px;}
.galeriepic img {
    background: #eee;
	border-color: #ddd #e2e2e2 #aaa #e2e2e2;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: block;
	float: left;
	padding: 5px;
	position: relative;

}
	
#content .galpic {
    float: left;
}    

#content .galpic img {
    
}
    
    
.imageElement p {font-size: 12px; clear: both;}

#bildlauf { display: block; width: 720px; height: 102px; clear: both; margin: 0 0 3px 13px; border: 1px solid #d6d6d6; background: url(../files/ajax-loader.gif) center center no-repeat;}  
#bildlauf_small { display: block; width: 533px; height: 102px; clear: both; margin: 0 0 10px 0; border: 1px solid #d6d6d6; background: url(../files/ajax-loader.gif) center center no-repeat;}  
#bildlauf img, #bildlauf_small img { margin: 0 5px 0 5px;}
   
#bildlauf a,
#bildlauf a:link,
#bildlauf_small a { 
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.5;
	} 
	
#bildlauf a:hover,
#bildlauf_small a:hover { 
	filter:alpha(opacity=60);
	-moz-opacity: 0.8;
	opacity: 0.8;
	}
    

/*	.download
------------------------------------------------------------------------------*/
table.download {
	margin-bottom:1.2em;
	width:100%; 
	border-spacing:2px;
}
table.download th, 
table.download td {
	padding:3px;
}
table.download th {
	background:#d7d6d3;
}
table.download td {
	background:#eee;
}

/*	footer
------------------------------------------------------------------------------*/

#footer {
    display:block;
    font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
	width:824px;
	height: 72px;
	font-size: 9px;
	padding: 4px 0 0 0px;
	margin: 7px 0 5px 8px;
	background: url(../files/footer_image.png) 2px top no-repeat;
	color: white;
	border-top: 1px dotted #CCC;
	clear: both;
	}

.footerleft { float: left; width: 70%; height: auto; padding: 1px 10px 5px 0px; text-align: left;}
.footerright { float: right; width: 28%; text-align: right; color: #999; }

.footerright a { color: #adadad;}
.footerright a:hover { color: #f4ab11;}


	
#footer .paypal a { font-size: 9px; text-transform: uppercase;}
#footer .paypal { font-size: 9px; text-transform: uppercase;}
	
#footer_master span {
    color: #FFFFFF;
	margin-right: 6px;
	padding: 0 0 0 10px;
	}

.spiegel { width: 770px; height: 137px; background: url(../files/spiegelung.png) left top no-repeat; margin-top: 130px;}

#footer p {
}


/*	specials
------------------------------------------------------------------------------*/
#special-tl {
	position:fixed;
	top:0;
	left:0;
}
#special-tr {
	position:fixed;
	top:0;
	right:0;
}
#special-bl {
	position:fixed;
	bottom:0;
	left:0;
}
#special-br {
	position:fixed;
	bottom:0;
	right:0;
}
#special-tl a,
#special-tl a:link, 
#special-tr a, 
#special-tr a:link, 
#special-bl a, 
#special-bl a:link, 
#special-br a, 
#special-br a:link {
	display:block;
	width:10px;
	height:10px;
}
#special-tl a,
#special-tl a:link { background:#eee; }
#special-tr a, 
#special-tr a:link { background:#eee; }
#special-bl a, 
#special-bl a:link { background:#eee; }
#special-br a, 
#special-br a:link { background:#eee; }

#special-tl a:hover { background:#a4bbc7; }
#special-tr a:hover { background:#f00000; }
#special-bl a:hover { background:#f90; }
#special-br a:hover { background:#d0d8d0; }

#errormsg {
	position:relative;
	top:20px;
	left:0;
	padding:10px;
	background:#eee;
	border:1px solid #aaa;
	font-size:1.2em;
}
#errormsg code {
	display:block;
	margin:20px 0;
}
#error {
	position:absolute;
	top:20px;
	left:10px;
	padding:10px;
	background:#eee;
	border:1px solid #aaa;
	font-size:1.2em;
}

body #main-block img.imgteaser {
	float:left;
	margin-right:30px;
	margin-top:15px;
}

body #main-block img.imgteaser2 {
	float:left;
	margin-right:30px;
	margin-top:20px;
	border:0;
}

/**
* @package Dreispalter
* @name DS CSS
* @author ZFeN - sven@zfen.de - http://www.zfen.de
* @version 1.0
*/

.dreispalter {
  width: 680px;
  margin-bottom: 20px;
}

.dreispalter_1 {
  width: 200px;
}

.dreispalter_2 {
  width: 200px;
  margin-left: 10px;
}

.dreispalter_3 {
  width: 200px;
  margin-left: 10px;
}

.dreispalter_1, 
.dreispalter_2, 
.dreispalter_3 {
  float: left;
}

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}

/**
* @package Zweispalter
* @name ZS CSS
* @author ZFeN - sven@zfen.de - http://www.zfen.de
* @version 1.0
*/

.zweispalter {
  width: 530px; 
  margin-bottom: 20px;
}

.zweispalter_1 {
  width: 260px;
  
}

.zweispalter_2 {
  width: 240px;
  margin-left: 30px;
}

.zweispalter_1, 
.zweispalter_2 {
  float: left;
}

.clboth {  
 clear: both;
 display: block;
 line-height: 0;
 font-size: 0;
}

/* Beispiel CSS von Sven Jansen
im Feld "Block-Name" zweier für die Spaltenart "zweispaltig" und dreier für die Spaltenart "dreispaltig" angegeben */

/* 2+3 */
#inhalt_links_start .zweier, .dreier {
 margin: 0px 0px 10px 0px;
 width: 500px;
}

/* 2 */
#inhalt_links_start .zweier .spalte_1 {
 width: 230px;
 float: left;
}

#inhalt_links_start .zweier .spalte_2 {
 width: 230px;
 margin-left: 40px;
 float: left;
}


/* 3 */
#inhalt_links_start .dreier .spalte_1 {
 width: 160px;
 float: left;
}

#inhalt_links_start .dreier .spalte_2 {
 width: 160px;
 float: left;
 text-align: left;
 margin-left: 25px;
}

#inhalt_links_start .dreier .spalte_3 {
 width: 160px;
 float: left;
 margin-left: 25px;
}

/* Spaltencontent Template 1spaltig */
/* 2+3 */
#inhalt .zweier, .dreier {
 margin: 0px 0px 10px 0px;
 width: 680px;
}

/* 2 */
#inhalt .zweier .spalte_1 {
 width: 310px;
 float: left;
}

#inhalt .zweier .spalte_2 {
 width: 350px;
 float: left;
 margin-left: 20px;
}


/* 3 */
#inhalt .dreier .spalte_1 {
 width: 205px;
 float: left;
}

#inhalt .dreier .spalte_2 {
 width: 205px;
 float: left;
 text-align: left;
 margin-left: 25px;
}

#inhalt .dreier .spalte_3 {
 width: 205px;
 float: left;
 margin-left: 25px;
}


/*Modul Dokument bereitstellen*/

.list_content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;
	width:520px;
	background-color:#E8E8E8;
	margin:0px;
    line-height: 18px;
	}

.list_content2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#d0d0d0;
	margin:0px;
    line-height: 18px;
	}
	


	/* form-exhibitor
*******************************************************************************/
/*Captcha-Bild*/
.formgen .formcaptcha {
	border-top:1px solid #CCC;
	border-left:1px solid #DDD;
	border-right:1px solid white;
	border-bottom:1px solid white;
	color: white;
	background: transparent;
}

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

.formgen {
	margin:20px 0px 0px 0px;
	padding:0px;
	width: 400px;
}

.formgen fieldset {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	
}

.formgen legend {
	color: #1BD1FF;
	padding: 2px 3px;
	border: 1px solid #e7e7e7;
	margin: 10px 0px 5px 0px;
}


.formgen p {
	margin:0;
	padding-bottom:1em;
	float: left;
}

.formgen h2 {
	padding:1em 0 1em 0;
}

.formgen .element {
	display:block;
	clear:both;
}

.formgen .formblock label {
	display:block;
	padding:0px 0 0 0;
	width: 120px;
}

.formgen label {
	display:block;
	padding:0px 0 0 0;
	width:60px;
	float:left;
	clear: none;
}

.formgen label.checkbox {
	width:60px;
	border-left:2px solid #fff;
	border-right:none;
}

.formgen label.checkboxinner {
	width:80px;
	border-left:2px solid #fff;
	border-right:none;
}

.formgen input, 
.formgen textarea {
	float:left;
	margin:0px 0px 8px 0px;
	font-family:"Helvetica", Arial, sans-serif;
	font-size:11px;
	border: 1px solid #DDD;
	color: #666666;
	background: white;
	padding: 2px 0px 2px 5px;
}

.formgen input { width:220px;}
.formgen textarea { width:220px; height: 80px}

.formgen select {
	margin:0px 0px 8px 0px;
	font-family:"Helvetica", Arial, sans-serif;
	font-size:11px;
	min-width: 60px;
	width: auto;
	border: 1px solid #DDD;
	color: black;
	background: white;
	padding: 1px 0px 0px 3px;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	background-color: white;
 	border: 1px solid #85AD00;
}

.formgen input.text {
	height:1.4em;
}

.formgen input.textshort {
	width:30px;
}

.formgen input.textshortdisabled {
	display:none;
	float:none;
	width:50px;
	border:none;
}

.formgen input.checkbox {
	width:10px;
	padding:0;
	border:none;
}

.formgen input.checkboxinner {
	width:30px;
	padding:0;
	margin:0 0 0 123px;
	border:none;
}

.formgen input.submit { 
	margin:3px 5px 0px 120px;
	padding:4px 10px 4px 10px;
	width: auto;
	height: auto;
	cursor:pointer;
	font-size: 11px;
	color: white;
	background: transparent url(../files/main_nav_button_active.png) center center no-repeat;
	text-align: center;
}

.formgen input.submit:hover {
    color: white; 
	border: 1px solid #DDD;
	background: transparent url(../files/main_nav_button_active.png) center center no-repeat;
}

.formgen input.submit_r { 
	margin:3px 5px 0px 0px;
	padding:4px 10px 4px 10px;
	width: auto;
	height: auto;
	cursor:pointer;
	float: left;
	font-size: 11px;
	color: white;
	background: transparent url(../files/main_nav_button_active.png) center center no-repeat;
	text-align: center;
}

.formgen input.submit_r:hover { 
	color: white;
	border: 1px solid #DDD;
	background: transparent url(../files/main_nav_button_active.png) center center no-repeat;
}

.formgen label.textarea, 
.formgen textarea.textarea {
	height:96px;
}

.formgen-thanks {
	display:block;
	color:#666;
	font-size:1.2em;
	
}

#form-module-thanks {
    background: url(../files/formularhintergrund.gif) right top repeat-y;
    padding: 20px 20px 10px 0px;
    margin: -10px 0px 0px 1px;
    width: 300px;
}

.el_left {
	display:block;
	float:left;
	padding:0px;
	width:50%;
	border-bottom:1px solid black;
}

.el_right {
	display:block;
	width:50%;
	float:right;
	border-bottom:1px solid black;	
}

.el_left_place {
	padding-top:30pt;
	margin-top:30pt;
	padding-bottom:10pt;
	height:30pt;
	width:50%;
	border-bottom:1px solid black;
}

.el_right_stamp {
	padding-top:30pt;
	margin-top:30pt;
	height:30pt;
	width:50%;
	border-bottom:1px solid black;
}

.justforprint h2 {
	font-size:9pt;
	padding-top:20pt;
	orphans:5;
}

div.onearticle  {
	font-size:6pt; 
	line-height:130%;
	padding:1em 0;
} 

.noprintpage { display:none; }

.onearticle ul {
	list-style-image: none;
	list-style-position: inside;
}

.onearticle li {
	list-style-image: none;
	list-style-position: inside;	
}

.justprintnewpage {
	page-break-before:always;
}

.table1 { padding: 4px 6px 0px 7px; margin: 2px 0 0 0; color: #666; background: url(../files/box_guestbook_start.gif) left top no-repeat;}
.table2 { padding: 5px 8px 0px 7px; background: url(../files/box_guestbook_background.gif) left bottom no-repeat;}
.table2 td { margin: 0 0 0px 0;}
.answer { background: #447526; padding: 1px 4px 2px 4px; border: 1px solid white; color: white;}

/* Forms Weiterempfehlung */


#weiterempfehlen { width: 300px; margin: 0 0 10px 0; padding: 10px 0px 0px 0px;}
.fehler,
.fehler ul { width: 330px; height: auto; margin: 0 0 10px 1px; padding: 20px 10px 0px 0;}

#weiterempfehlen legend {
	color: #1BD1FF;
	padding: 2px 3px;
	border: none;
	margin: 0px 0px 5px 0px;
}

#weiterempfehlen fieldset {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0;
	border: none;
}

#weiterempfehlen input, 
#weiterempfehlen textarea {
	float:left;
	margin:0px 0px 8px 0px;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:11px;
	width:175px;
	border-top:1px solid #CCC;
	border-left:1px solid #DDD;
	border-right:1px solid white;
	border-bottom:1px solid white;
	color: black;
	background: url(../files/ma_box_verlauf.gif) left bottom no-repeat;
	padding: 2px 0px 2px 3px;
}

#weiterempfehlen input {height:16px;}

#weiterempfehlen input.submit2 { 
	margin:7px 5px 25px 100px;
	padding:1px 5px 1px 5px;
	width: auto;
	height: auto;
	cursor:pointer;
	float: left;
	border: none;
	color: white;
	background: #BB3B41;
}

#weiterempfehlen input.submit2:hover { 
	border: none;
	background: #660000;
}

#weiterempfehlen label {
	display:block;
	float:left;
	width:100px;
	
}

#weiterempfehlen input:focus, #weiterempfehlen input:hover,
#weiterempfehlen textarea:focus, #weiterempfehlen textarea:hover {
	background-color: white;
 	border: 1px solid #1d5121;
    background: url(../files/ma_box_verlauf.gif) left top no-repeat;
}


#weiterempfehlen input.submit { 
	margin:3px 5px 25px 0px;
	padding:1px 3px 1px 3px;
	font-size:11px;
	width: auto;
	height: auto;
	cursor:pointer;
	border: none;
	color: white;
	background: url(../files/button_no.gif) center bottom no-repeat;
	float: left;
}

#weiterempfehlen input.submit:hover { 
	border: none;
	background: url(../files/button_ov.gif) center bottom no-repeat;
}



/*Start Sitepap mit Artikeln */

#sitemap{
	float: left;
	width:470px;
	padding:0px 0 30px 0;
	color: white;
}

#sitemap .langsitemap{
	float: left;
	width:400px;
	padding:0px;
}

#sitemap .sitemaplevel1 ul {
    list-style: disc;
	background-image: url(../files/branch.gif);
	background-position: left top;
	background-repeat: repeat-y;
}


#sitemap .sitemaplevel1 ul li {
    list-style: none;
	background-image: url(../files/zweigende.gif);
	background-position: 20px top;
	background-repeat:no-repeat;
	padding: 0 0 0 35px;
}

#sitemap .sitemaplevel1 ul a.level1{ margin: 0px 0 5px 30px; line-height: 16px; 
}

#sitemap .sitemaplevel2 ul{
    list-style: none;
}
#sitemap .sitemaplevel2 ul a.level2{ margin:3px 0 5px 20px; line-height: 16px;
}
#sitemap .sitemapartikel ul{
	list-style: none;
}
#sitemap .sitemapartikel li{
	list-style: none;
	margin: 0 0 0 20px;
}
#sitemap .sitemapartikel a{
    font-size:11px;
    color:#999999;
	padding-left: 0px;
	line-height: 16px;
	margin: 0 0 0 0;
	
}

/* Download anbieten */

.list_content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:24px;
	width:520px;
	background-color:#E8E8E8;
	margin:0px;
    line-height: 18px;
	}

.list_content2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
	color:#666666;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#d0d0d0;
	margin:0px;
    line-height: 18px;
	}

.list_content3 {
	font-style:italic;
        font-size:10px;
	text-decoration:none;
	color:#000000;
	padding-left:10px;
	padding-top:3px;
	padding-right:24px;
	padding-bottom:3px;
	width:520px;
	background-color:#F4F4F4;
	margin:0px;
    line-height: 18px;
	}

/* Download Medienkategorie */

.katdownload { margin: 0 0 10px 0;}
.katdownload table { margin: 0 0 0 0;}
.katdownload tr { border:none; padding: 0px; margin:0px 0 10px 0; }
.katdownload td { padding: 0 0 5px 0; margin: 0px; vertical-align:top; border-spacing:0px; }
	



.magazine-image { 
   background: #fff; 
   border: 1px #eee solid; 
 } 
 .magazine-image img { 
   padding: 0px; 
   background: #fff; 
   margin: 2px; 
   border: 1px #eee solid; 
 }
 
 
 /* Linksammlung CSS Start */
 
 .referenzen_leiste {
    width:auto;
	height:auto;
	padding:10px 0 0 10px;
	background: #CCCCCC;
}

.referenzen_alles {
    display:inline;
	float:left;
	
}

.referenzen_alles2 {
    display:inline;
	
}

.referenzen_titel {
    width:auto;
	display:inline;
	float:left;
	text-shadow:Gray;
	color:#660000;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:10px;	
}

.referenzen_inhalt {
    width:auto;
	display:inline;
	float:left;
	clear:both;
    color:#666666;
	padding-left: 8px;
	border-bottom: 1px dotted #660000;
	margin-bottom: -12px;
}

/* Linksammlung CSS Ende */


/*Teaser Style*/
/*Style für Categorie Überschrift
*/
.dl.teasercat { color: #666; font-size: 14px; font-family: arial; font-weight: bold; background-color: #ccc; text-indent: 12px; padding: 3px; }
dl.teasercat a { color: #900; font-weight: bold; text-decoration: none; }
/*Style für Artikel Übersicht*/
dl.teaserart { background-color: #e9e8e8; height: 20%; margin: 15px 0; padding: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
dl.teaserart a { color: blue; }
dl.teaserart:after { 
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
dl.teaserart dt { margin: 0 0 0.5em; font-family: arial; font-size: 14px; color: gray; }
/*Style des Pics*/
dl.teaserart dt img { 
float: left;
margin: 0 15px 0 0;
padding: 0 4px 4px 0;
}
/*Sytle des Description Feldes*/
dl.teaserart dd { 
margin-left: 100px;
font-size: 11px;
line-height: 13px;
color: #666; 
}


/* 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft , .pright und .pnormal    

.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b 
definieren die Anzeige der Bilder für den 2. Stil.  
z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.



Code: 

*/ 


/* Definition der Klassen ohne Rahmen*/ 

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Definition der KLassen mit  Rahmen (2.Stil) */

.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}

.slidebox_item { width: 100%;}
.slide { 
    background: #eee;
	border-color: #ddd #e2e2e2 #aaa #e2e2e2;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px 5px 3px 0px;
	padding: 8px;
	position: relative;
   
    }
    
.titel { background: #999; font-weight: normal; color: white; padding: 2px 0 2px 5px; width: auto; border: 1px solid white;}
.beschreibung { background: white; color: black; padding: 0 0 0 5px; border-top: 1px dotted white; border-bottom: 1px solid white; word-wrap: break-word;}
.thumbnail { margin-top: 0px; padding: 0 0 0px 0;}



/* TAG-WOLKE DEFINITION ----------------------------------------------------------- */ 

.slideInfoZone a {color: #FFF;}
.slideInfoZone a:hover {color: #85AD00;}

.size_1, .size_1 a {font-size: 16px; color: #FFF; text-transform: uppercase;}
.size_2, .size_2 a {font-size: 14px; color: #e9e9e9; text-transform: uppercase;}
.size_3, .size_3 a {font-size: 12px; color: #c0c0c0; text-transform: uppercase;}
.size_4, .size_4 a {font-size: 11px; color: #9c9c9c; text-transform: uppercase;}
.size_5, .size_5 a {font-size: 10px; color: #757575; text-transform: uppercase;}

.size_1:hover, .size_1 a:hover {color: #85AD00;}
.size_2:hover, .size_2 a:hover {color: #85AD00;}
.size_3:hover, .size_3 a:hover {color: #85AD00;}
.size_4:hover, .size_4 a:hover {color: #85AD00;}
.size_5:hover, .size_5 a:hover {color: #85AD00;}

/* -------------------------------------------------------------------------------- */


/* *** ALLGEMEIN *** */

#form-module fieldset{
	border:1px solid #333;
	margin:0;
	padding:20px;
	padding-bottom:10px;
	border:1px solid #d5eeff;
}


#form-module legend {
	margin-left:-5px;
	padding:3px 5px;
	background-color:#d5eeff;
	color:#216491;
	font-size:14px;
}

#form-module label {
	float:left;
	width:200px;
	line-height:23px;
}

#form-module select {
	border:1px solid #ccc;
	padding:2px;
	width:auto;
}

#form-module ul.form_warning {
	color:#f90;
	margin-bottom:20px;
}

#form-module ul.form_warning li{
	list-style-type: square;
	margin-left:15px;
}


p.formcaptcha input,
p.formtextarea textarea,
p.formselect select,
p.formtext input,
p.formpassword input,
input.formtext,
textarea {
	border:1px solid #DDD;
	padding:2px;
	width:200px;
	font-family:"Helvetica", Arial, sans-serif;
	font-size: 12px;
}

p.formtextarea textarea { width: 330px; height: 100px;}
p.formcaptcha input { width: 112px;}

p.formcaptcha input,
p.formselect select,
p.formtext input,
p.formpassword input,
input.formtext {
	height:15px;
}

p.formcaptcha input:focus,
p.formtextarea textarea:focus, 
p.formselect select:focus,
p.formtext input:focus,
p.formpassword input:focus,
input.formtext:focus,
textarea:focus {
	border:1px solid #003355;
	padding:2px;
}

p.formcaptcha input:hover,
p.formtextarea textarea:hover,
p.formselect select:hover,
p.formtext input:hover,
p.formpassword input:hover,
input.formtext:hover,
textarea:hover {
	border:1px solid #f4ab11;
	padding:2px;
}

/* ***************************** TEXTAREA */
textarea {
	height:100px;
}

/* ***************************** TEXT */
p.formtext {
	clear:both;
	padding-bottom:0px;
	margin-bottom:5px;
}

/* ***************************** HTML */
p.formhtml {
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

/* ***************************** TEXTSELECT */
p.formselect {
	clear:both;
	padding-bottom:0px;
	margin-bottom:10px;
}

p.formselect select {
	height:20px;
	padding:1px;
	width:256px;
}

/* ***************************** CAPTCHA */

p.formcaptcha {
	clear:both;
	padding-bottom:10px;
	margin-bottom:10px;
}

p.formcaptcha label{

}

p.formcaptcha input{
	margin-top:4px;
}

p.formcaptcha span{
	display:block;
}

/* ***************************** TEXTSELECT */
p.formtextarea {
	clear:both;
	padding-bottom:0px;
	margin-bottom:10px;
}

p.formtextarea textarea {
	height:80px;
}

/* ***************************** CHECKBOX */

p.formcheckbox {
	clear:both;
	padding:0;
	margin-bottom:10px;
	height:52px;
}

p.formcheckbox input {
	float:left;
	margin:5px;
	margin-left:50px;
}

p.formcheckbox label {
	float:left;
	margin-left:10px;
	width: 400px !important;
	line-height:23px;
	/*line-height: 18px !important;*/
}


/* ***************************** RADIO */

p.formradio {
	clear:both;
	padding:0;
	margin-bottom:10px;
	height:22px;
}

p.formradio input {
	float:left;
	margin:5px;
}

p.formradio label {
	float:right;
	width:460px;
	line-height:23px;
}

/* ***************************** LINE */

p.formline {
	height:1px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

/* ***************************** BE MEDIAPOOL */

p.formbe_mediapool {
	clear:both;
	padding:0;
	margin-bottom:10px;
	height:22px;
}

p.formbe_mediapool input {
	float:left;
	margin:0px;
}

p.formbe_mediapool label {
	float:left;
	width:160px;
}

p.formbe_mediapool span {
	margin-left:10px;
}



/* ***************************** SUBMIT */

p.formsubmit label {
	clear:both;
	width:160px;
}

p.formsubmit input{
	width:auto;
	margin:0;
	border:0;
	padding:3px 5px;
	background-color:#f4ab11;
	color:white;
	font-size:12px;
}

p.formsubmit input:hover{
	background-color:#003355;
	color:white;
}