@charset "utf-8";

* {
    margin:                 0;
    padding:                0;
}

img {
	border-width:			0px;
}

body {
    font-family:            tahoma, verdana, helvetica, arial, sans-serif;
    font-size:              12px;
    text-align:             left;
    color:                  #000000;
    background:             #FFFFFF;
}

a {
    color:                  #999999;
}

h1 {
    margin-bottom:          1em;
}

/**
 * Admin Panel
 */
#AdminPanel {
    text-align:             left;
    font-size:              0.8em;
    padding:                3px;
}

/*
 * Content
 */
 
#Content {
	width:                  1000px;
	margin:                 auto;
    margin-top:             0px;
}

#Content .page {
    width:                  400px;
    margin:                 10px auto 10px auto;
}

#Content .page .description {
    text-align:             justify;
}

fieldset.page ul.liste {
    padding-left:           15px;
}


/*
 * Foot
 */
 
.foot {
	clear:					both;
	text-align:				center;
	font-size:				0.8em;
	color:					#ACACAC;
	padding-top:			10px;
    padding-bottom:         10px;
}

/*
 * Head
 */

#Head {
	height:					63px;
	background-image:		url('head.back.gif');
	margin-bottom:			5px;
    text-align:             right;
}

#Head .up {
	height:					63px;
}

#Head .up #Logo {
	float: 					left;
    margin-left:            10px;
}

#Head .up #modeSwitchButton {
	margin:					7px;
	float: 					right;
}

#Head .button {
    margin-top:             6px;
    margin-right:           5px;
}

#PersonalizeToolbar {
    display:                inline;
}

#RecycleBin {
	background-image:		url('head.recycle.bin.gif');
	width:					38px;
	height:					38px;
    margin-top:             3px;
	font-size:				0.7em;
	overflow:				hidden;
	float: 					right;
}

#RecycleBin li {
    list-style-type:        none;
    white-space:            nowrap;
}

#RecycleBin li a {
    color:                  black;
    text-decoration:        none;
}


#Head .toolbar {
    position:               relative;
    top:                    -19px;
    height:                 20px;
    clear:                  both;
    text-align:             center;
}

#Head .toolbar a {
    line-height:            20px;
    padding:                2px 8px 2px 8px;      
    color:                  white;
    background-color:       #A8A8A8;
    text-decoration:        none;
    border:                 1px solid #666666;
    border-bottom-width:    0; 
}

#Head .toolbar a.active,
#Head .toolbar a:active {
    background-color:       white;
    font-weight:            bold;
    color:                  black;
}

#Head .toolbar a:hover {
    background-color:       white;
    color:                  black;
}

#design {

}

#UserProfile {
    text-align:             right;
	font-size:				0.8em;
	padding-right:			10px;
    top:                    -36px;
    position:               relative;
    display:                inline;
}

/*
 * Flash Messages
 */
 
#flash_message {
	text-align:             center;
	position:               relative;
	margin:                 auto;
    width:                  30%;
	padding:                4px;
	margin-top:             0px;
	margin-bottom:          20px;
    z-index:                10px;
}

.flash_error {
	background-color:       #FFE8E8;
	border:                 1px solid red;
	color:                  yellow;
}

.flash_info {
	background-color:       #7497EC;
	border:                 1px solid black;
	color:                  white;
}

.inplaceeditor-saving {
    background:             url(wait.small.gif) top left no-repeat;
    text-decoration:        none;
}

/**
 * Feed Ticker
 */
#FeedTicker {
    height:                 1.2em;
    font-size:              0.8em;
    position:               relative;
    top:                    -4px;
    overflow:               hidden;
    margin-left:            10px;
    margin-right:           10px;
}

#FeedTicker #FeedTickerMarquee {
    white-space:            nowrap;
    position:               relative;
}

#FeedTicker #FeedTickerMarquee a {
    text-decoration:        none;
}

/*
 * Search Bar
 */
 
.search {
    float:                  left;
    width:					300px;
    padding:                0px 10px 5px 10px;
}

#AdSense {
    margin-top:             20px;
    text-align:             center;
    height:                 60px;
}

