/* screen.css for the standard Jlog <http://jeenaparadies.net/webdesign/jlog/> template.
 *
 * Author:  Jeena Paradies <http://jeenaparadies.net>
 * License: GPL (see LICENSE.txt in this package)
 *
 */
/*
* Farben:
* Dunkelblau: 18518b
* hellblau: #f0f8ff
*
*/

/* --- Basic Styles --- */
body {
	font-size: 100.01%;
	font-family: verdana, arial, sans-serif;
	background: #ffffff;
	color: black;
	margin: 0 20px;
	padding: 0;
	text-align: center;
	}
/* -- main link styles -- */
a:link,
a:visited { color: #18518b; }
a:hover { color: #0000ff; }

/* -- headlines -- */
h2, h3, h4, h5, h6 {
	font-weight: 600;
	font-style: italic;
	margin: 0;
	padding: 0;
	color: #18518b;
	}
h1 { font-size: 2.1em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.7em; }

h2 a:link, h2 a:visited,
.teaser h3 a:link, .teaser h3 a:visited,
.teaser h4 a:link, .teaser h4 a:visited { text-decoration: none; color: #18518b; }

h2 a:hover,
.teaser h3 a:hover,
.teaser h4 a:hover { text-decoration: underline; }

.teaser h3,
.teaser h4 { margin: 0; color: #18518b; }

div.teaser { border: 1px solid #18518b; padding: 0.5em; margin-bottom: 1em; }
.teaserpic { float: left; margin-right: 1em; }
/* -- textareas and inputs -- */
fieldset { border: 1px solid #18518b; padding: 1em;  }
legend { padding: 1em; font-weight: bold; }
input.long,
input.short,
input.userdata,
textarea,
select {
	background: #fafafa;
	border: 2px inset #18518b;
	padding: 2px 3px;
/* 	border-right: 2px solid #aaaaaa; */
/* 	border-bottom: 2px solid #aaaaaa; */
	}
/* --- END Basic Styles --- */

/* --- Styles for sections --- */
/* container styles (wrapper) */
#container {
	width: 900px;
	top: 0;
	font-size: 0.8em;
	text-align: left;
	margin: 1em auto;
	padding: 0;
	background: #f0f8ff;/*#EEEEEE;*//*#18518b;*/
	color: #FFFFFF;
	border: 1px solid #18518b;
	}
	#header,
	#mainnavi,
	#main,
	#footer {
		margin: 0;
		padding: 0;
		}
	#sidebar,
	#mainnavi,
	#main {
		background-color: #f0f8ff;
		color: #18518b;
		}

/* header styles */
#header {
 	height: 120px;
	background: #18518b url(img/continental.jpg) 25px 15px no-repeat;
	color: #FFFFFF;
	text-align: right;
	padding-bottom: 30px;
	}
	h1 {
		padding: 10px 15px 10px 0;
		margin: 0;
        	}
        #header a:link,
        #header a:visited {
        	color: #FFFFFF;
		text-decoration: none;
		}
	#header a:hover { color: #ffdf16; }

/* mainnavi */
#mainnavi {
	font-size: 0.8em;
	height: 95px;
	margin: -25px 0.5em 0.3em 2em;
	list-style: none;
	background: transparent;
/* 	border: 1px solid red; */
	}
	#mainnavi li {
		width: 12em;
		float: left;
		text-align: center;
		vertical-align: bottom;
		font-weight: bolder;
	}
	#mainnavi li.spaced { margin-left: 10em; }
	#mainnavi li a {
		display: block;
/* 		width: 7.5em; */
		color: #18518b;
		padding: 50px 0 0 0;
	}
	#mainnavi li a:link,
	#mainnavi li a:visited {
		background: url(img/menu_gray.gif) top center no-repeat;
		text-decoration: none;
	}
	#mainnavi li a:focus,
	#mainnavi li a.active,
	#mainnavi li a.active:hover {
		background: url(img/menu_blue.gif) top center no-repeat;
		text-decoration: none;
	}
	#mainnavi li a:active,
	#mainnavi li a:hover {
		background: url(img/menu_orange.gif) top center no-repeat;
		text-decoration: underline;
	}
	#mainnavi li img { border: none; }

/* sidebar */
#sidebar {
	width: 200px;
	clear: both; float: left;
	margin: -10px 1.5em 1.5em -5px;
	padding: 0px 8px 0 8px;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #18518b;
/* 	border-right: none; */
	}
	#sidebar dl {
		margin: 0 0 0.3em 0;
		padding: 0;
		font-size: 1.0em;
		font-weight: 600;
		border-top: 1px dashed #18518b;
		}
	#sidebar dl.first { border: none; }
	#sidebar dt {
		margin: 5px 0 0 0;
		font-size: 0.8em;
		font-weight: 600;
		}
	#sidebar dd {
		margin: 3px 0 0 0;
		font-size: 0.8em;
		font-weight: 400;
		}
	#sidebar dd ul { list-style: none; margin: 0; padding: 0;}
	#sidebar dd li {
		margin: 3px 0 0 0;
		font-weight: 400;
	}
	.rss img { vertical-align: middle; border: 0; width: 94px; height: 15px; }

/* main styles */
#main {
	padding: 0 20px 0 230px;
/* 	border: 1px solid yellow; */
/* 	border-top: 1px solid #18518b; */
	}
	#main h2, #main h3, #main h4, #main h5, #main h6 { margin: 0.1em 0; }
	#main img { max-width: 95%; }
	.fl { float: left; margin: 0.3em; }
	.fr { float: right; margin: 0.3em; }
	#main img,
	dl.img { border: 1px solid #aaa; padding: 2px; }
	dl.img dt { padding: 0; margin: 0; }
	#main dl.img dt img { margin: 0; padding: 0; max-width: 100%; border: none; }
	dl.img dd { margin: 0; padding: 0 0.3em; font-size: 90%; }
	ul.search {
		list-style: none inside;
		margin: 0;
/* 		padding: 0; */
		}

    .webhostingpreisliste {
	    width: 100%;
	    border: 1px solid silver;
	    border-collapse: collapse;
    }
    .webhostingpreisliste td {
	    padding: 0.2em;
    }
    .GoogleAdSense_center {
    		display: block;
    		text-align: center;
    		}
    .referenzen, .referenzen .referenz-eintrag, .referenzen .referenz-eintrag td {
	    border: none;
	    vertical-align: top;
	    text-align: left;
	    padding: 0.3em;
	}
	.referenzen {
		border: 1px solid #18518b;
		margin-bottom: 0.3em;
	}

/* -- footer styles -- */
#footer {
	clear: both;
	background: #18518b;
	color: #FFFFFF;
	text-align: center;
	padding: 3px 0;
	}
	#footer * { margin: 0; padding: 0; }

/* additional formatting classes */
.i { font-style: italic; }
.smaller { font-size: 0.6em; }
.bigger { font-size: 1.2em; }