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

#printnote { position: absolute; right: 0px; top: 0px; display: none;}

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { margin: 0; padding: 0;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { padding: 0; margin: 0px;}
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: 0px 0px 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 0px 0px;}
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;}

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

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

.banner ul		{list-style-image: url(../files/ul.png); 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.png); 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; }

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

/*	body
------------------------------------------------------------------------------*/
body {
	text-align:left;
	font: 11px/11px "Verdana", "Arial", Helvetica, sans-serif;
	background: white;
}

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

.clear {
	clear:both;
}

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

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



/* FORMATIERUNG DER NEWSBLÖCKE
------------------------------------------------------------------------------------------------------------------ */

#news.blocknormal { display: block; height: auto; margin: 0 0 4px 0px; padding: 0px;}
#news.blockboxed { padding: 10px 10px 0px 10px; margin: 0px 0 4px 0px; border: 1px solid #DDD;}
#news.blockblue { padding: 10px 10px 0px 10px; margin: 0px 0 4px 0px; border: 1px solid #DDD;}

#news .normal { display: block; height: auto; margin: 0 0 5px 0; padding: 0px;}
#news .boxed { padding: 10px 10px 0px 10px; margin: 0px 0 10px 0px; border: 1px solid #DDD;}
#news .blue {
	display: block; 
	height: auto; 
	text-align: left; 
	padding: 10px 10px 0px 10px; 
	margin: 0px 0 10px 0px; 
	border: 1px solid #DDD;
	}
	
#news .blue,
#news.blockblue {
	background: #d9e0ef url(../files/importantbackground.gif) left bottom no-repeat;
}

