body { color: #666666; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background:#00141f url(/templates/co-createoceans/images/bg.gif) repeat-x; padding:0 0 50px 0; margin:0; text-align:center;line-height:19px; }

h1 { font-size:18px; color:#002942; padding:0; line-height:19px; margin:0 0 20px 0;  font-weight:normal; font-family: Calibri, Verdana, Helvetica, sans-serif; text-transform: uppercase; }
h2 { clear:both; font-size:13px; line-height:18px; color:#666666; padding:0; margin:0;  font-weight:bold; background-color:#fff; font-family: Calibri, Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase; }
h3 { font-size:16px; color:#002942; padding:0; margin:0 0 0 0; font-weight:normal; font-family: Calibri, Verdana, Helvetica, sans-serif; text-transform: uppercase; }
h4 { font-size:11px; color:#aaaaaa; background-color:#eeeeee; padding:4px 5px; margin:0; font-weight:normal; width:auto; }
h5 { padding:0; margin:0; }

a	{ color:#f59f00; font-weight:normal; text-decoration:none; outline:none; }
a:hover { color:#999999; }

table { font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; width:100%; border-collapse:collapse; table-layout:fixed}
td { vertical-align: top; text-align: left; padding:2px;}
img { border:0; margin:0; vertical-align:middle;  }
.clear { clear:both; height:0; }
.success { padding:10px; background-color:#FFCC00;} 
.error { padding:10px; background-color:#CC0000; color:#fff; font-size:12px; } 
.error ul { padding:0; margin:0; } 
.webdesign { float:right; }
.print { display:none }
hr {  height:0px; border:1px dotted #f59f00; border-width:0 0 1px 0; margin:10px 0; }
.colored {color:#002942; }

#top { width:840px; padding:30px 0; margin:0 auto; } 

a.button { display:block; float:left; margin:0 8px 14px 0; width:100px; height:100px; background:transparent url(/templates/co-createoceans/images/buttons.png) 0 0 no-repeat; }
a.button.twitter { width:32px; height:32px; background-position:0 -100px; }
a.button.twitter:hover { background-position:-100px -100px; }
a.button.facebook  { width:32px; height:32px; background-position:0 -150px; }
a.button.facebook:hover { background-position:-100px -150px; }
a.button.webmail  { width:73px; height:32px; background-position:0 -50px; }
a.button.webmail:hover { background-position:-100px -50px; }
a.button.kundenlogin  { width:73px; height:32px; background-position:0 0px; }
a.button.kundenlogin:hover { background-position:-100px 0px; }
a.button.convaleo  { width:73px; height:32px; background-position:0 -200px; }
a.button.convaleo:hover { background-position:-100px -200px; }

#container { width:940px;padding:0; margin:0 auto; text-align:left; border:10px solid #eeeeee; background:#eeeeee; } 
#containerLeft { float:left; width:840px; background:#fff; padding:0; margin:0; } 
#containerRight { float:right; width:80px; padding:20px 0 0 10px; margin:0; } 

#header { position:relative; height:210px; padding:0; margin:0; background:#000320 url(/templates/co-createoceans/images/motiv.jpg) no-repeat; }
#header #menus { position:absolute; top:20px; left:40px; height:150px; padding:0; margin:0;  } 
#header #menu { height: 30px; }
#header #menu ul { padding:0; margin:0; list-style-type:none; }
#header #menu li { display:inline; }
#header #menu li a { display:block; float:left; line-height:20px; margin-right:30px; font-family: Calibri, Verdana, Helvetica, sans-serif; color:#fff; font-size:14px; font-weight:normal;  text-transform: uppercase; border-top:1px solid transparent; }
#header #menu li a:hover { border-color:#dddddd; text-decoration:none }
#header #menu li a.onkat { color:#fff; border-color:#f59f00;  }

#header #submenu { height: 50px;  }
#header #submenu ul { padding:0; margin:0; list-style-type:none; width:780px; }
#header #submenu li { display:inline; }
#header #submenu li a { display:block; float:left; line-height:16px; height:25px; padding:0; margin-right:30px; font-family: Calibri, Verdana, Helvetica, sans-serif; color:#aaa; font-size:12px; font-weight:normal;  text-transform: uppercase; border-top:1px solid transparent; }
#header #submenu li a:hover { border-color:#dddddd; text-decoration:none }
#header #submenu li a.onsite { color:#fff; border-color:#f59f00; }
#header .slogan { position:absolute; top:170px; left:40px;  height:20px; padding: 0;  }
#header #flash {  height:210px; width:840px; padding:0; margin:0;   }

#content_container {  padding:20px 40px; margin:0;  }

#middle { height:40px; font-size:11px; color:#888888;  text-align:right; } 
#middle a { display:inline; padding:2px 0; color:#ccc; }
#middle .breadcrumb { float:left; line-height:19px; }
#middle .breadcrumb a { display:inline; padding:2px 0; color:#ccc; }

.linkeBreite { width:500px; }
.linkeBreite2 { width:720px; }

#right { float:right; width:260px;}
#right .box { width:260px; height:600px; font-size:11px; color:#888888; line-height:16px; padding-top:25px; }
#right .box .title { width:260px; font-weight:bold; font-family: Calibri, Verdana, Helvetica, sans-serif; text-transform: uppercase; font-size:13px; float:none; line-height:24px; }
#right .box .date { padding:0 0 6px 0; font-weight:bold; line-height:20px; }
#right .box .teaser {width:240px; padding: 0 ; float:left; }
#right .box .teaser p { width:240px; padding: 0; margin:0; }

#newtickerCarousel { position: relative; /* important */ overflow: hidden; /* important */ width: 260px; /* important */ height: 360px; /* important */  }
#newtickerCarousel_frame {position: relative}
#newtickerCarousel_frame img {position: absolute;}
#newtickerCarousel_previous {display:none;  top: 340px; left: 0; cursor:pointer}
#newtickerCarousel_next { display:none; top: 350px; left: 0; cursor:pointer}
#newtickerCarousel_content  { position: absolute; left: 0; height: 160px;  }

.newtickerCarousel_item { height:160px; padding:0px 0 6px 0; text-align:left; }
.newtickerCarousel_itemli  { height:160px; padding:0px 0 6px 0; text-align:left; }

#content { float:left; width:450px;   }

.gallerie { width:750px; float:left;  border:1px dotted #aaaaaa; border-width:0 0 1px 0; padding-bottom:20px; }

.dotted_web { float:left; width:720px; border:1px dotted #aaaaaa; border-width:0 0 1px 0; padding-bottom:20px; }
.refbild { margin-left:-20px; float:left; }
.spalte { float:left; width:15px; } 
.reftext { color:#f59f00; font-size:12px; padding-top:15px; font-weight:bold; }
.beschreibung { float:left; padding:0 0 0 17px; width:320px; }
.aufgabe { color:#f59f00; }
.weblink a { color:#666666; }
.weblink a:hover { color:#f59f00; }

#footer { clear:both; background:#fff; padding: 20px 50px 20px 50px; font-size:11px; color:#aaaaaa; line-height:18px; }

#bottom {  clear:both; width:840px; padding:40px 0; margin:0 auto; } 


#formular { padding:0; border:0px solid #cccccc; }
#formular #colored { border:3px solid #88ba14; }
#formular table { width:100%; border-collapse:collapse; table-layout:fixed }
#formular td { padding:0;  }
#formular td.first { width:120px; padding:3px 0; font-size:11px; }
#formular td.needed { width:120px; padding:3px 10px; color:#fff }
#formular td.wert { padding:0 0 0 5px; }
#formular td.text { padding:5px 10px; }
#formular .span_needed {display:none; }

input { padding: 3px; font-size: 12px; margin:2px 4px 2px 0; vertical-align:middle; width:300px; border:1px solid #dddddd}
input.short { width:235px; }
input.very_short { width:50px; }
textarea { padding: 3px 3px; font-size: 13px; margin:2px 4px 2px 0; vertical-align:middle; width:300px; height:88px; font-family: Arial, Helvetica, sans-serif; border:1px solid #dddddd}
select { padding: 3px; font-size: 13px; padding:0; margin:2px 4px 2px 0; background-color:#dddddd;  }
select#dropdown { background-color:#9e9e9e; color:#fff; }
input.radiobutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input.checkboxbutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input.submitbutton { background-color: #444444; padding:3px 5px 3px 5px;  font-weight:bold; width:auto; color:#fff; margin:6px 4px 0 126px; border:none; vertical-align:top}
input.submitbutton:hover	{  background-color: #888888; }


/* Tweet */
.boxTwitter { background:#fff url(/templates/co-createoceans/images/bird.gif) right top no-repeat; padding-top: 50px; width: 260px; height:200px; } 
.tweet {  height:400px; border-top: 1px dotted #002942; }
.tweet, .query { font-family:Calibri, Arial, Helvetica, sans-serif; font-size:13px;  }
.tweet .tweet_list, .query .tweet_list {  list-style-type: none; margin: 0; padding: 0;  }
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic { text-transform: uppercase; }
.tweet .tweet_list li, .query .tweet_list li { overflow-y: auto; overflow-x: hidden; padding: 10px 0; border-bottom: 1px dotted #002942; }
.tweet .tweet_list li a, .query .tweet_list li a { color: #f59f00; }
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {  }
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar { padding-right: .5em; float: left; margin-bottom:30px; }
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align: middle; }
.tweet .tweet_list .tweet_join { color:#f59f00;  }
.tweet .tweet_list .tweet_text {  }
.tweet .tweet_list .clear { }

/*Form Validation */
#formular table .invalidInput,.validInput { display:inline; padding:0px; }
#formular table .invalidInput input { background-color:#dddddd; }
#formular table .invalidInput select { background-color:#dddddd; }
#formular table .validInput input { background-color:#fff; }
#formular table .validInput select { background-color:#fff; }

/*Content Untermenü*/
#box_submenu ul { padding:0; margin:0; list-style-type:none; border-top:1px solid #dddddd }
#box_submenu li { clear:both; padding:4px 0; height:50px; background:#eeeeee; border-bottom:1px solid #fff; line-height:14px; font-size:10px; } 
#box_submenu li .image { float:left; width:100px; height:50px; background:#eeeeee; margin:0 10px 0 0; }
#box_submenu li p { padding:0; margin:0; }
#box_submenu li a { color:#444444; cursor:pointer;  }
#box_submenu li a:hover { color:#f59f00; text-decoration:none;  }

/*Imagepool*/
#box_imagepool { clear:both; padding:0;}
#box_imagepool ul { padding:0; margin:0; list-style-type:none; }
#box_imagepool li { display:inline; font-size:11px; text-transform:uppercase; }
#box_imagepool li a { display:block; float:left; padding:0;  width:110px; height:60px; margin: 0 10px 10px 0; font-size:11px; color:#fff; border:1px solid #dddddd; background-color:#fff; background-repeat:no-repeat; background-position: 5px 5px; }
#box_imagepool li a:hover { border-color:#f59f00; }

/*Downloads*/
.downloads { clear:both; margin:20px 0 0 0; padding:1px; border:1px solid #eeeeee; }
.downloads ul { padding:0; margin:0; list-style-type:none; }
.downloads li { padding:0 10px; line-height:24px; font-size:11px; background-color:#dddddd; border-bottom:1px solid #fff; }

/*News*/
ul#latestNews { padding: 0 0 0 0; margin:0; list-style-type:none; text-align:left; }
ul#latestNews li { clear:both; padding:6px 0; line-height:16px; border:1px dotted #aaaaaa; border-width:0 0 1px 0; margin:0; font-size:11px;  }
ul#latestNews li.firstline { color:#f59f00; font-weight:bold; border-color:#f59f00; }

ul#newsArchiv { padding: 0 0 0 0; margin:0; list-style-type:none; text-align:left; }
ul#newsArchiv li { clear:both; padding:6px 0; line-height:16px; border:1px dotted #aaaaaa; border-width:0 0 1px 0; margin:0; font-size:11px;  }
ul#newsArchiv li.firstline { color:#f59f00; font-weight:bold; border-color:#f59f00; }

#newsbox {  }
ul#newsticker { padding:0; margin:0; list-style-type:none; }
ul#newsticker li { clear:both; padding:10px; border:none; margin:0 0 4px 0;  background:#fff url(/templates/co-createoceans/images/bg-box.jpg) repeat-y; height:160px;  }
ul#newsticker li .date { width:80px; font-size:12px; color:#888888;  }
ul#newsticker li .title { width:420px; font-size:12px; color:#888888; padding:0;  }

/*Alphabet*/
ul#alphabet { height:40px; padding:0; margin:0; list-style-type:none; }
ul#alphabet li { display:inline; padding:0; margin:0; text-align:center}
ul#alphabet li a { display:block; float:left; background-color:#eeeeee; padding:0 4px; line-height:18px; margin-right:2px; text-decoration:none;  }
ul#alphabet li a:hover { background-color:#aaaaaa; color:#fff}
ul#alphabet li a.onsite { background-color:#aaaaaa; color:#fff}
ul#alphabet li a#last { padding:0 4px; }

/*Pages*/
.pages { padding:10px 0; }
ul#pages { height:20px; padding:0; margin:0; list-style-type:none; }
ul#pages li { display:inline; padding:0; margin:0; text-align:center}
ul#pages li.breaker { float:left; width:20px; line-height:20px; }
ul#pages li a { display:block; float:left; background-color:#eeeeee; padding:0; width:20px; line-height:20px; margin-right:3px; text-decoration:none; text-align:center;  }
ul#pages li a:hover { background-color:#aaaaaa; color:#fff}
ul#pages li a.onsite { background-color:#aaaaaa; color:#fff}

/*Lexikon*/
ul#lexicon { padding:0; margin:0; list-style-type:none; }
ul#lexicon li { padding:0 0 10px 0; margin:0; }
ul#lexicon li .title { font-weight:bold; font-size: 14px; }
.more_entries { line-height:18px; font-size:11px; }
ul#lexicon_small { padding:0; margin:0; list-style-type:none;}
ul#lexicon_small li { float:left; padding:0; margin:0; }

/*Liste*/
ul#list { padding: 20px 0 0 0; margin:0; list-style-type:none; text-align:left; }
ul#list li { clear:both; padding:6px 0; line-height:16px; border:1px dotted #aaaaaa; border-width:0 0 1px 0; margin:0; font-size:11px;  }
ul#list li.firstline { color:#f59f00; font-weight:bold; border-color:#f59f00;  }
ul#list li p { padding:0; margin:0; }

/*Gästebuch*/
.guestbook { padding:5px; border:1px solid #eeeeee; font-size:11px}
.guestbook p { padding:0; margin:0; }
.count_entries { float:right;  }
ul#guestbook { padding:0 0 0 0; margin:0; list-style-type:none; }
ul#guestbook li { padding:5px; line-height:18px; background-color:#eeeeee; border-top:1px solid #dddddd ; margin-bottom:5px; }
ul#guestbook li img { float:right; margin:2px 0 14px 14px; }
ul#guestbook li .header { padding: 0x; }
ul#guestbook li .message {  padding:10px 0 20px 0;  }


.image { width:160px; height:100px; background:#fff; margin:0 0 10px 0; border:1px solid #eeeeee; }
.box { height: 231px; }

/*Tooltipp*/
a.tooltipp { border-bottom:dashed 1px #dddddd; text-decoration:none;}
a.tooltipp b {display:none;}
a.tooltipp:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltipp:hover b {display:block; position:absolute; top:-1px; left:65px; padding:2px 10px; font-weight:normal; color:#fff; border:1px solid #444444; background-color:#444444;  width:195px; height:40px; font-size:11px; text-transform:uppercase;  }

/*Kunden*/
ul#kunden { padding: 0 0 0 0; margin:0; list-style-type:none; text-align:left; }
ul#kunden li { clear:both; padding:6px 0; line-height:16px; border:1px dotted #aaaaaa; border-width:0 0 1px 0; margin:0; font-size:11px;  }
ul#kunden li.firstline { color:#f59f00; font-weight:bold; border-color:#f59f00; padding-top:18px; }
ul#kunden .stadt { float:right; width:160px; }
ul#kunden .web { float:right; width:80px; }
ul#kunden .print { display:block; float:right; width:80px; }

/*WebHosting*/
ul#webhosting { padding: 0 0 0 0; margin:0; list-style-type:none; text-align:left; }
ul#webhosting li { clear:both; padding:6px 0; line-height:16px; border:1px dotted #aaaaaa; border-width:0 0 1px 0; margin:0; font-size:11px;  }
ul#webhosting li.firstline { color:#f59f00; font-weight:bold; border-color:#f59f00; padding-top:18px; }
ul#webhosting .profi { float:right; width:80px; }
ul#webhosting .dynamic { float:right; width:80px; }
ul#webhosting .php { float:right; width:80px; }
ul#webhosting .html { float:right; width:80px; }