#SearchField {
    margin-top:             20px;
    margin-bottom:          10px;
}

#SearchKeywords {
    background:             url(search.inputfield.gif) top left no-repeat;
    border-width:           0;
    vertical-align:         middle; 
    height:                 17px;
    width:                  199px;
    padding:                4px 3px 4px 3px;
}

#SearchField .newwindow {
    font-size:              0.8em;
    text-align:             center;
}

.search .versionnumber {
    font-size:              0.6em;
}

#SearchButtons {
    text-align:             center;
}

#SearchButtons button,
#SearchButtons div {
    margin:                 1px 2px 1px 2px;
    border:                 1px solid black;
    background-color:       silver;
}

#DialogWindowContent img.searchButton { 
    border:                 1px solid black;
    padding:                1px 3px 1px 3px;
    background-color:       silver;
    vertical-align:         middle;
}

#SearchButtons div {
    margin:                 2px 2px 2px 2px;
    float:                  left;
    padding:                1px 3px 1px 3px; 
}    

#SearchButtons button.defaultEngine,
#SearchButtons div.defaultEngine {
    margin:                 1px 2px 1px 2px;
    border:                 2px solid black;
}

body.personalize #SearchButtons button.default,
body.personalize #SearchButtons div.default {
    border:                 2px solid red;
}

#SearchButtons button img {
    vertical-align:         middle;
}

/*
 * Link Container
 */  
 
#spinnerLinks {
    position:               absolute;
    top:                    350px;
    left:                   385px;
    width:                  250px;
    height:                 100px;
    background-color:       white;
    border:                 2px solid black;
    text-align:             center;
    padding-top:            70px;
}
 
.links {
    clear:                  both;
	padding-left:			5px;
	padding-right:			5px;
	height:					100%;
}

.links .column {
    float:                  left;
    padding:           		4px;
	width:					132px;
	min-height:				40px;
}

body.personalize .links .column {
	border:					2px dotted #FF9999;
	padding:				2px;
}

div.dropmarker {
    height:					6px;
    width:					132px;
    background: 			url(links.dropmarker.png) left top;
    z-index:				1000;
    overflow: 				hidden;
}

.links .container {
    width:                  132px;
/*  height:                 147px; */
    margin-bottom:          5px;
/*	overflow:				hidden;	*/
    list-style-type:        none;
}

.links .container .top {
    height:                 30px;
    background-image:       url('links.container.back.top.gif');
    background-repeat:      no-repeat; 
}

.links .container .bottom {
    text-align:             center;
    min-height:             15px;
    background-image:       url('links.container.back.bottom.gif');
    background-repeat:      no-repeat;
    background-position:    bottom; 
}

.links .container .bottom img {
    margin-top:             3px;
    margin-bottom:          4px;
}

body.use .links .container .bottom .addLinkButton {
    display:                none;
}

.links .containerMinimized .bottom {
    display:                none;    
}

.links .container ul {
	clear:					both;
    background-image:       url('links.container.back.middle.gif');
    background-repeat:      repeat-y;
    min-height:             1em;
}

.links .container ul li {
    list-style-type:        none;
    margin-left:            0px;
    margin-right:			5px;
    padding-left:           15px;
    background-image:       url('links.bullet.gif');
    background-repeat:      no-repeat;
    background-position:    8px 0.5em;
    overflow:				hidden;
    white-space:			nowrap;
    position:				relative;	/* fixes a weird bullet-bug in IE: http://www.mail-archive.com/css-d@lists.css-discuss.org/msg00054.html */
}

.links .container ul li span.newLink {
    color:                  red;
    font-size:              0.8em;
    text-transform:         uppercase;
    vertical-align:         super;
}

.links .containerMinimized {
    background-image:       url('links.container.minimized.back.gif');
    background-repeat:      no-repeat;
    width:                  132px;
    height:                 35px;
    margin-bottom:          5px;
    overflow:				hidden;
    list-style-type:        none;
}

.links .containerMinimized ul {
    display:                none;
}