#news { display: block; height: auto; margin: 0 0px 0px 0px; padding: 0 0px 0 0; float: left;}
#news p { padding: 0px 0 0 0;}
#news h5 { width: 100%;}
.newshl { color: black; font-size: 11px; font-weight: bold; padding: 1px 0 2px 0; margin-bottom: 8px; border-bottom: 1px dotted #999;}
.newshl a { font-weight:  bold !important;}
.teaser { display: block; width: 92%; height: auto;}
.newscontent img { display: block; padding: 4px 10px 5px 0; float: left; width: auto;}
.teaser .image { padding: 0 0px 5px 0; margin: 0 20px 0 0; float: left; clear: none; width: auto;}
.newsdate { color: #666; font-size: 9px; font-weight: normal; padding: 0px 0px 0 0px; margin: 2px 0px 0 0; float: right; }
.newsdatedetail { color: black !important; font-size: 10px; font-weight: bold;}
.newsheader { font-weight: bold; color: #7EB712; font-size: 12px; }
.newsende { height: 4px; background: url(../files/newsstop.gif) left top no-repeat; margin: 0px 0 0px 0;}



/* 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 0px 0;
	height: auto;
	width: 780px;
	color: #666;
	line-height: 16px;
	text-align:left;
	}

#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: relative; width: 180px; height: 20px; margin: 10px 0 15px 0; padding: 0; float: left;}
.search { margin-top: 0px; padding: 3px 3px 2px 4px; width: 176px; color: #C1C5C4; background: transparent; float: left; font-family: "Verdana", Arial, sans-serif; font-size: 10px; border: 1px solid #C1C5C4;}
.search:hover { border: 1px solid #FF9933;}
.search:focus { border: 1px solid #666;}

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

.contentsearch { margin: 10px 0 20px 0; padding: 2px; width: 220px; border: 1px solid #DDD; color: #333; float: left; font-family: "Verdana", Arial, sans-serif; font-size: 11px; display:block;}	
.contentsearch:hover { border: 1px solid #FF9933;}
.contentsearch:focus { border: 1px solid #666;}	
.suchbutton { position: absolute; padding: 2px 0 0 0; width: 19px; height: 15px; top: 1px; right: 0px; border: none; float: left; color: #C1C5C4;}
.suchbuttoncontent { padding: 1px 1px 3px 1px; margin: 10px 0 0 3px; width: 19px; height: 15px; border: 1px solid #DDD; float: left; color: #C1C5C4; background: white;}
.suchbuttoncontent:hover { border: 1px solid #FF9933;}

.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: "Verdana", Arial, 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: "Verdana", Arial, sans-serif;
	font-size: 11px;
	color: white;
	background: #BB3B41;
}

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

input.submit { 
    font-family: "Verdana", Arial, 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: 55px; top:10px;
	width: 300px;
	height: 80px;
	float: left;
	z-index: 10;
}

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


#header {
	position:relative;
    width:770px;
	height: 100px;
	margin: 0px 0 0px 0px;
	padding: 0px 0px 0 0;
	background: url(../files/artkontor_logo.jpg) 5px top no-repeat;
	color: #999;
	}


#nav-header {
	}
	
#header-nav { margin: 0 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: 200px; height: auto; padding: 0 0 0 0; float: left; clear: none; color: #999;}
#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: 15px 0px 5px 0px; width: 220px; 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
------------------------------------------------------------------------------*/

#inhalt a,
#inhalt a:link {
	font-weight:normal;
	color: #EE842C;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	}

 
#inhalt a:hover {
	color:#666666;
	text-decoration: none;
	
	
}

.inlink { border-bottom: 1px solid #CCC; float: left; text-transform: uppercase;}


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


.a403-cloud { text-transform: capitalize; padding: 0px; margin: 20px 0 10px 0; width: 100%;}
.tagbold { font-weight: bold; color: black;}
.linktag { font-size: 14px !important;}

.a403-tags p {margin: 0px 0px 0px 0px;}


.size_1, .size_1 a {font-size: 9px; color: #FF6600 !important;}
.size_2, .size_2 a {font-size: 10px; color: #CCCCCC !important;}
.size_3, .size_3 a {font-size: 12px; color: #c0c0c0 !important;}
.size_4, .size_4 a {font-size: 14px; color: #9c9c9c !important;}
.size_5, .size_5 a {font-size: 16px; color: #757575 !important;}

.size_1:hover, .size_1 a:hover {color: #EE842C !important;}
.size_2:hover, .size_2 a:hover {color: #EE842C !important;}
.size_3:hover, .size_3 a:hover {color: #EE842C !important;}
.size_4:hover, .size_4 a:hover {color: #EE842C !important;}
.size_5:hover, .size_5 a:hover {color: #EE842C !important;}

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



/*	navigation
------------------------------------------------------------------------------*/

#breadcrumb {
    font-size: 10px;
   	color: #EE842C;
	line-height: 23px;
	clear: both;
	padding: 0px 0 0px 0;
	background: white;
	border-top: 1px solid #DDD;
	}
	
#breadcrumb a:link,
#breadcrumb a { color:#999999;}
#breadcrumb a:hover { color: #EE842C;}

/* LANGUAGE NAVIGATION ------------------------------------------------------------- */


#language { font-size: 10px; color: #DDDDDD !important; width: 250px; text-align: right;}
#language #lang ul { margin: 0 0 0 0 !important; float: right;}
#language #lang li { display:inline;}	
#language a { color: #DDDDDD;}
#language a:hover { color: #EE842C;}
#language .current_lang { color: #891316;}

.language { width: 100%; float: left;}
.socialnetworks { width: 100px; float: right;}


.directnav { position: absolute; left: 0; margin: -29px 0 0 0; padding-left: 25px; float: left;}
.directnav a { margin-right: 10px; float: left;}

#permnavigation { position: relative; width: auto; height: 31px; float: right; margin-top: -1px; 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: 28px; 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;}

#language { position: absolute; top: 72px; right: 0; color: #999999;}
#language .current_lang { color: #DDD;}

#navigation { width: 185px; background: #C1C5C4; float:left; padding: 24px 0 10px 0;}
 	
ul.nav1st {
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	width: 185px;
	height: auto;
	float: left;
	padding: 0px 0 0 0px;
	background: #C1C5C4;
	margin: 0px 0 0 0; 
	border-right: 5px solid #EE842C;
	border-bottom: 1px solid #DDD;
	}

ul.nav1st li {
	display:block;
	}

ul.nav1st a, 
ul.nav1st a:link {
	display:block;
	padding: 0px 0px 0px 12px;
	margin: 1px 0px 1px 0px;
	color: black !important;
	height: auto;
	width: 173px;
	line-height:24px;
	text-align: left;
	background: #C1C5C4;
	border-top: 1px solid #DDD;
	}

ul.nav1st a:hover,  
ul.nav1st a:link:hover,
ul.nav1st a.grau:hover {
	background: #999999 !important;
	}

ul.nav1st a._current:hover {
	color: white !important;
	background: #999999 !important;
	}

ul.nav1st a._current, 
ul.nav1st a._current:link {
	color: white !important;
	background: #EE842C !important;
	border-left: 5px solid white;
	width: 168px;
}

ul.nav1st a.grau_current { color: white !important; width: 168px; padding: 4px 0 4px 12px !important; background: #EE842C;border-left: 5px solid white;}
ul.nav1st a.grau_current:hover { color: white !important; padding: 4px 0 4px 12px !important; background: #EE842C;}

ul.nav1st a.grau { color: white !important; background: #666666 !important; padding: 4px 0 4px 12px !important;}
ul.nav1st a.subgrau { color: white !important; background: #EE842C url(../files/subsubover.png) 12px center no-repeat !important; width: 154px; padding: 2px 0 2px 28px; border-left: 5px solid white; border-right:none;border-bottom:none;border-top:none;}
ul.nav1st a.subgrau:hover { color: white !important; background: #999999 url(../files/subsubover.png) 12px center no-repeat !important; width: 152px; padding: 2px 0 2px 28px; border-left: 5px solid white; border-right:none;border-bottom:none;border-top:none;}
ul.nav1st a.subgrau_current { background: #EE842C url(../files/subsubover.png) 12px center no-repeat !important; width: 154px; padding: 2px 0 2px 28px;border-left: 5px solid white; border-right:none;border-bottom:none;border-top:none;}


ul.footnavigation {
	font-weight: normal;
	text-transform: uppercase;
	color: #666666;
	width: 585px;
	text-align: right;
	float: right;
	margin: 0px 0 0px 0px;
	}

.footnavigation ul li {
	display:inline;
	}


ul.footnavigation a, 
ul.footnavigation a:link {
	display:block;
	float:right;
	padding: 0px 0px 0px 8px;
	color: #666666;
	text-transform: uppercase;
	}
	
ul.footnavigation a:hover,  
ul.footnavigation a:link:hover {
	color: black;
	}


ul.footnavigation a.current, 
ul.footnavigation a.current:link {
	color: #FF9933;
}


/*
#footer a, 
#footer a:link {
	display:block;
	float:left;
	clear: none;
	padding: 0px 5px 0px 5px;
	color: #666666;
	text-transform: uppercase;
	}
	
#footer a:hover,  
#footer a:link:hover {
	color: #EE842C;
	}


#footer a.current, 
#footer a.current:link {
	color: #929285;
}
*/




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


#subnavigation { 
	width: 170px; 
}

#subnavigation ul.nav2nd {
	padding: 10px 0 2px 10px;
	margin: 0px 0 2px 0px;
	display: block;
	width: 160px;
	font-size: 10px;
	font-weight: normal;
}

#subnavigation ul.nav2nd li { 
	padding: 1px 0 1px 0;
	display: block;
	width: 160px;

}
    
#subnavigation ul.nav2nd li a, 
#subnavigation ul.nav2nd li a:link {
    display: block;
    font-weight: normal;
    margin: 0 0 0 0px;
	padding: 3px 2px 3px 0px;
	line-height: 16px;
	color: #666666;
	width: 160px;
	border-bottom: 1px dotted #CCC;
	background: none;
	text-transform: uppercase;
}

#subnavigation ul.nav2nd li a:hover {
	line-height: 16px;
	color: #FF9933;
	border-bottom: 1px dotted #CCC;
	background: none;
}


#subnavigation ul.nav2nd li a.current, 
#subnavigation ul.nav2nd li a.current:link {
    color: #FF9933;
    border-bottom: 1px dotted #CCC;
}



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

#subsubnavigation { display: block; width: 170px; margin: 0 0 10px 0px;}

#subsubnavigation ul.nav3rd {
	padding: 14px 0 2px 10px;
	margin: 0px 0 2px -15px;
	display: block;
	width: 160px;
	font-size: 10px;
	font-weight: normal;
	list-style-image: none;
	}


#subsubnavigation ul.nav3rd li {
	padding: 1px 0 1px 0;
	display: block;
	width: 160px;
	list-style-image: none;
}

#subsubnavigation ul.nav3rd li a, 
#subsubnavigation ul.nav3rd li a:link {
    display: block;
    font-weight: normal;
    margin: 0 0 0 0px;
	padding: 3px 2px 3px 0px;
	line-height: 16px;
	color: #666666;
	width: 160px;
	border-bottom: 1px dotted #CCC;
	background: none;
	text-transform: uppercase;
	}

#subsubnavigation ul.nav3rd li a:hover, 
#subsubnavigation ul.nav3rd li a:link:hover {
    line-height: 16px;
	color: #FF9933;
	border-bottom: 1px dotted #CCC;
	background: none;
}

#subsubnavigation ul.nav3rd li a.current, 
#subsubnavigation ul.nav3rd li a.current:link {
    color: #FF9933;
    border-bottom: 1px dotted #CCC;
}

#subsubnavigation ul.nav3rd li a._current, 
#subsubnavigation ul.nav3rd li a._current:link {
    color: #FF9933;
    border-bottom: 1px dotted #CCC;
}




ul.subnav2 {
	padding: 0px 0 20px 15px;
	margin: 0px 0 2px 0px;
	display: block;
	width: 170px;
	font-size: 10px;
	font-weight: normal;
	list-style-image: url(../files/dot.gif);
	}


ul.subnav2 li {
	padding: 1px 0 1px 0;
	display: block;
	width: 170px;
	list-style-image: url(../files/dot.gif);
}

ul.subnav2 li a, 
ul.subnav2 li a:link {
    display: block;
    font-weight: normal;
    margin: 0 0 0 0px;
	padding: 3px 2px 3px 0px;
	line-height: 16px;
	color: #666666;
	width: 170px;
	border-bottom: 1px dotted #CCC;
	background: none;
	text-transform: uppercase;
	}

ul.subnav2 li a:hover, 
ul.subnav2 li a:link:hover {
    line-height: 16px;
	color: #FF9933;
	border-bottom: 1px dotted #CCC;
	background: none;
}


ul.subnav2 li a.current, 
ul.subnav2 li a.current:link {
    color: #FF9933;
    border-bottom: 1px dotted #CCC;
}



/*	nav4th
------------------------------------------------------------------------------*/
ul.subnav3 {
	padding: 0px 0 20px 15px;
	margin: 0px 0 2px 0px;
	display: block;
	width: 170px;
	font-size: 10px;
	font-weight: normal;
	list-style-image: url(../files/dot.gif);
	}


ul.subnav3 li {
	padding: 1px 0 1px 0;
	display: block;
	width: 170px;
	list-style-image: url(../files/dot.gif);
}

ul.subnav3 li a, 
ul.subnav3 li a:link {
    display: block;
    font-weight: normal;
    margin: 0 0 0 0px;
	padding: 3px 2px 3px 0px;
	line-height: 16px;
	color: #666666;
	width: 170px;
	border-bottom: 1px dotted #CCC;
	background: none;
	text-transform: uppercase;
	}

ul.subnav3 li a:hover, 
ul.subnav3 li a:link:hover {
    line-height: 16px;
	color: #FF9933;
	border-bottom: 1px dotted #CCC;
	background: none;
}


ul.subnav3 li a.current, 
ul.subnav3 li a.current:link {
    color: #FF9933;
    border-bottom: 1px dotted #CCC;
}


/*	main
------------------------------------------------------------------------------*/

.banner { width: 130px;}

.noobslide { }

.focusarea { width: 585px; height: auto; margin: 0px 0 0px 0px; text-align: center;} 
.imagepic { width: 585px; height: auto; margin: 0 0 0 0;}

.contentstart { width: 964px; height: 2px; margin-top: 3px; background: url(../files/focusstart.gif) left top no-repeat;}
.contentende { width: 964px; height: 2px; margin: -2px 0 3px 0; background: url(../files/focusende.gif) left bottom no-repeat;}

#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;}
.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 2px; padding: 0px 0px 0px 0px; width: 780px; text-align: left; background: url(../files/contentverlauf.gif) left bottom no-repeat; float: left;}
#inhaltwrapp { margin: 0 0 0 0px; padding: 0px 0px 0px 0px; width: 780px; text-align: left; background: url(../files/bildboxbackground.gif) left top repeat-y; float: left;}

#maincontent { width: 585px; float: right; background: #F5F6F6;} 

#mainblock20 { width: 30%; float: left; margin-left: 0px; padding: 0px 0 20px 0;}
#mainblock80 { width: 68.5%; float: left; margin: 0px 0 0 0px; padding: 0px 0 20px 0;}
#mainblock100 { width: 100%; float: left; margin-left: 0px; padding: 20px 0 0px 0;}

#sidebar { width: 188px; height: auto; float: left; margin: 0px 0px 0 0;}
#focusarea { position: absolute; width: 550px; height: 320px; left: 280px; top: 28px; float: left; text-align: left; z-index: 20; background: url(../files/slideloader.gif) center center no-repeat;}
#subnavnewsbox { width: 188px; margin: 15px 0 0 0;}
#subnavnewsbox img { width: 188px; margin: 15px 0 15px 0; background: white;
	border-color: #ddd #e2e2e2 #e2e2e2 #e2e2e2;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: block;
	padding: 1px 1px 1px 1px;
	position: relative;
	width: auto;}

/* EVENT AUSGABE START */

.terminausgabe { display: block; margin: 0 0 0 0; width: 99%;}
#sidebar .portlet { width: 220px; padding: 2px 2px 0 2px; margin:0 0 6px 0; border: 1px solid #CFCFCF; background: white url(../files/sidebar_box.gif) left bottom no-repeat;}
#sidebar .portlet dl { padding: 0 5px 5px 5px;}
	
.portlet a { color: #003355;}
.portlet a:hover { color: #f4ab11;}
.eltitel { font-weight: normal;}
.portlet dt { color: #004588; width: 100%; font-weight: bold; font-size: 10px; padding-top: 5px;}

.terminausgabe select { font-family: "Verdana", Arial, Helvetica, sans-serif; border: 1px solid #00448A; margin: 0 10px 5px 5px;} 
.terminausgabe submit { font-family: "Verdana", Arial, Helvetica, sans-serif; border: 1px solid #00448A;}
.all { float: right; margin: 10px 0 5px 0px;}
.all a { display: block; }
.all a:hover { display: block; }

.eventlist td { padding: 0;}
.eventlist .date { width: 165px; padding: 0; color: #00448A;}
.eventlist .title { width: 210px; padding: 0; color: #00448A;}
.eventlist .cat { width: 120px; padding: 0; color: #00448A;}
.eventlist .town { width: 120px; padding: 0; color: #00448A;}
.eventlist .desc { padding: 0; color: #00448A;}

/* ENDE EVENT AUSGABE */

.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 .boxed img { background: url(../files/playerbackground.png) center top no-repeat; padding: 6px; margin: 0 6px 6px 0;}
#inhalt .blau img { background: url(../files/playerbackground.png) center top no-repeat; padding: 6px; margin: 0 6px 6px 0;}
#inhalt .gelb img { background: url(../files/playerbackground.png) center top no-repeat; padding: 6px; margin: 0 6px 6px 0;}

#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;}

#sidebar .content100_normal { width: 220px; padding: 2px 2px 0 2px; margin:0 0 6px 0; border: 1px solid #CFCFCF; background: white url(../files/sidebar_box.gif) left bottom no-repeat;}

#mainblock30_left .content100 { padding: 0 10px 0 0px;}
#mainblock30_right .content100, #mainblock50_right .content100 { padding: 0;}

.section { padding: 0 0 0 15px; width: 95%;}

.content100_normal { margin-bottom: 20px;}
.content100_box, .content100_orange { margin-bottom: 15px;}

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

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

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

.content50_normal { margin-bottom: 10px;}
.content50_normal .linkespalte_orange { width: 45%; margin-bottom: 10px; float: left;}
.content50_normal .rechtespalte_orange { width: 45%; margin: 0 0 10px 6px; float: right;}

.content50_box { text-align: left; margin-bottom: 10px;}
.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: 10px;}
.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: 10px;}
.content33_normal .linkespalte_2_box { width: 28.5%; margin-bottom: 10px; float: left;}
.content33_normal .mittelspalte_2_box { width: 28.5%; margin: 0 0 10px 1.3%; float: left;}
.content33_normal .rechtespalte_2_box { width: 28.5%; margin: 0 0 10px 1.1%; float: right;}

.content33_normal { margin-bottom: 10px;}
.content33_normal .linkespalte_2_orange { width: 28.5%; margin-bottom: 10px; float: left;}
.content33_normal .mittelspalte_2_orange { width: 28.5%; margin: 0 0 10px 1.3%; float: left;}
.content33_normal .rechtespalte_2_orange { width: 28.5%; margin: 0 0 10px 1.1%; float: right;}

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

.content100_orange,
.content50_orange,
.content33_orange,
.linkespalte_orange,
.rechtespalte_orange,
.linkespalte_2_orange,
.mittelspalte_2_orange,
.rechtespalte_2_orange { border: 1px solid white; padding: 10px 10px 10px 10px; background: #EE842C; color: white;}


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

wysiwygnormal { float: left;}
.wysiwygboxed { padding: 10px 10px 0px 10px; margin: 0px 0 10px 0px; border: 1px solid #DDD;}
.wysiwygblue { padding: 10px 10px 0px 10px; margin: 0px 0 10px 0px; border: 1px solid #DDD;}


#sidebar .content100 p { padding: 4px 5px 5px 10px;}
#sidebar .content100_normal p { padding: 0 8px 0 8px;}

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


.toggler { color: #FF4F01; background: none; margin: 0px 0 0px 0; line-height: 16px; padding: 1px 0 3px 0px;}
.accordion { width: 100%; padding: 5px 5px 5px 0px;}
.accordion p { padding-bottom: 6px;}
.contentaccordion td { padding: 5px 5px 10px 6px;}
.contentaccordion_normal { padding: 0 0 20px 0;}
.contentaccordion_box { border: 1px solid #DDD; padding: 5px 10px 2px 15px; margin: 0 0 20px 0; background: white;}

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


#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 Icons */
.ueberschrift { width: 96%; padding: 20px 0 0px 0; margin: 0px 0 10px 0;}
.hlicon { width: 25px; float: left; padding: 0px 0 0 0; margin-right: 5px;}
.hlicon_ri { margin-bottom: 0px;}


/* Headline 1 */
h1 { margin:0px; padding:0px 15px 15px 0px;font-size:21px;line-height:24px; color:#FF9933;font-style:normal;text-decoration:none;font-weight:500;}

#mainblock80 h1 { margin:0px; padding:15px 15px 15px 0px;font-size:21px;line-height:24px; color:#FF9933;font-style:normal;text-decoration:none;font-weight:500;}


.accordion h1 { margin:0px;padding:10px 15px 10px 0px;font-size:21px;line-height: 28px; color:#FF9933;font-style:normal;text-decoration:none;font-weight:500;}


/* 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;
}

/* IMPORTANT BOX Headline */
.important h1 {
	color: #004588;
	font-size: 14px;
	font-weight:bold;
	text-align: left;
	line-height: 20px;
	margin: 0px 0 2px 0px;
	padding: 0px 0 8px 0px;
	width: 98%;
	border: none;
}

#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 { margin:0px 0 20px 0;padding: 0px 15px 8px 0px;font-size:16px; line-height: 22px; color:#FF9933;font-style:normal;text-decoration:none;font-weight:500; border-bottom: 1px dotted #FF9933;
}

/* Headline 3 */
h3 {
	color:#FF9933;
	font-size:14px;
	font-weight:normal;
	margin: 0px 0 20px 0px;
	padding: 10px 0 0px 0;
	text-transform: uppercase;
	line-height: 22px;
}

.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:#00448A;
	font-size:12px;
	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:14px;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 0 0 0 0;
	width: 87%;
	float: left;
} 

/* Headline 4 */
h4 {
	color:#FF9933;
	font-size:14px;
	font-weight:normal;
	margin: 0px 0 3px 0px;
	padding: 0 0 0px 0;
}

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

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

/* Headline 6 */
h6 {
    display: block;
    color: black;
    font-size: 10px;
	font-weight: bold;
	line-height: 18px;
	padding: 0px 0 0 0;
	text-transform: uppercase;
}

#sidebar h1 {
	color: white;
	font-size: 12px;
	font-weight:bold;
	line-height:18px;
	margin: 0px 0 10px 0px;
	padding: 4px 0 5px 8px;
	text-transform: uppercase;
	width: 212px;
	background: url(../files/sidebar_h1.gif) left top repeat-x;
	border: none;
}

#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6 { padding-left: 8px;}

/*	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;}

#main img {
    margin: 0px;
}


.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;

}

.media {
	background: white;
	border-color: #ddd #e2e2e2 #e2e2e2 #e2e2e2;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: block;
	padding: 10px 10px 7px 10px;
	margin: 0 0 20px 13px;
	position: relative;
	width: auto;
	text-align: left;
	float: left;
}


.lightbox { margin: 0 0 20px 15px;}
.lightbox a, .lightbox a:link { color: white !important; border-color: #ddd #e2e2e2 #e2e2e2 #e2e2e2;border-style: solid;border-width: 1px; display:table; display:inline-block; line-height:0.0em; background: #C1C5C4;}
.lightbox a:hover {border-color: #999999;border-style: solid;border-width: 1px; display:table; display:inline-block; line-height:0.0em; background: #999;}
.lightbox img {
	color: inherit;
	display: block;
	padding: 0;
	position: relative;
	width: auto;
	margin: 0px 0px 1px 0px
}
.lightbox p { margin: 0;}
.subline { font-size: 9px; padding: 6px 0 8px 5px; float: left;}


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

/* ----- 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 img.wysiwygimg {
	background: white;
	border-color: #ddd #e2e2e2 #e2e2e2 #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-color: #ddd #e2e2e2 #e2e2e2 #e2e2e2;border-style: solid;border-width: 1px; display:table; display:inline-block; line-height:0.0em; float: left;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {border:solid 1px #EE842C;}
.wysiwygimg a.wysiwygimg:focus {border:solid 1px #004588;}
.wysiwygimg a.wysiwygimg:active {border:solid 1px #7ab51b;}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle { color:#666; font-size:0.8em; margin:2px 0px; padding: 2px 0 2px 7px; line-height: auto; background: #E2E2E2; display: block;clear: both;}

/* 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;}



#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-weight: normal;
	text-align: right;
	width: 582px;
	padding: 3px 0 0px 0px;
	margin: 6px 0 20px 0px;
	color: white;
	float:right;
	border-top: 1px solid #DDD;
	}


/*	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;
}



.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;
	margin:0px;
    line-height: 18px;
	}

.list_content2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
    line-height: 18px;
	}

.list_content3 {
	font-style:italic;
    font-size:10px;
	text-decoration:none;
	color:#000000;
	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;}
*/



/* *** 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:130px;
	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.formtext input,
p.formpassword input,
input.formtext,
textarea {
	border:1px solid #DDD;
	color: #666;
	padding:2px;
	width:60%;
	font-family:"Verdana", Arial, sans-serif;
	font-size:11px;
}

p.formselect select {
	border:1px solid #DDD;
	color: #666;
	padding:2px;
	width:auto;
	font-family:"Verdana", Arial, sans-serif;
	font-size:11px;
}

p.formcaptcha input { width: 20%;}

p.formtextarea textarea { }

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 #666;
	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 #FF9933;
	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:22px;
}

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

p.formcheckbox label {
	float:left;
	margin-left:10px;
	width:250px;
	line-height:23px;
}


/* ***************************** 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:70px;
	margin:0;
	border:0;
	color:white;
	font-size:11px;
	line-height: 22px;
	padding: 2px 10px 2px 10px;
	background: #FF9933;
}

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


/* Google Maps mit Routenplaner */
#static_map {
margin:0 auto;
border:1px solid #000;
}

#map_route {
width:585px;
height:300px;
border:1px solid #000;
float:left;
}

#directions {
float:right;
width:213px;
max-width:213px;
}

#directions tbody,#directions tr, #directions table {
width:213px;
}

#routenplaner fieldset {
border:none;
}

#routenplaner legend {
font-weight:900;
}

#routenplaner input {
border:1px solid #aaa;
display:block;
width:40%;
float:left;
margin-right:1em;
padding:0.1em 0.3em;
}