/* ----- Allgemein ----- */
* {
	margin:0;
	padding:0;
	border:0;
	
} 

html {
	height:100%;
	min-height:100%;
}

body {
    background:#00187a url('/bilder/style/page_background.jpg') repeat;
    text-align:center;
	height:100%;
	min-height:100%;
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
}

h1 {
    font-size:16px;
	margin:0 0 1em 0;
}

h2 {
    font-size:12px;
	margin:0 0 1em 0;
}

h3 {
	font-size:10px;
	font-weight:bold;
}

p {
	margin-bottom:1em;
}


/* Links */
a {
    color:#00187a;
    text-decoration:none;
    font-weight:bold;
}

a:hover {
    color:#8595ae;
}

a img {
    border-style:none;
}

/* Logische Textauszeichnung */
acronym {
	border-bottom:1px dotted black;
	cursor: help;
}

/* ----- Unsichtbar ----- */
/* nur fr reine Textbrowser sichtbar */
.plain {
	display:none;
}

/* ----- Struktur ----- */
#borderbox1, #borderbox2, #borderbox3 {
	min-height:100%;	
	width:100%;
}

#borderbox1 {
    background:url('/bilder/style/pageborder_top.png') repeat-x center top;
	min-width:760px;
}

#borderbox2 {
	background:url('/bilder/style/pageborder_right.png') repeat-y right top;
}

#borderbox3 {
    background:url('/bilder/style/pageborder_left.png') repeat-y left top;
	min-width:100%;
	width:100%;
}

#container {
	position:relative;
	height:100%;
    width:720px;
    margin:0 auto;
    text-align:left;
}

#column1 {
	position:absolute;
	top:0;
	left:0;	
	width:194px;
}

#column2 {
	position:relative;
	margin-left:214px;
}

#footer {
	position:relative;
	color:white;
	text-align:center;
}

#content {
	border:1px solid #00187a;
	position:relative;
	top:0;
	color:white;
}

/* ----- Men ----- */
#menu {
	position:relative;
	height:150px;
	margin-bottom:30px;
}

#menu ul {
	list-style:none;
	float:left;
}

#menu li {
	position:relative;
	background:url('/bilder/style/buttonbg.png') repeat center center;
	height:17px;
	margin-left:5px;
}

#menu a {
	text-decoration:none;
	display:block;
	text-align:center;
	height:17px;
	border-bottom:1px solid #0c0c2a;
	border-left:1px solid #0c0c2a;
	border-right:1px solid #6161ff;
	border-top:1px solid #6161ff;
	overflow:hidden;
}

#menu a img {
	margin-top:4px;
	margin-bottom:4px;
}

/* linker Bereich */
#menuleft {
	height:152px;
	float:left;
	background:url('/bilder/style/topmenu_left.png') no-repeat bottom left;
	padding-left:12px;
}

#menuleft li {
	float:left;
	top:90px;
	width:82px;
} * html #menuleft li { background:url('/bilder/style/foo') no-repeat bottom; font-size:4px; }

#menuleft ul {
        height:152px;
        background:url('/bilder/style/topmenu_left_end.png') no-repeat bottom right;
} * html #menuleft ul { margin-left:-3px; }

#menuleft li.active {
    background:url('/bilder/style/bar.gif') no-repeat bottom;
	height:29px;
}

/* rechter Bereich */
#menuright {
	height:152px;
	width:345px;
	background:url('/bilder/style/topmenu_right.png') no-repeat bottom right;
	float:left;
	margin-bottom:20px;
}
#menuright ul {
        width:90px;
}
#menuright li {
        margin-bottom:8px;
        top:65px;
        left:10px;
}