.links .container h1,
.links .containerMinimized h1 {
    font-size:              1em;
    color:                  #999999;
    margin:                 7px 0px 0px 18px;
    display:				inline;		/* fixes IE double float-margin bug: http://www.positioniseverything.net/explorer/doubled-margin.html */
	width:					95px;
	float:					left;
	overflow:				hidden;
	white-space:			nowrap;
}

body.personalize .links .container h1,
body.personalize .links .containerMinimized h1 {
	width:					79px;
	cursor:					default;
}

.links .container input,
.links .containerMinimized input {
    font-size:              1em;
	margin:					7px 0 9px 18px;
	width: 					77px;
	border:					1px solid black;
	float:					left;
}

.links .container ul li input,
.links .containerMinimized ul li input {
	margin:					0;
	width: 					110px;
	border:					1px solid black;
}

body.use .links .container .control .closeButton,
body.use .links .containerMinimized .control .closeButton {
	display:				none;
}

.links .container .control,
.links .containerMinimized .control {
	padding:				7px 0px 0px 0px;
	display: 				inline;
	float: 					left;
	white-space:			nowrap;
}

.links .container .control img,
.links .containerMinimized .control img {
	vertical-align: 		top;
}

/*
 * Service Tabs
 */

.services {
	margin-bottom:			5px;
}

.services {
    float:                  left;
    padding:                0px 10px 5px 10px;
}

.services .service {
    background-image:       url(services.container.back.gif);
    background-repeat:      no-repeat;
    padding:                20px 10px 5px 10px;
    height:                 195px;  /* 220 - 20 (padding-top) - 5 (padding-bottom) */
    width:                  300px;  /* 320 - 10 (padding-left) - 10 (padding-right) */
    color:                  #999999;
    overflow:               hidden;
    clear:                  both;
    position:               relative;
    top:                    10px;
    z-index:                1;
	margin-bottom:			5px;
}

.services ul.tabs {
    position:               absolute;
    z-index:                2;
}

.services ul.tabs li {
    list-style-type:        none;
    display:                inline;
}

.services ul.tabs li a {
    font-size:              14px;
    font-weight:            bold;
    display:                block;
    float:                  left;
    color:                  #000000;
    text-decoration:        none;
    background-image:       url(services.tab.back.gif);
    background-repeat:      no-repeat;
    height:                 19px;
    padding-left:           3px;
    padding-top:            2px;
    padding-right:          3px;
}

.services ul.tabs li.left a{
    background-position:    0px 0px;
    padding-left:           10px;
}

.services ul.tabs li.middle a {
    background-position:    -15px 0px;
}

.services ul.tabs li.right a {
    background-position:    right 0px;
    padding-right:          10px;
}

.services ul.tabs li.left a:hover,
.services ul.tabs li.left a:active {
    background-position:    0px -42px;
}

.services ul.tabs li.middle a:hover,
.services ul.tabs li.middle a:active {
    background-position:    -15px -42px;
}

.services ul.tabs li.right a:hover,
.services ul.tabs li.right a:active {
    background-position:    right -42px;
}

.services ul.tabs li.singleActive a {
    background-position:    0px -21px;
    padding-left:           10px;
    width:					132px;
}

.services ul.tabs li.leftActive a {
    background-position:    0px -21px;
    padding-left:           10px;
}

.services ul.tabs li.middleActive a {
    background-position:    -15px -21px;
}

.services ul.tabs li.rightActive a {
    background-position:    right -21px;
    padding-right:          10px;
}

/*
 * Forms
 */
 
form fieldset {
    padding:                5px;
    margin:                 auto;
}

form legend {
    padding:                5px;
    font-weight:            bold;
}

form div.description {
    margin-bottom:          1em;
    line-height:            1.5em;
    text-align:             justify;
}

form label {
	width:					150px;
    display:                block;
    float:                  left;
}

form label.right {
    float:                  none;
    display:                inline;
}

form select {
    min-width:              40px;
    max-width:              100%;
}

form textarea {
    width:                  90%;
}

form div.input,
form div.inputCheckbox {
    margin-bottom:          0.5em;
    clear:                  both;
}

form div.inputCheckbox input {
    margin-right:           5px;
    float:                  left;
}

form div.inputCheckbox label {
    width:                  auto; 
    float:                  none;   
}

