@import url("elemente.css");
@import url("templates.css");
@import url(colors.css);

*{margin: 0; padding: 0; border: none; font-family:Verdana;}

html, body {height: 100%; color: #C6C6C6;}
form {display:inline;}


body {	background-color: #303437;
 		background-image: url(/images/laender/page_back.gif);
    	background-position:center;
	    background-repeat: repeat-y;
	    text-align:center;
		font-size:11px;
		}

/*
h1 { font-size:24px; line-height:21px; font-weight:normal; color: #848482; margin:0px; margin-bottom:20px; }
h1 span { font-size:19px; }
h2 { font-size:20px; line-height:17px; font-weight:normal; color: #C6C6C6; margin:0px; margin-bottom:13px; }
h3 { font-size:15px; line-height:12px; font-weight:normal; color: #C6C6C6; margin:0px; margin-bottom:10px; }
h4 { font-size:12px; line-height:10px; font-weight:bold; color: #C6C6C6; margin:0px; margin-bottom:6px; }
h5 { font-size:12px; line-height:10px; font-weight:bold; color: #848482; margin:0px; margin-bottom:6px; }
h6 { font-size:11px; line-height:10px; font-weight:bold; color: #848482; margin:0px; margin-bottom:6px; }
*/

h1 { font-size:24px; font-weight:normal; margin-bottom:20px; }
h1 span { font-size:19px; }
h2 { font-size:20px; font-weight:normal; margin-bottom:13px; }
h3 { font-size:15px; font-weight:normal; margin-bottom:10px; }
h4 { font-size:12px; font-weight:bold; margin-bottom:6px; }
h5 { font-size:12px; font-weight:bold; color: #848482; margin-bottom:6px; }
h6 { font-size:11px; font-weight:bold; color: #848482; margin-bottom:6px; }

blockquote p {margin: 10px;}
ul {margin-left: 40px; list-style-type: disc; margin-bottom: 10px;}
a {text-decoration: underline;}
p {margin-top: 11px; margin-bottom: 11px;}
div.highlights p, div.technical p, div.files p {margin: 0px;}

div.page	{	margin-left: auto; margin-right: auto; text-align: left;
    			width: 998px;
			    /*http://www.alistapart.com/articles/footers ohne JS - mittlerweile kann Safari min-height */
			    position: relative;
			    min-height: 100%;
			    height: 100%;
			    text-align:left;
			    background-image: url(/images/laender/content_back.gif);
			    background-repeat: repeat-y;
				}
div.page[class] { height: auto; }

div.head {	height: 120px;
			background-image: url(/images/laender/oben_back.gif);
			background-repeat: repeat-x;
			background-position: 0 bottom; 
			}
div.head img.rechts {float: right;}
div.head img.logo {float: left;}

div.head div.menu_oben {position: relative; float: right; right: 30px; margin-top: 0px; padding-top: 1px; clear: both;}
div.head div.menu_oben {}
div.head div.menu_oben ul {margin-top:1px; *margin-top:3px;}
div.head div.menu_oben ul li {display:inline; vertical-align:middle; margin-left:15px;}
div.head div.menu_oben a {text-decoration:none;}
div.head div.menu_oben select {font-size:11px;}
div.head div.menu_oben input.image {margin-left:2px; font-size:10px;}
div.head div.menu_oben input.submit {font-size:10px; background-color: transparent;}
div.head div.menu_oben div.languages {display: none;}

div.menu {float: left; width: 220px; padding-top:22px;}
div.menu ul { list-style-type: none; margin-left: 0px; margin-bottom: 0px;}
div.menu a {text-decoration:none;}
div.menu ul.level1 {width: 200px; text-align:right; list-style-type: none;}
div.menu ul.level1 li {	font-size:11px; font-weight:bold; line-height: 30px;
						padding-left:10px; 
					    padding-right:14px;
					    background-image: url(/images/laender/menu_back.gif);
					    background-position: bottom right;
						background-repeat: no-repeat;
						}

div.menu ul.level2 { width: 176px; margin-top:7px; text-align:right; margin-top:0px; list-style-type: none;}
div.menu ul.level2 li { padding-right: 0; font-size:10px; font-weight:normal; line-height:15px; padding-top:3px; padding-bottom:5px; background-image: none;}

div.menu ul li.active ul.level2 li.active,
div.menu ul li.active ul.level2 li.active a {font-weight:bold;}
div.menu ul.level2 li.last {	padding-bottom:15px; margin-bottom:0px;
								background-image: url(/images/laender/menu_back.gif);
								background-position: bottom right;
								background-repeat: no-repeat;
								}
div.menu a {text-decoration:none;}

div.menu div.adresse {width: 186px; padding-top: 50px; text-align:right; }
div.menu div.adresse h2 {font-size:11px; font-weight:bold;}
div.menu div.adresse p {font-size:11px;}

div.content {margin-left: 220px; margin-top: 0px; padding-bottom: 50px;}

div.templatecontent {margin-left:5px; margin-top:30px; float:left;}
div.templatecontent img.rechts {float:right; margin-left:10px; margin-bottom:10px;}

div.content div.boxen {
    position: absolute;
    top: 155px; right: 0px;
    float:right;
    width:268px;
}

/*div.content div.box {width:238px; margin-bottom:10px; margin-right:30px;}*/
div.content div.box { width:238px; margin-bottom: 20px; }
div.content div.box div.innerbox {margin:3px;}
div.content div.box div.innerbox div.boxcontent {margin-left: 8px; padding-bottom:5px;}
div.content div.box h2 {	font-size:11px; line-height:20px; font-weight:bold;
							padding-left: 5px;
							margin:0px;
							background-image: url(/images/laender/box_back.gif)
							}
div.content div.box p {font-size:11px; margin:0px; margin-top:6px;}
div.content div.box input {width:140px; font-size:11px;}
div.content div.box input.senden {font-weight:bold; width: 60px; margin-left:5px }
 
div.content div.boxen div.newslettereintrag div.formular p {padding:5px;  }
div.content div.boxen div.aktionen p { margin-left:8px;  }

div.content div.clear {clear: both;}


div.bottom {	width: 100%; height: 39px;
				left: 0; bottom: 0;	position: absolute;
				clear: both;
				font-size: 10px;
				background-image: url(/images/laender/footer_back.gif);
				background-repeat: repeat-x;
				}
div.bottom p { font-size:10px; text-align:center; margin-top:15px;}


/* für das news-tmeplate content etwas breiter machen da die boxen ausgeblendet werden und stattdessen die newsbox angezeigt wird */

div.news div.templatecontent,
div.newsarchiv div.templatecontent { width: 768px; }

div.referenzen div.templatecontent,
div.ausstellungen div.templatecontent {width: 480px;}

div.newsletter div.formular table td {padding: 1px;}
div.newsletter div.formular table td input {padding-bottom: 2px;}
div.newsletter div.formular table td.checkbox {padding: 3px; padding-left: 4px; padding-right: 2px;}

/*
div.newsarchiv div.newscontent,
div.newsarchiv div.newscontent { width: 500px; }
*/