/* Schlatfl�hen */
#menu a * {
    display:none;
}
#buttonstartseite {
    background:url('/bilder/style/startseite.gif') no-repeat center;
}
#buttonstartseite:hover, li.active #buttonstartseite {
    background:url('/bilder/style/startseite2.gif') no-repeat center;
}
#buttonprojekte {
    background:url('/bilder/style/projekte.gif') no-repeat center center;
}
#buttonprojekte:hover, li.active #buttonprojekte {
    background:url('/bilder/style/projekte2.gif') no-repeat center;
}
#buttonequipment {
    background:url('/bilder/style/equipment.gif') no-repeat center;
}
#buttonequipment:hover, li.active #buttonequipment {
    background:url('/bilder/style/equipment2.gif') no-repeat center;
}
#buttonpublikationen {
    background:url('/bilder/style/publikationen.gif') no-repeat center;
}
#buttonpublikationen:hover, li.active #buttonpublikationen {
    background:url('/bilder/style/publikationen2.gif') no-repeat center;
}
#buttonkontakte {
    background:url('/bilder/style/kontakte.gif') no-repeat center;
}
#buttonkontakte:hover, li.active #buttonkontakte {
    background:url('/bilder/style/kontakte2.gif') no-repeat center;
}     
#buttonstudenten {
    background:url('/bilder/style/studenten.gif') no-repeat center;
}
#buttonstudenten:hover, li.active #buttonstudenten {
    background:url('/bilder/style/studenten2.gif') no-repeat center;
}  
#buttonfirmen {
    background:url('/bilder/style/firmen.gif') no-repeat center;
}
#buttonfirmen:hover, li.active #buttonfirmen {
    background:url('/bilder/style/firmen2.gif') no-repeat center;
} 
#buttonpresse {
    background:url('/bilder/style/presse.gif') no-repeat center;
}
#buttonpresse:hover, li.active #buttonpresse {
    background:url('/bilder/style/presse2.gif') no-repeat center;
}

/* Schlatfl�hen englisch */
#buttonhome {
    background:url('/bilder/style/home.gif') no-repeat center;
}
#buttonhome:hover, li.active #buttonhome {
    background:url('/bilder/style/home2.gif') no-repeat center;
}
#buttonprojects {
    background:url('/bilder/style/projects.gif') no-repeat center;
}
#buttonprojects:hover, li.active #buttonprojects {
    background:url('/bilder/style/projects2.gif') no-repeat center;
}
#buttonequipment {
    background:url('/bilder/style/equipment.gif') no-repeat center;
}
#buttonequipment:hover, li.active #buttonequipment {
    background:url('/bilder/style/equipment2.gif') no-repeat center;
}
#buttonpublications {
    background:url('/bilder/style/publications.gif') no-repeat center;
}
#buttonpublications:hover, li.active #buttonpublications {
    background:url('/bilder/style/publications2.gif') no-repeat center;
}
#buttoncontacts {
    background:url('/bilder/style/contacts.gif') no-repeat center;
}
#buttoncontacts:hover, li.active #buttoncontacts {
    background:url('/bilder/style/contacts2.gif') no-repeat center;
}     
#buttonstudents {
    background:url('/bilder/style/students.gif') no-repeat center;
}
#buttonstudents:hover, li.active #buttonstudents {
    background:url('/bilder/style/students2.gif') no-repeat center;
}  
#buttonfirmen {
    background:url('/bilder/style/firmen.gif') no-repeat center;
}
#buttonfirmen:hover, li.active #buttonfirmen {
    background:url('/bilder/style/firmen2.gif') no-repeat center;
} 
#buttonpress {
    background:url('/bilder/style/press.gif') no-repeat center;
}
#buttonpress:hover, li.active #buttonpress {
    background:url('/bilder/style/press2.gif') no-repeat center;
}


#lang {
/*	position:absolute;
	top:105px;
	right:130px;
	color:white;
	white-space:nowrap;*/
}

#lang a, #lang img {
	display:inline;
	background:none;
	width:25px;
	height:15px;
	border:0;
}

#lang-de {
	position:absolute;
	top:65px;
	right:200px;
}

#lang-en {
	position:absolute;
	top:105px;
	right:200px;
}

/* ----- Karten ----- */
div.card {
	border:1px solid #00187a;
	position:relative;
	width:100%;
	margin-bottom:20px;
	color:black;
}

/* Header */
.cardheader {
    position:absolute;
	z-index:10;
    background:url('/bilder/style/card_header_left_dark.gif') no-repeat left top;
} * html .cardheader { padding-left:14px; }

.cardheader ul {
	position:relative;
    list-style:none;
    padding-left:15px;
}

.cardheader li {
    float:left;
    background:url('/bilder/style/card_header_cross_dark.gif') no-repeat left top;
    margin-left:-14px;
    padding-left:13px;
}

.cardheader li.active {
    background:url('/bilder/style/card_header_right_light.gif') no-repeat right top;
}

