@media all
{
body { font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; background: #333; }

h1,h2,h3,h4,h5,h6 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; display:block; font-weight:bold; width: 99%;}

h1 {font-size: 1.1em; color: #336699; margin:0.4em 0 0.5em 0; border-bottom: 1px #ccc solid;  background: transparent; }
h2 {font-size: 1.0em; color: #fff; background-color: #006699; margin:0.2em 0 0.5em 0; padding: 0.3em;    }
h3 {font-size: 1.0em; color: #336699; margin:0.4em 0 0.3em 0; background: transparent; }
h4 {font-size: 0.9em; color: #888; margin:0.4em 0 0.3em 0; border-bottom: 1px #ccc solid; background: transparent; }
h5 { color: #888; }
h6 { color: #888; }

#col1_content h1 {color: #222; background: transparent;}
#col1_content h3 { color: #222; background: transparent; border-bottom: 1px #ccc solid; }
#col2_content h3 { border-bottom: 1px #ccc solid; }
#col1,#col2 { font-size: small; }
#col3 { font-size: small; }
/*#col3 { padding: 0 .5em; font-size: small; }*/
p,ul {line-height: 1.5em; margin: 0 0 1em 0; list-style-type: none;  list-style: none inside none; }

#footer{ font-size: x-small }

address {
	font-style:normal;	
	line-height: 1.5em;
	margin: 0 0 1em 0;
}
small{ font-size: .85em; }
strong { font-weight: bold; }
em { font-style:italic; }

code {
	display:block;
	margin: 0 0 1em 1em;
	font-family: monospace;
	font-size: 1em;
	padding: 2em .5em .5em .5em;
	color: #000;
	background: #fee url(images/code.png) no-repeat top right; 
	border: 1px #fcc solid;  
	border-left: 8px solid #fcc;
}

blockquote { 
	color: #444; 
	background: #f8f8f8 url(images/blockquote.png) no-repeat top right; 	
	border: 1px #ddd solid;
	border-left: 8px #ddd solid;
	padding: 2em 1em 0 1em;
	margin: 0 0 1em 1em;
}

hr { color: #fff; background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom: 1px #eee solid; }

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	
}
/*sitemap DL */
#sitemap dd { font-size: 1.05em;}
#sitemap dt   { background: transparent url(images/icons/file.gif) no-repeat 1px; padding-left: 15px; }
#sitemap dd a { background: transparent url(images/icons/file.gif) no-repeat 1px; padding-left: 15px; }

#sitemap dd ul { margin-left: 1em; border-left: 2px solid #006699; margin: .5em; padding-left: .3em; font-size: .95em }
#sitemap dd ul li { line-height: 1.8em; }
/* #################################################################### **
** ### Theme Spezifische Auszeichnung ################################# **
** #################################################################### */
.center{ text-align: center; margin: auto; }
.opnsidebox{ margin: 0; padding: 0; }

ul.opnsidebox, div.sideboxleft ul, div.sideboxright ul, div.centerbox ul{
 list-style-type: none; margin: .2em;
}

ul.opnsidebox li, div.sidebox ul li .alternator1,
div.sidebox ul li .alternator2, div.sideboxleft ul li .alternator2,
div.sideboxleft ul li .alternator1 {margin:0;}

div.sidebox{ padding-bottom: .5em; }

h1.centerboxtitle{ margin: auto;border-bottom: 1px solid #ccc; margin-bottom: 1em; width: auto;}

h4 img{ background:#333; color: #fff;vertical-align:middle }
h4.sideboxtitle_blau {width: 100%;}
h4.sideboxtitle_blau img{background:#336699; color: #fff;vertical-align:middle}
h4.sideboxtitle_gruen {width: 100%;}
h4.sideboxtitle_gruen img{background: #228B22; color: #fff;vertical-align:middle}
h4.sideboxtitle_red {width: 100%;}
h4.sideboxtitle_red img{background:#f00; color: #fff;vertical-align:middle}


h2.centerboxsubtitle { float: right; background: transparent; color: #369;  }

div.centerbox,div.centerboxtitle, div.centerboxcontent,
div.opncenterbox, td.opncenterbox,ul.opncenterbox, li.opncenterbox{ text-align: left; margin: 0 0 1em 0; width: 100%;}
.imgarticlecenter,.imgtutorialcenter{float:right;margin-left:10px;position:relative;right:5px}

/* ################################################################################################### **
** ### Auszeichnung lokaler und Externer Links ####################################################### **
** ################################################################################################### */

a {color: #900; text-decoration:none; background: transparent;}
a:hover {text-decoration:underline;}

#topnav a { color: #fff; background:transparent; text-decoration:none; font-size: small }
#topnav a:hover{ text-decoration:underline; }


a img { border: none; }

#footer a { color: #336699; background: #fff; }
#footer a:hover {text-decoration: underline; }

/* ############################################################################################# **
** ### Pseudo Formularbutton ################################################################### **
** ############################################################################################# */


a.txtbutton:link,a.txtbutton:hover,a.txtbutton:visited,.txtno,.txtbutton,.txtyes{
background: #FFF url(images/sendbutton.gif) repeat-x bottom;
border:1px solid #333;
color:#000;
margin:auto;
padding:.2em;
text-decoration:none;
white-space:nowrap;
width: auto;
}

/* ############################################################################################# **
** ### Formulare & Tabellen #################################################################### **
** ############################################################################################# */

table { border-collapse: collapse; width:99%; padding: .5em; }
form{/*overflow: auto; */width: 99%; margin: .2em; padding: .2em;}
.form { margin: .2em; padding: .2em;}
.radio{border:none}

fieldset { margin: .5em; padding: .5em;}

.inputbuttons{
background:url(images/sendbutton.gif) #FFF repeat-x bottom;
border:1px solid #333;color:#000;margin:.2em;
padding:.2em;
}

.inputbuttonshover{
background:url(images/sendbutton.gif) #FFF repeat-x bottom;
border:1px solid #333;color:#A10127;margin:.2em;
padding:.2em;
}

.calcbuttons{
background:url(images/sendbutton.gif) #FFF repeat-x bottom;border:1px solid #333;color:#000;width:32px
}

.checkbuttons{border:1px solid #ccc;}
input, textarea, .textfield {
   width: auto;
	border: 1px #ccc solid;
   background: #fafafa;
	padding: .2em;
	color: #333;
	margin: .2em;
}

/* ########################################################################## **
** ### Funktioniert nicht im IE 5.5 ######################################### **
** ########################################################################## */

input[type=text]:focus, textarea:focus, .textfield:focus {
	background: #f0f0f0;
	color: #006699;
	border-color: #336699;
}
input[type=hidden]{
	display: none;
}
/* ############################################################################################# **
** ### BEGINN ALTERNATOREN ##################################################################### **
** ############################################################################################# */
table.alternatortable {width: 100%;text-align: left; margin: .5em; line-height: 1.5em;
	}
th.alternatorhead,td.alternatorhead,tr.alternatorhead {
	border:solid 1px #fff; font-weight:bold; color: #fff; background-color: #006699; 
	padding: 0.3em; text-align: left; white-space: normal;
}
a.alternatorhead {text-decoration:underline; color: #fff; background: transparent;}

.alternator1,.alternator3 {
	border:solid 1px #CCC; padding:2px; color:#000; background-color: #EAF1F8;
}
	
a.alternator1,a.alternator1:link,a.alternator1:visited,a.alternator3 { 
	color: #3A3A3A; background-color:transparent; text-decoration:underline; border: none; 
}
	
a.alternator1:hover{
	color: #A10127; background-color:transparent; border: none;  
}
	
.alternator2,.alternator4 {
	border:solid 1px #CCC; padding:2px; color:#000;	background-color: transparent;  
}
	
a.alternator2,a.alternator2:link,a.alternator2:visited,a.alternator4  {
	border:none; color: #3A3A3A; background-color:transparent; text-decoration:underline;
}

a.alternator2:hover{
	color: #A10127; background-color:transparent; border: none;  
}
	
.alternatorfoot {
	border:solid 1px #CCC; padding:2px; 
}
a.alternatorfoot {
	color: #A10127; background-color: transparent; text-decoration:underline;
}
.alternator1bg { 
	background: transparent url(images/shiny_buttons/background.gif) repeat-x center; 
	border: solid 1px #000; 
	color: #000;
	line-height: 1.5em; 
	}
.alternator2bg { 
	background: transparent url(images/opn_bg.png) repeat-x center; 
	border: solid 1px #000; 
	color: #000;
	line-height: 1.5em; 
	}
.alternatorsubhead {
	border:solid 1px #A5A5A5; padding:2px; color:#000; background:#eaf1f8; 
}




/*Listalternator*/

a.listalternator2, a.listalternator3, a.listalternator4, a.listalternator, a.listalternator1 { 
	text-decoration: underline; 
	}
a.listalternatorfoot { 
	background-color: transparent; 
	border: none; 
	color: #585858; 
	text-decoration: underline; 
	}
a.listalternatorhead { 
	text-decoration: underline; 
	}
td.listalternator { 
	background-color: #EAF1F8; border: 1px solid #000; color: #585858; padding: .5em; text-align: right; 
	}
.listalternatorsubhead {
	border-bottom:1px solid #000; 
	border-left:1px solid #000; 
	padding:2px; 
	color:#000; 
	background:#A5A5A5; 
	}
td.listalternatorhead { 
	background-color: #EAF1F8; 
	border: 1px solid #000; 
	color: #585858; 
	padding: 2px; 
	text-align: right; 
	white-space: nowrap; 
	}
th.listalternatorhead { 
	background-color: #EAF1F8; 
	border: 1px solid #000; 
	color: #585858; 
	padding: 2px; 
	white-space: nowrap; 
	}
.listalternatorsubhead { 
	background: #A5A5A5; 
	border-bottom: 1px solid #000; 
	color: #000; 
	padding: 4px; }
.listalternator1, .listalternator3 { 
	background: #EAF1F8; 
	border-bottom: 1px solid #000; 
	color: #000; 
	padding: 4px; 
	}
.listalternator1bg { 
	background: transparent url(images/shiny_buttons/background.gif) repeat-x center; 
	border: solid 1px #000; 
	color: #000;
	line-height: 1.5em; 
	}
.listalternator2bg { 
	background: transparent url(images/opn_bg.png) repeat-x center; 
	border: solid 1px #000; 
	color: #000;
	line-height: 1.5em; 
	}
.listalternator2, .listalternator4 { 
	background: #FFFFFF; 
	border-bottom: 1px solid #000; 
	color: #000; 
	padding: 4px; 
	}
.listalternatorfoot { 
	background-color: #A5A5A5; 
	border-bottom: 1px solid #000; 
	border-left: 1px solid #FFF; 
	border-right: 1px solid #000; 
	border-top: 1px solid #FFF; 
	color: #000; 
	padding: 2px; 
	}
.listalternatortable { 
	border: solid 1px #000;
	display: inline-table;
	width: 100%; }
/* ############################################################################################# **
** ### ENDE ALTERNATOREN ####################################################################### **
** ############################################################################################# */
}
