/* main.css */

html { margin: 0; padding: 0; }

body { margin: 5px; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5em;}

div.autosize { display: table; width: 1px; }
div.autosize > div { display: table-cell; min-width: 800px;}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, caption, thead, tbody, tfoot, 
tr, th, td, blockquote, pre, code, form, fieldset, legend, input, button, textarea, select { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5em; }

ol, ul { margin-bottom:1.5em; }

li { margin-left:1.5em; }

pre, code { font-family: 'Lucida Console', Monaco, monospace; }

p, pre, blockquote, table, form { margin-bottom:0.5em; }

p img { margin: 0;}

legend {padding-bottom: .5em; }

hr { border-style: inset; border-width: 1px; }

h1 { margin-bottom: 0.8em; font-weight:bold; font-size: 20px; color: #1E5096; }

h2 { margin-bottom: 0.5em; font-weight:bold; font-size: 18px; color:#5f80ad; }

h3,h4,h5,h6 { margin-bottom: 0.2em; font-weight:bold; font-size:16px; color: black; }

table { border-collapse:collapse; border-spacing:0; }

th { background-color:#ededed; text-align: center; vertical-align:top; padding:2px; }

td { text-align:left; vertical-align:top; padding:2px; } 

sup { vertical-align:text-top; font-size: 85%; }

sub { vertical-align:text-bottom; font-size: 85%; }

del { text-decoration:line-through; }

ins { text-decoration:none; }

em { font-style: italic; }

strong { font-weight: bold; }

small { font-size: 10px; }

img {vertical-align: bottom;}

blockquote, q, em, cite, dfn, i, var { font-style: italic; }

abbr, acronym { border-bottom: 1px dotted #666; font-variant:normal; cursor:help; }

a:link, a:visited, a img { color: #1E5096; font-weight: bold; text-decoration: none; border: none; }

a:hover, a:focus, a:active { text-decoration:underline;  }

:focus { outline: none; }

:active { -moz-outline-style: none; }

.table_title_ws   { background-color: #5F67D0; color: #FFFFFF; font-weight: bold; }
.table_ws   { background-color: #D1DAFF; }

.white, .white a { color: white;}
.black, .black a { color: black;}
.gray, .grau, .grau a, .gray a { color: #808080;}
.red, .rot, .red a, .rot a { color: #FF0000;}
.blue, .blue a { color: blue;}
.yellow, .yellow a { color: yellow;}
.lime, .lime { color: lime;}
.green, .green a {color:#5EFB6E;}
.lightgrey, .hellgrau, .lightgrey a, .hellgrau a {color:#CCCCCC;}
.lightred, .lightred a {color:#ADDFFF;}
.lightblue, .lightblue a {color:#ADDFFF;}

.spezialpreis, .spezialpreis a { color:blue; }
.klein, .klein a, .small_font, .small_font a { font-size: 10px; }
.gross, .gross a { font-size: 15px; }
.kursiv, .kursiv a { font-style:italic; }

.bg_white, .bg_white a { background-color: white; color: black;}
.bg_gray, .bg_gray a {background-color: #333333; color: white;}
.bg_black, .bg_black a {background-color: black; color: white;}
.bg_purple { background-color: #ff00ff;}
.bg_red, .bg_red a { background-color: red; color: white;}
.bg_aqua { background-color: aqua;}
.bg_blue, .bg_blue a { background-color: blue; color: white;}
.bg_yellow { background-color: yellow;}
.bg_lime { background-color: lime;}
.bg_green {background-color: #5EFB6E;}
.bg_lightgrey {background-color:#CCCCCC; }
.bg_lightred {background-color:#FFC1C1; }
.bg_lightblue {background-color:#ADDFFF; }

.container_gray, .info_gray { border: 1px solid #D3D3D3; background-color:#EEEEEE; padding: 5px 10px; margin-top: 10px; margin-bottom: 10px; }
.container_blue, .info_blue { border: 1px solid #D3D3D3; background-color:#ADDFFF; padding: 5px 10px; margin-top: 10px; margin-bottom: 10px;}
.container_green, .info_green, .ok { border: 1px solid #D3D3D3; background-color:#C1FFC1; padding: 5px 10px; margin-top: 10px; margin-bottom: 10px; }
.container_red, .info_red, .fehler, .error { border: 1px solid #D3D3D3; background-color:#FFDDDD; padding: 5px 10px; margin-top: 10px; margin-bottom: 10px; }
.container_yellow, .info_yellow, .info, .debug { border: 1px solid #EEEED1; background-color:#FFFFE0; padding: 5px 10px; margin-top: 10px; margin-bottom: 10px; }

.rounded_corners, .rounded_corners10 {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}

.rounded_corners5 {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.width200 {
	width: 200px;
}

.width250 {
	width: 250px;
}

.width300 {
	width: 300px;
}

.width350 {
	width: 350px;
}

.width400 {
	width: 400px;
}

.width450 {
	width: 450px;
}

.translucent25 {
   /*background-color: #ffffff;   the background          */
   filter:alpha(opacity=25);   /* Internet Explorer       */
   -moz-opacity:0.25;           /* Mozilla 1.6 and below   */
   opacity: 0.25;               /* newer Mozilla and CSS-3 */
}


.translucent75 {
   /*background-color: #ffffff;   the background          */
   filter:alpha(opacity=75);   /* Internet Explorer       */
   -moz-opacity:0.75;           /* Mozilla 1.6 and below   */
   opacity: 0.75;               /* newer Mozilla and CSS-3 */
}


/*
[foo]        -- Has an attribute named "foo"
[foo="bar"]  -- Has an attribute named "foo" with a value of "bar" ("bar")
[foo~="bar"] -- Value has the word "bar" in it somewhere ("blue bar stools")
[foo^="bar"] -- Value begins with "bar" ("barstool")
[foo$="bar"] -- Value ends with "bar" ("I was at the bar")
[foo*="bar"] -- Value has bar somewhere ("I was looking for barstools")     

*/

/* 
a[href^="mailto"], a.mail {
    padding-right:20px;
    background: url(/images/icons/email.png) center right no-repeat;
    }


a.title[href^="mailto"]:hover:before { 
	content: attr(title);
	padding-right:0px;
    background: none;
    }
*/

a[href $=".pdf"], a[href $=".PDF"],
a[href *=".pdf#"], a[href *=".PDF#"],
a[href *=".pdf?"], a[href *=".PDF?"] {
    padding-right:20px;
    background: transparent url(/images/icons/page_white_acrobat.png) center right no-repeat;
    }

a[href$='.swf'], a[href$='.fla'], a[href$='.swd'] {
    padding-right:20px;
    background: transparent url(/images/icons/page_white_flash.png) center right no-repeat;
    }

a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] {
    padding-right:20px;
    background: transparent url(/images/icons/page_white_excel.png) center right no-repeat;
    }

a[href$='.ppt'], a[href$='.pps'] {
    padding-right:20px;
    background: transparent url(/images/icons/page_white_powerpoint.png) center right no-repeat;
    }

a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'] {
    padding-right:20px;
    background: transparent url(/images/icons/page_white_word.png) center right no-repeat;
    }

a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] {
    padding-right:20px;
    background: transparent url(/images/icons/page_white_compressed.png) center right no-repeat;
    }

/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}

a.none {
    padding-right:0;
    background: none;
	}

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

.none li { margin: 0 0 6px 0; }


#footer {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%; 
	display: block;
}

#footer *, 
#footer2 * {
	font-size: 9px;
	color: #D3D3D3;
	text-decoration: none;
}

#footer:hover * {
	color: white;
}

#footer a:hover {
	text-decoration: underline; 
}


@media print {
	body { width: 95%; font-size: 10px; line-height: 1em; background: white; }
	a:link, a:visited { font-weight: bold; text-decoration: underline; }	
	a:link:after, a:visited:after { content: " (" attr(href) ") "; font-size: 75%; }
	input, select { border: 0px; border-bottom: 1px solid #d0d0d0; font-size: 10px; line-height: 1.2em; width: auto; } 
	input[type="submit"], .noprint { display: none; }
}


/*
html { height: 100%; overflow-y: scroll; margin: 0; padding: 0; }
body { height: 100%; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; 
line-height: 1.5; }
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,caption,thead,tbody,tfoot,tr,th,td,blockquote,
pre,code,form,fieldset,legend,input,button,textarea,select { 
margin: 0; padding: 0; }
ol,ul { margin-bottom:1.5em; }
li { margin-left:1.5em; }
pre,code { font-family: 'Lucida Console', Monaco, monospace; }
p,pre,blockquote,table,form { margin-bottom:1.5em; }
legend {padding-bottom: .5em; }
hr { border-style: inset; border-width: 1px; }
h1 { margin-bottom: 0.8em; font-weight:bold; font-size: 140%; color: #004C80; }
h2 { margin-bottom: 0.5em; font-weight:bold; font-size: 120%; color:#000; }
h3,h4,h5,h6 { margin-bottom: 0.2em; font-weight:bold; font-size:110%; color:#000; }
table { border:1px solid #666; border-collapse:collapse; border-spacing:0; }
th { background-color:#ededed; text-align: center; vertical-align:top; padding:2px; }
td { text-align:left; vertical-align:top; padding:2px; } 
sup { vertical-align:text-top; font-size: 85%; }
sub { vertical-align:text-bottom; font-size: 85%; }
del { text-decoration:line-through; }
ins { text-decoration:none; }
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 85%; }
img {vertical-align: bottom;}
blockquote, q, em, cite, dfn, i, var { font-style: italic; }
abbr,acronym { border-bottom: 1px dotted #666; font-variant:normal; cursor:help; }
a:link,a:visited { text-decoration: underline; color:#004C80; }
a:hover,a:focus,a:active { text-decoration:none; color:#000; }
:focus {outline: 1px dotted #000;}
.teaser { background-color: #ccc; padding: 5px; }
*/