.cardheader a, .cardheader span {
    display:block;
    background:url('/bilder/style/card_header_right_dark.gif') no-repeat right top;
    font:bold 10px Verdana;
    text-decoration:none;
    color:#00187a;
    padding-right:45px;
    line-height:22px;
}

.cardheader span {
	color:black;
}

.cardheader a:hover {
	color:#8595AE;
}

.cardheader li.active a, .cardheader li.active span {
    background:url('/bilder/style/card_header_left_light.gif') no-repeat left top;
    margin-left:-14px;
    padding-left:14px;
}

/* Body */
div.cardbodybox1 {
	position:relative;
	background:url('/bilder/style/card_right.png') repeat-y right;
    background-color:#e2a000;
	margin-top:21px;
} 

div.cardbodybox2 {
	background:url('/bilder/style/card_topright.png') no-repeat top right;
}

div.cardbodybox3 {
	background:url('/bilder/style/card_left.png') repeat-y left;
}

div.cardbodybox4 {
	background:url('/bilder/style/card_topleft.png') no-repeat left top;
}

div.cardbodybox5 {
	background:url('/bilder/style/card_bottomright.png') no-repeat bottom right;
}

div.cardbodybox6 {
	background:url('/bilder/style/card_bottomleft.png') no-repeat left bottom;
	padding:2px 4px;
}


div.cardrow {
	position:relative;
	margin:2px 0;
}

.cardtextbox1 {
	width:auto;
	position:relative;
	background:white url('/bilder/style/textbox_left.png') repeat-y left;
}

.cardtextbox2 {
	background:url('/bilder/style/textbox_right.png') repeat-y right;
}

.cardtextbox3 {
	background:url('/bilder/style/textbox_topright.png') no-repeat top right;
}

.cardtextbox4 {
	background:url('/bilder/style/textbox_topleft.png') no-repeat top left;
}

.cardtextbox5 {
	background:url('/bilder/style/textbox_bottomright.png') no-repeat bottom right;
}

.cardtextbox6 {
	background:url('/bilder/style/textbox_bottomleft.png') no-repeat left bottom;
    padding:5px 10px;
	min-height:100px;
	height:auto !important;
	height:100px;
	position:relative;
}

/* �ersichtseiten mit Bild */
div.overview {
	margin-left:200px;
	min-height:148px;
	height:auto !important;
	height:148px;
}

div.overview.small {
	margin-left:160px;
	min-height:120px;
	height:auto !important;
	height:120px;
}

div.overview.portrait {
	margin-left:130px;
	min-height:159px;
	height:auto !important;
	height:159px;
}

div.overview div {
	min-height:148px;
	height:auto !important;
	height:148px;
}

div.overview.small div {
	min-height:120px;
	height:auto !important;
	height:120px;
}

div.overview.portrait div {
	min-height:159px;
	height:auto !important;
	height:159px;
}

img.overview {
	position:absolute;
	top:0;
	left:0;
	margin:9px 3px 9px 4px;
	width:190px;
}

img.overview.small {
	width:150px;
}

img.overview.portrait {
	width:120px;
	left:0;
}

h1.overview, div.overview h1 {
	font-size:12px;
	margin:0 0 1em 0;
}

/* ----- Text innerhalb von Textboxen ----- */
.cardtextbox6 ul, .cardtextbox6 ol {
	margin:0 0 1em 20px;
}

.cardtextbox6 li {
	margin-left:10px;
	text-align:left;
}

.justify {
	text-align:justify;
}

/* ----- Bilder im Flie�ext ----- */
img.leftimg {
	float:left; 
	text-align:left; 
	margin-right:10px;
	margin-bottom:10px;
}

img.rightimg {
	float:right; 
	text-align:right; 
	margin-left:10px;
	margin-bottom:10px;
}

/* Bilder zentriert */
.images {
    	margin:0 auto;
    	text-align:center;
	margin-bottom:1em;
}

/* ----- Bilderlinks ---- */
/*.card a[href^="http://"], .card a[href^="https://"],*/ 
a.extern {
	padding-left:15px;
	background:url('/bilder/icons/extern_link_gray.png') no-repeat left;
}

/*.card a[href$=".pdf"], */
a.pdf {
	padding-right:15px;
	background:url('/bilder/icons/pdf.gif') no-repeat right;
}