form div.submit {
    margin:                 1em; 
    text-align:             center;
}

form div.error {
    background-image:       url(form.required.gif);
    background-repeat:      no-repeat;
    background-position:    top left;
    border:                 1px solid red;
    padding:                5px;
}

form div.error-message {
    background-position:    top left;
    background-color:       transparent;
    border-style:           none;
    font-weight:            bold;
    color:                  red;
    font-size:              90%;
    padding-top:                3px;
}

form input.form-error,
form textarea.form-error {
    border:                 1px solid red;
    color:                  red;
}

/* Globale ERROR Nachricht */
div.errorMessages {
    background-color:       red;
    background-image:       url(message.error.icon.gif);
    background-repeat:      no-repeat;
    background-position:    3px 3px;
    color:                  white;
    padding:                3px 3px 5px 27px;
    border:                 1px solid black;
    margin:                 10px 10% 20px 10%;
}

/**
 * DialogWindow
 */

#DialogWindow {
    position:               absolute;
    height:                 30em; 
    width:                  400px;
    margin:                 -152px 0 0 -202px;    /* hälfte höhe/breite + padding + border-width */
    border:                 2px solid black;
    background-color:       white;
    top:                    50%;
    left:                   50%;
    z-index:                100;
}

#DialogWindowHeadline {   
    background-color:       silver;
    border-bottom:          1px solid gray;
    color:                  white;
    font-weight:            bold;
    font-size:              0.8em;
    margin:                 0px;
    padding:                0.2em 2px 0.2em 10px;
    cursor:                 move;
}

#DialogWindow .closeLink {
    position:               relative;
    top:                    -1.5em;
    left:                   80%;
    font-size:              0.8em;
    font-style:             italic;
    text-align:             right;
    margin-right:           7px;
}

#DialogWindow .closeLink a {
    color:                  white;
    text-decoration:        none;
}

#DialogWindowSpinner {
    background-color:       white;
    text-align:             center;
    position:               absolute;
    top:                    50%;
    left:                   50%; 
    margin-top:             -20px;
    margin-left:            -20px;
}

#DialogWindowContent {
    overflow:               auto;    
    padding:                5px;
    height:                 27.8em;
    top:                    -1em;
    position:               relative;
}

#DialogWindowContent h1 {
    font-size:              1.3em;
    margin-top:             0.4em;
    margin-bottom:          0.8em;
}

#DialogWindowContent h2 {
    font-size:              1.0em;
    margin-top:             0.4em;
    margin-bottom:          0.8em;
}

#DialogWindowContent p {
    text-align:             justify;
    margin-bottom:          1.2em;
}

#DialogWindowContent fieldset {
    padding:                5px;
    width:                  90%;
}

#DialogWindowContent label {
    display:                block;
    float:                  left;
    width:                  40%;
}

#DialogWindowContent input[type=select] {
    width:                  50px;
}

#DialogWindowContent .input {
    clear:                  both;
}

#DialogWindowContent ol {
    margin-left:            20px;
    margin-bottom:          1.2em; 
}

/**                                                    
 * Loading Window
 * @author Alexander Wegener
 *
#LoadingWindow {
    position:               absolute;
    height:                 150px;
    width:                  300px;
    margin:                 -87px 0 0 -162px;  
    padding:                10px;
    border:                 2px solid black;
    background-color:       white;
    top:                    50%;
    left:                   50%;
    overflow:               hidden;
    z-index:                100;
}
*/

/**
 * Tooltip styles
 * @author Alexander Wegener
 */
.tooltip {
    border:                 1px solid #666666;
    background-color:       #FFFFCC;
    font-size:              11px;
    color:                  black;
    width:                  200px;
    padding:                2px 4px;
    z-index:                100;
}
.tooltip h1 {
    font-size:              11px;
    background-color:       #CCFF99;
    margin:                 -2px -4px 3px -4px;
    padding:                1px 4px 1px 4px;
}
.tooltip p {
    margin:                 0;
}

/**
 * Standard Table formatting
 */
 
table tr {
    vertical-align:         top;
}

table td,
table th {
    padding:                3px;
}