/*.card p a[href^="mailto:"], */
a.mail {
	padding-left:15px;
	background:url('/bilder/icons/mail_icon.gif') no-repeat left;
}

a.movie, span.movie {
	padding-left:15px;
	background:url('/bilder/icons/movie_icon.gif') no-repeat left;
}

/* ----- Bullets ----- */
span.phone {
	padding-left:15px;
	background:url('/bilder/icons/phone_icon2.gif') no-repeat left;
}

li.movie, ul.movie {
	list-style-image:url('/bilder/icons/movie_icon.gif');
}

/*li.link {
	list-style-image:url('/bilder/icons/extern_link_gray.png');
}*/

div.imglinks {
	min-height:0;
	text-align:right;
	position:absolute;
	right:8px;
	top:8px;
}

div.imglinks a {
	margin-right:3px;
	width:18px;
	height:18px;
	float:left;
}

div.imglinks a * {
	display:none;
}

div.imglinks a.home {
	background:url('/bilder/icons/icon_home.gif') no-repeat center center;
}

div.imglinks a.details {
	background:url('/bilder/icons/icon_details.gif') no-repeat center center;
}

div.imglinks a.doku {
	background:url('/bilder/icons/icon_doku.gif') no-repeat center center;
}

div.imglinks a.download {
	background:url('/bilder/icons/icon_download.gif') no-repeat center center;
}

div.imglinks a.webdemo {
	background:url('/bilder/icons/icon_demo.gif') no-repeat center center;
}


/* ----- News auf der Startseite ----- */
ul.news {
	list-style:url('/bilder/icons/triangle.png');
	margin-left:10px;
}

ul.news li {
	margin-bottom:10px;
}

span.bottomlink {
	display:block;
	text-align:right;
	border-top:1px dashed gray;
	margin-top:20px;
}

/* ----- Fusszeile ----- */
#footnavigation {
	text-align:center;
	color:white;
    font-size:1em;
	padding-bottom:10px;
}

#footnavigation a {
    color:white;
    margin:0 0.5em;
}

#footnavigation a:hover {
    color:gray;
}

/* ----- Pressemeldungen ----- */
#presse h2 {
	margin-bottom:0;
}

/* ----- Publikationen ----- */
p.publikation, p.publication {
	padding-left:10px;
	background:url('/bilder/icons/triangle.png') no-repeat 0 4px;
}

/* ----- Ressourcen ----- */
table.links {
	border-spacing:5px 20px;
	empty-cells:show;
}

table.links td {
	border-left:1px solid #00187a;
	padding:5px;
}

table.links td.image {
	vertical-align:top;
	border-right:1px solid #00187a;
	border:none;
	padding-right:10px;
	text-align:center;
} * html table.links td { border:0; }


/* ----- Code ----- */
code {
	display:block;
	white-space:pre;
	width:90%;
	border:1px dashed gray;
	background-color:#f3f3f3;
	font:normal 1.1em "Courier new";
	margin:1em auto;
	padding:5px;
	color:blue;
}

.php {
	color:green;
}

.xhtml {
	color:blue;
}

.css {
	color:red;
}

code .comment {
	color:black;
}

div.validinfo {
	text-align:center;
}

.test {
	height:9px;
	width:500px;
	display:block;
	border:1px dashed gray;
	background:url('/admin/new/projekt.png') no-repeat center top;
}

.test:hover {
	background:url('/admin/new/projekt.png') no-repeat center bottom;
}

/* ----- Ctrl ----- */
.appctrl {
	margin:0 auto;
	position:relative;
	width:100%;
	border:1px dashed red;
}

.appctrl .application {
	width:49%;
	border:1px dashed blue;
	display:block;
	float:left;
}

.appctrl .desc {
	width:100%;
	display:block;
}

#output {
	max-height:150px;
	overflow:auto;
	min-height:150px;
	font:normal 1em "Courier new";
}

#output .time {
	color:darkgreen;
}

#output .line {
	white-space:pre;
}

#clrout {
	border-top:1px solid #00187a;
	text-align:right;
}

/* ----- Allowhost ----- */
form#allowhost input {
	background: #e2a000;
	border:1px solid blue;
}
form#allowhost input.button {
	padding:0.5ex;
}